@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:900|Open+Sans+Condensed:700);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(/css/form.css);

/* Bootstrap Override */
html {
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

body {
    font-size: 14px;
    color: #101010;
    padding-top: 70px;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

a {
    color: #101010;
}

a:hover,
a:focus {
    color: #000000;
}

.ui-menu-item {
	text-decoration:none;
	text-shadow:none;
	box-shadow:none;
	font-weight:normal;
}
.ui-menu-item:hover, .ui-menu-item:active, .ui-menu-item:focus,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background:#333333;
}
.ui-corner-all:hover, .ui-corner-all:active, .ui-corner-all:focus,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	color:#FFFFFF !important;
}
.img-thumbnail {
    padding: 0px;
    line-height: 1.428571429;
    background-color: #dbdbdb;
    border: 1px solid #9b9b9b;
}

.table .table {
    background-color: #dbdbdb;
}

.form-control {
    color: #333333;
    background-color: #ededed;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.help-block {
    color: #505050;
}

.btn {
    font-size: 14px;
}

.btn:focus {
    color: #a2a1a1;
}

.btn-default {
    color: #a2a1a1;
    background-color: #3b3b3b;
    border-color: #3b3b3b;
}

.btn-default:hover {
    color: #a2a1a1;
    background-color: black;
}

.btn-danger {
    color: white;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover {
    background-color: #c9302c;
}

.modal-button, .modal-button a {
	margin-top:50px;
	padding:15px;
	border-radius:30px;
	background: #f21a1a;
    background: linear-gradient(to right, #f21a1a, #db3109);
	color:#FFFFFF;
	font-weight:bold;
}

.modal-button:active, .modal-button:hover {
	color:#FFFFFF;
	text-underline:none;
}


#validate.btn {
    background: #DFDFDF;
}

.dropdown-toggle::after {
    display: none;
}

.open .dropdown-toggle.btn-default {
    color: #a2a1a1;
    background-color: #272727;
    border-color: #1c1c1c;
}

fieldset[disabled] .btn-default.active {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
}

.btn-link {
    color: #101010;
}

.btn-link:focus {
    color: #000000;
}

.btn-default .caret {
    border-top-color: #a2a1a1;
}

.dropup .btn-default .caret {
    border-bottom-color: #a2a1a1;
}

.input-group-addon {
    border: 1px solid #c2c2c2;
}

.nav .open > a:focus {
    border-color: #101010;
}

.nav-tabs > li > a.nav-link.active, .nav-tabs > li > a.nav-link.active:hover, .nav-tabs > li > a.nav-link.active:focus {
    background-color: #dbdbdb !important;
}

.nav-tabs > li.active > a:focus {
    background-color: #dbdbdb;
}

.nav-tabs.nav-justified > .active > a {
    border-bottom-color: #dbdbdb;
}

.nav-tabs-justified > .active > a {
    border-bottom-color: #dbdbdb;
}

.nav .caret {
    border-top-color: #101010;
    border-bottom-color: #101010;
}

.nav a:hover .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.navbar-inverse {
    background-color: #a00000;
    border-color: #610000;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #610000;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #700000;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #610000;
}

.navbar-inverse .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #428bca;
}

#checkout_form h2 {
    margin-top: 20px;
}

#card_num {
    float: left;
}

.payment-icon {
    width: 40px;
    -webkit-transition: width 0.1s; /* Safari prior 6.1 */
    transition: display 0.1s;
}

.account-area form dd.payment-accepted {
    clear: both;
    margin-bottom: 25px;
}

.payment-selected {
    float: left;
    margin-left: -45px;
    margin-top: 5px;
}

.payment-selected .payment-icon {
    display: none;
}

.payment-selected .payment-icon.active {
    display: block;
}

.glyphicon-edit {
	color:#c01d1d !important;
}
@media (max-width: 767px) {
    body {
        padding-top: 55px;
    }

ol.memberships_3 li {
margin-right:0px !important;
width:100% !important;
}
.button.button.button-large.button-red {width:100% !important; margin-right:0px !important;}


    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #610000;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #610000;
    }
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #101010;
}

.thumbnail {
    padding: 0px;
    background-color: #dbdbdb;
    border: 1px solid #9b9b9b;
}

a.thumbnail:hover,
a.thumbnail:focus {
    border-color: #101010;
}

.thumbnail .caption {
    color: #101010;
}

.modal-content {
    border-radius: 8px;
	background:#FFFFFF;
	background:url('/images/modal-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-backdrop.show {
    opacity: 0.82;
}

.modal-header {
    padding: 25px 50px 20px;
    background: none;
    border-radius: 8px 8px 0 0;
    color: #333333;
	text-align:center !important;
	border-bottom:1px solid #EEEEEE;
	margin-left:auto;margin-right:auto;
}

.modal-header .close {
    width: 18px;
    height: 18px;
	padding:20px;
    border: 0;
	color:#333333;
	position : absolute;
    top      :  20px;
    right     : 40px;
}

.modal-title {
    font: 30px/36px "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "Open Sans Condensed", 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
	text-transform:capitalize;
	text-align:center;

}

.modal-body {
    border-radius: 0 0 8px 8px;
	min-height:150px;
}

.profile-contact-image {
	padding:10px 10px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 816px;
        max-width: 816px;
        padding-top: 74px;
        padding-bottom: 74px;
    }

    .modal-content {
        border-radius: 8px;
    }

	header.navbar .nav-item.message-icon, header.navbar .navbar-toggle {
		display:none;
	}
}

.button.tooltip-area {
	border:none;
	color:#222222;
}

.button {
	border:none !important;
	color:#222222;
}


.tooltip-inner {
    max-width: 120px;
    padding: 5px 10px 8px;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
    font: 12px/14px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    text-transform: none;
}

.tooltip.top .tooltip-arrow {
    bottom: -4px;
    margin-left: -10px;
    border-width: 10px 10px 0;
}

.tooltip.top-left .tooltip-arrow {
    border-width: 10px 10px 0;
}

.tooltip.top-right .tooltip-arrow {
    border-width: 10px 10px 0;
}

.tooltip.right .tooltip-arrow {
    margin-top: -10px;
    border-width: 10px 10px 0;
}

.tooltip.left .tooltip-arrow {
    margin-top: -6px;
    border-width: 10px 0 10px 10px;
}

.tooltip.bottom .tooltip-arrow {
    margin-left: -10px;
    border-width: 0 10px 10px;
}

.tooltip.bottom-left .tooltip-arrow {
    border-width: 0 10px 10px;
}

.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 10px 10px;
}

/* End Bootstrap Override */

body {
    min-width: 320px;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    line-height: 18px;
    background: #a8a8a8 url(/images/bg-page.gif) repeat-x;
}

body.signup {
    background-color: #dcdcdc;
    background-image: none;
    padding-top: 0px !important;
}

div.clear {
    clear: both;
    width: 100%;
    height: 0;
}

.container-fluid {
    max-width: 1230px;
}

#profile.container-fluid {
	margin-top:0px;
}

.container-signup {
    max-width: 100%;
    text-align: center;
    margin-top: 15px;
}
@media only screen and (max-width:767px) {
    .container-signup dd {margin-bottom:5px !important;padding-bottom:0px !important;}
    .container-signup bigdl-signup {padding:0px !important;width:100% !important;}
    .container-signup dl.bigdl.bigdl-signup {width:80% !important;}
}

.container-signup .input-large {height:45px;}
.container-signup dt label {width:100% !important; white-space:nowrap;color:#333;}
.container-signup .button-large {padding:15px 20px;font-size:13px !important;}
.container-signup h2 {line-height:36px; color:#333;}


/* header */
header.navbar {
    padding: 0;
    display: block;
}

header.navbar-signup {
    text-align: center;
}

header .container-fluid {
    padding: 0;
}

header .nav {
    font: bold 13px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

header.navbar-inverse .navbar-nav > li > a {
    padding: 15px 9px;
    color: #fff;
}

header.navbar-inverse .navbar-nav > li > a:hover {
    background: #C41A1A;
}

header .navbar-brand {
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 15px
}

header .navbar-brand img {
    width: 179px;
    height: 33px;
    display: block;
    margin-bottom: 7px;
}

header .account-btn {
    margin-right: 15px;
}

header.fixed-top {
    z-index: 1030;
}

header .login-btn {
    padding: 4px 9px;
    border: 1px solid #8a0000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font: bold 14px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #940000;
}

header .join-btn {
    margin-right: 10px;
    padding: 5px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font: bold 14px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #ed4d4d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ed4d4d 0,#d01f1f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed4d4d), color-stop(100%,#d01f1f) );
    background: -webkit-linear-gradient(top,#ed4d4d 0,#d01f1f 100%);
    background: -o-linear-gradient(top,#ed4d4d 0,#d01f1f 100%);
    background: -ms-linear-gradient(top,#ed4d4d 0,#d01f1f 100%);
    background: linear-gradient(to bottom,#ed4d4d 0,#d01f1f 100%);
    -pie-background: linear-gradient(top,#ed4d4d 0,#d01f1f 100%);
}

header .join-btn:hover {
    text-decoration: none;
    background: #de4d4d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#de4d4d 0,#d31f1f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#de4d4d), color-stop(100%,#d31f1f) );
    background: -webkit-linear-gradient(top,#de4d4d 0,#d31f1f 100%);
    background: -o-linear-gradient(top,#de4d4d 0,#d31f1f 100%);
    background: -ms-linear-gradient(top,#de4d4d 0,#d31f1f 100%);
    background: linear-gradient(to bottom,#de4d4d 0,#d31f1f 100%);
    -pie-background: linear-gradient(top,#de4d4d 0,#d31f1f 100%);
}

header .account-btn.logged {
    padding: 6px 7px;
    border-radius: 5px;
    background-color: #ad0000;
    height: 32px;
    width: 56px;
}

header .account-btn.logged:hover {
    background: #c90000;
}

header .account-btn .account-dropdown {
    text-decoration: none;
    color: #fff;
}

header .account-btn .account-dropdown .glyphicon-chevron-down {
    padding-left: 8px;
    padding-top: 3px;
}

header .account-btn .dropdown-menu {
    right: 0;
    left: auto;
    padding: 4px 0;
    margin: 8px -8px;
    font-size: 14px;
}

header .top-logout {
    display: none;
}

.notice-gdpr {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 50px;
    background-color: #000;
    color: #fff;
    padding: 10px 15px 10px 15px;
    text-align: center;
}

.notice-gdpr a {
    color: #fff;
    font-weight: bold;
   text-align:center;
}

.notice-gdpr .notice-gdpr-close {
    background-color: #666;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    float: right;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

header .unread-count {
    position: absolute;
    background: white;
    color: #930000;
    border-radius: 15px;
    width: 20px;
    height: auto;
    text-align: center;
    font-weight: bold;
    top: 5px;
    margin-left: 13px;
    font-size: 11px;
}
/* end header */

/* page-header */
.page-header {
    position: relative;
    margin: 0 0 0px;
    padding: 20px 28px 22px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px 3px 0px 0px;
    overflow: hidden;
    background: #F9F9F9;

}

.page-header h1 {
    float: left;
    margin: 0;
    font: 28px/30px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #454545;
}

.page-header h1 small {
    display: block;
    padding: 3px 0 0;
    text-transform: uppercase;
    font: 11px/14px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #a5a4a4;
}

.page-header h1 small span {
    padding: 0 4px;
    color: #e84646;
}

.page-header .social {
    float: right;
    margin: 14px 1px 0 8px;
    padding: 0;
    list-style: none;
}

.page-header .social li {
    float: left;
    padding: 0 11px;
}

.page-header .social a {
    float: left;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/bg-social.png) no-repeat;
}

.page-header .social .twitter {
    background-position: -38px 0;
}

.page-header .social .pinterest {
    background-position: -75px 0;
}

.page-header .back {
    float: right;
    margin: 12px 0 0;
    font-size: 12px;
    color: #959595;
}

/* end page-header */
#wrapper {
    padding: 12px;
    border-radius: 0px 0px 5px 5px;
    background: #333;
}

.section .headline {
    background: #585858;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#585858 0,#353535 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#585858), color-stop(100%,#353535) );
    background: -webkit-linear-gradient(top,#585858 0,#353535 100%);
    background: -o-linear-gradient(top,#585858 0,#353535 100%);
    background: -ms-linear-gradient(top,#585858 0,#353535 100%);
    background: linear-gradient(to bottom,#585858 0,#353535 100%);
    -pie-background: linear-gradient(top,#585858 0,#353535 100%);
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    color: #fff;
    overflow: hidden;
    padding: 12px 17px;
    position: relative;
}

.section .headline-nobg {
    background: none;
    -pie-background: none;
}

.section .headline h3 {
    float: left;
    margin: 0;
    font: 20px/23px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue',Helvetica-Neue,Helvetica,Arial,sans-serif;
}

/* main-profile */
.main-profile {
    z-index: 3;
    position: relative;
    margin: 0 0 13px;
    background: #fff;
	border-radius:10px;
}

.main-profile .img {
    cursor: pointer;
    float: left;
    position: relative;
    width: 320px;
    height: 320px;
    overflow: hidden;
    background: #fff no-repeat center center;
	border-radius:9px 0 0 9px;
	background:#333333;
}

.main-profile .img img {
    float: left;
    width: 320px;
    height: 320px;
}

div#main {
	border-radius:10px;
}

.main-profile .img .profile-image-overlay {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 5px;
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,0.7);
}

.main-profile .img:hover .profile-image-overlay {
    display: inline;
}

.main-profile .img .profile-image-overlay a {
    color: #fff;
}

.main-profile .frame {
    float: right;
    width: calc(100% - 320px);
    padding: 20px 20px 4px 20px;
}

.music-player {
    z-index: 10;
    position: relative;
    margin: 0 0 26px;
}

.music-player .panel {
    z-index: 2;
    position: relative;
    margin: 0;
    padding: 8px 33px 10px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #353535;

}

.music-player .panel .play {
    float: left;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    overflow: hidden;
    text-align: center;
    text-indent: 2px;
    font-size: 24px;
    line-height: 48px;
    color: #fff;
    background: #5F5F5F;
    cursor: pointer;
}

.music-player .panel .play:hover {
    -webkit-box-shadow: 0 2px 4px rgba(200,200,200,0.7);
    -moz-box-shadow: 0 2px 4px rgba(200,200,200,0.7);
    box-shadow: 0 2px 4px rgba(200,200,200,0.7);
}

.noplay {
    color: #424242 !important;
}

.music-player .panel .track {
    display: inline !important;
    float: left;
    position: relative;
    width: 361px;
    height: 37px;
    margin: 6px 0 0 28px;
    padding: 6px 0;
    border: 1px solid #393939;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    font: 14px/21px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    line-height: 20px;
    color: #DDD;
    color: #dedede;
    background: #494949;
}

.music-player .panel .track ul {
    margin: 0 0 5px 0;
    padding: 0;
    list-style-type: none;
}

.music-player .panel .time {
    color: #c1c1c1;
    float: left;
    font-size: 11px;
    margin: 10px 0 0 20px;
}

.music-player .panel .time #player-soundcloud a {
    color: #5A5A5A;
	font-size:10px;
	padding-top:-10px !important;
}

.music-player .panel .sound {
    float: right;
    height: 21px;
    margin: 14px 0 0 48px;
    width: 41px;
}

.music-player .panel .sound .volume,
.music-player .panel .sound .volume-on {
    float: left;
    width: 5px;
    height: 21px;
    cursor: pointer;
}

.music-player .panel .sound .volume {
    background: url(/images/bg-volume.gif) no-repeat;
}

.music-player .panel .sound .volume-on {
    background: url(/images/bg-volume-on.gif) no-repeat;
}

.music-player .panel .prev,
.music-player .panel .next {
    float: right;
    width: 23px;
    height: 23px;
    margin: 12px 0 0;
    overflow: hidden;
    font-size: 23px;
    line-height: 23px;
    color: #6e6e6e;
    cursor: pointer;
}

.music-player .panel .prev:hover,
.music-player .panel .next:hover {
    color: #7e7e7e;
}

.music-player .panel .menu {
    float: right;
    width: 38px;
    height: 27px;
    margin: 12px 8px 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/bg-player.png) no-repeat -31px -51px;
    cursor: pointer;
}

.music-player .panel .prev {
    background-position: 0 -53px;
}

.music-player .drop {
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    padding: 16px 13px 13px;
    -webkit-border-radius: 0 0 9px 9px;
    -moz-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px;
    background: #1a1a1a url(/images/arrow-03.png) no-repeat 100% 6px;
}

.music-player .drop ul {
    margin: 0;
    padding: 4px 10px;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    list-style: none;
    background: #212121;
}

.music-player .drop ul li {
    line-height: 19px;
    padding: 6px 0;
}

.music-player .drop ul a {
    display: block;
    padding: 10px 33px;
    text-decoration: none;
    color: #fff;
    background: #333;
}

.music-player .drop ul .active a,
.music-player .drop ul a:hover {
    background: #424242;
}

.main-profile .info {
    margin: 0;
    padding: 0 0 10px 4px;
    text-transform: uppercase;
    font: 12px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    list-style: none;
    color: #8a8989;
}

.main-profile .info li {
    padding: 0 0 14px;
    min-height: 1px;
    vertical-align: top;
}

.main-profile .info li:after {
    content: '';
    display: block;
    clear: both;
}

.main-profile .info a {
    color: #269cef;
}

.main-profile .info strong {
    font-weight: normal;
}

.main-profile .info .location {
    float: left;
    padding: 0 11px 0 0;
}

.main-profile .info .glyphicon {
    margin: 0 8px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: #b8b8b8;
}

.main-profile .info .user {
    float: left;
}

.main-profile .info .user .glyphicon {
    font-size: 14px;
}

.main-profile .info .user span {
    padding: 0 3px;
}

.main-profile .info .music {
    float: left;
}

.main-profile .info .plays {
    float: left;
}

.main-profile .info .button {
    float: left;
    position: relative;
    height: 26px;
    margin: -3px 0 5px 5px;
    padding: 0 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: none;
    font-size: 14px;
    line-height: 26px;
    color: #6e6e6e;
    background: #e5e5e5;
}

.btn-contact {
    width: 151px;
    margin: 0 11px 0 3px;
    padding: 13px 0;
    border: 0px solid #b51515;
    font: 14px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background: #e94747;

}

.btn-contact:focus,
.btn-contact.active,
.btn-contact:active,
.btn-contact:hover {
    color: #fff;
    background: #f94747;

}

.btn-contact span {
    display: inline-block;
}

.main-profile .btn .glyphicon {
    float: left;
    padding: 0 8px 0 0;
    font-size: 18px;
}

.btn-primary {
    min-width: 151px;
    margin: 0 11px 0 0;
    padding: 13px 4px;
    border: 1px solid #ffffff;
    font: 14px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #4d4d4d;
    background: #ededed;

}

.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover {
    border: 1px solid #ffffff;
    color: #4d4d4d;
    background: #e5e5e5;

}

.btn-instrument-container:nth-child(odd) {
    clear: left;
}

.btn-instrument-container:nth-child(even) {
    clear: right;
}

.btn-2 {
    background: #EEE;
}

.btn-2:hover {
    color: #222;
    background: #DDD;
}

body.signup .bandmix-content-full {
    width: 60%;
}

#signup {
    padding-top: 20px;
}

#signup .c {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 0;
}

#signup .btn-group-toggle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#signup .btn-group-toggle.row {
    padding-left: 14px;
}

#signup .chkOn, .chkOff {
    width: 100%;
}

#signup h4 {
    margin: 10px auto;
}

#signup .stock-images {
    padding: 5px 30px;
}

#signup .stock-images li .rad-area {
    float: none;
    padding: 0;
    margin: 5px auto 10px;
    text-align: center;
}

#signup .instrument-experience-arrow {
    height: 16px;
    overflow: hidden;
    text-align: center;
    width: calc(100% - 10px);
}

#signup .instrument-experience {
    background-color: #333333;
    color: #9b9b9b;
    margin-bottom: 20px;
    padding: 7px;
    position: relative;
    text-align: center;
    width: calc(100% - 10px);
	border-radius:5px;
}

#signup .instrument-experience>div {
    margin: auto;
    width: auto;
}

#signup .instrument-experience img {
    left: calc(50% - 8px);
    position: absolute;
    top: -10px;
}

#signup .instrument-experience .btn {
    color: #ffffff;
    float: left;
    padding: 4px 0px;
    text-align: center;
    width: 45px;
}

#signup .instrument-experience .btn:focus,
#signup .instrument-experience .btn.active,
#signup .instrument-experience .btn:active,
#signup .instrument-experience .btn:hover {
    background-color: #d42216;
}

.main-profile .btn-primary,
.main-profile .btn-contact {
    float: left;
}

.btn-music span {
    display: inline-block;
}

.btn-share span {
    display: inline-block;
}

.main-profile .btn-default {
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-default {
    width: 104px;
    margin: 10px 0 0;
    padding: 7px 5px;
    font: 11px/15px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.result-next,
.result-previous {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
}

.result-next {
    z-index: 4;
    right: 0;
    text-align: left;
}

.result-previous {
    z-index: 4;
    left: 0;
    text-align: right;
}

.result-next a {
    background: transparent url(/images/nav_arrow_right.svg) left 200px no-repeat;
}

.result-previous a {
    background: transparent url(/images/nav_arrow_left.svg) right 200px no-repeat;
}

.result-next a,
.result-previous a {
    display: block;
    height: 100%;
    margin: 0 5px;
    min-width: 85px;
    opacity: 0.1;
    background-size: 85px 150px;
}

.result-next a:hover,
.result-previous a:hover {
    opacity: 0.7;
}

.result-next a span,
.result-previous a span {
    visibility: hidden;
}

/* end main-profile */
#main {
    padding: 0 32px 32px;
    overflow: hidden;
    background: #fff;
}

.two-columns {
    padding: 0 0 101px;
}

/* content */
#content {
    float: right;
    width: 625px;
    padding: 35px 0 0 10px;
    background: url(/images/arrow-04.svg) no-repeat;
}

#content .section {
    padding: 0 0 26px;
}

#content .section dt {
    float: left;
    margin-right: 10px;
    line-height: 24px;
}

#content .section dd {
    line-height: 24px;
}

#content h2 {
    margin: 0 0 13px -10px;
    padding: 0 0 8px 4px;
    border-bottom: 1px solid #d6d6d6;
    text-transform: uppercase;
    font: 20px/24px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #393838;
}

#content .info-txt {
    display: block;
    margin: 0 0 15px;
    font: italic 14px/22px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #333;
}

#content .info-txt a {
    color: #505050;
}

#content p {
    margin: 0 0 17px;
    line-height: 24px;
}

#content p.past-events {
    clear: both;
    margin-bottom: -5px;
    padding: 22px 0 0 0;
    font-weight: bold;
}

#content ul {
    margin: 0;
    padding: 2px 0 25px;
    list-style: none;
}

#content .music-tracks {
    margin-left: -10px;
    padding: 0;
    font: 15px/19px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.music-tracks li {
    padding: 8px 12px;
    border-top: 1px solid #d7d7d7;
    overflow: hidden;
}

.music-tracks li:first-child {
    padding-top: 5px;
    border: 0;
}

.music-tracks .widget {
    float: right;
    margin: 7px 0 0 20px;
}

.music-tracks .widget img {
    vertical-align: top;
}

.music-tracks a {
    display: block;
    padding: 9px 0 9px 57px;
    overflow: hidden;
    text-decoration: none;
    background: url(/images/ico-08.png) no-repeat;
}
/* end content */

/* sidebar */
#sidebar {
    float: left;
    width: 411px;
    padding: 35px 0 0;
    background: url(/images/arrow-04.svg) no-repeat;
}

#sidebar h2 {
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d6d6d6;
    text-transform: uppercase;
    font: 20px/24px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #393838;
}

.share-icons,
.out {
    list-style: none;
    list-style-type: none;
}

.share-icons li,
.out li {
    height: 45px;
    text-align: center;
}

.autoselect {
    width: 400px;
    height: 35px;
    padding: 5px;
    border-radius: 3px;
}

.videos,
.music-videos {
    margin: 0 -13px 34px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.videos li {
    float: left;
    width: 50%;
    height: 129px;
    padding: 6px 0 7px;
    overflow: hidden;
}

.music-videos li {
    float: left;
    width: 360px;
    height: 210px;
    margin: 0;
    padding: 6px 0 7px;
    overflow: hidden;
}

.videos a,
.music-videos a {
    display: block;
    position: relative;
    margin: 0 6px;
    cursor: pointer;
}

.videos img,
.music-videos img {
    width: 100%;
    vertical-align: top;
}

.videos div {
    width: 206px;
    height: 116px;
    background: #fff center center no-repeat;
    background-size: 100% auto;
}

.music-videos div {
    width: 345px;
    height: 194px;
    background: #fff center center no-repeat;
    background-size: 100% auto;
}

.videos .mask,
.music-videos .mask {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/images/bg-block-01.png) repeat;
}

.videos .mask .play,
.music-videos  .mask .play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    margin: -37px 0 0 -37px;
    background: url(/images/bg-play.png) no-repeat;
}

.videos .video a.play,
.music-videos .video a.play {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

.videos a:hover .mask,
.music-videos a:hover .mask {
    display: block;
}

.photos {
    margin: 0 -9px 59px -10px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.photos li {
    float: left;
    width: 82px;
    height: 82px;
    margin: 0 0 6px 4px;
    border: 1px solid #FFFFFF;
	border-radius:5px;
    overflow: hidden;
}

.photos li img {
    vertical-align: top;
}

#sidebar .frame {
    margin: 0 -5px;
    padding: 28px 0;
}

#sidebar h3 {
    margin: 0 0 10px;
    font: 16px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #393838;
}

.connections {
    margin: 0 0 12px -15px;
    padding: 0;
    min-height: 1px;
    list-style: none;
}

.connections:after {
    content: '';
    display: block;
    clear: both;
}

.connections li {
    float: left;
    position: relative;
    margin: 0 0 12px 15px;
}

.connections li > a {
    float: left;
    width: 55px;
    height: 55px;
    border: 1px solid #FFFFFF;
	border-radius:100%;
    overflow: hidden;
}

.info-box {
    display: none;
    position: absolute;
    bottom: 100%;
    left: -7px;
    width: 320px;
    padding: 0 0 15px;
    background: url(/images/none.gif) repeat;
}

.info-box .area {
    position: relative;
    padding: 9px;
    min-height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/images/bg-block-02.png) repeat;
}

.info-box .area:after {
    content: '';
    display: block;
    clear: both;
}

.info-box .arrow {
    position: absolute;
    bottom: -13px;
    height: 13px;
    left: 26px;
    width: 19px;
}

.info-box .img {
    float: left;
    margin: 0 12px 0 0;
}

.info-box .desc {
    overflow: hidden;
    font: 12px/16px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #686868;
}

.info-box .name {
    display: block;
    margin: 0 0 4px;
    font: 16px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
}

.info-box .sub-ttl {
    display: block;
    margin: 0 0 5px;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #b5b5b5;
}

.info-box p {
    margin: 0 0 10px;
}

.info-box .btn {
    float: left;
    position: relative;
    width: 75px;
    padding: 7px 0;
    border: 1px solid #1c1c1c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 12px/17px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background: #303030;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#303030 0,#1c1c1c 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#303030), color-stop(100%,#1c1c1c) );
    background: -webkit-linear-gradient(top,#303030 0,#1c1c1c 100%);
    background: -o-linear-gradient(top,#303030 0,#1c1c1c 100%);
    background: -ms-linear-gradient(top,#303030 0,#1c1c1c 100%);
    background: linear-gradient(to bottom,#303030 0,#1c1c1c 100%);
    -pie-background: linear-gradient(top,#303030 0,#1c1c1c 100%);
}

.info-box .btn-2 {
    margin-left: 14px;
    border: 1px solid #791616;
    background: #ff4f4f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ff4f4f 0,#d60f0f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff4f4f), color-stop(100%,#d60f0f) );
    background: -webkit-linear-gradient(top,#ff4f4f 0,#d60f0f 100%);
    background: -o-linear-gradient(top,#ff4f4f 0,#d60f0f 100%);
    background: -ms-linear-gradient(top,#ff4f4f 0,#d60f0f 100%);
    background: linear-gradient(to bottom,#ff4f4f 0,#d60f0f 100%);
    -pie-background: linear-gradient(top,#ff4f4f 0,#d60f0f 100%);
}
/* end sidebar */

/* results */
.results {
    margin: 0 27px;
    padding: 50px 0 0;
    border-top: 1px solid #c3c3c3;
    overflow: hidden;
    text-align: center;
}

.results ul {
    float: left;
    position: relative;
    left: 50%;
    margin: 0;
    padding: 0 0 2px;
    list-style: none;
}

.results ul li {
    float: left;
    position: relative;
    left: -50%;
    padding: 0 3px 8px;
}

.results ul a {
    float: left;
    padding: 0 0 7px;
}

.results ul img {
    float: left;
    width: 52px;
    height: 52px;
    border: 1px solid #999;
}

.results ul .active a,
.results ul a:hover {
    padding-bottom: 4px;
    border-bottom: 3px solid #a00;
}

.results .back {
    font: 12px/18px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #aaa;
}
/* end results */

/* footer */
footer {
    margin-top: 20px;
    padding: 67px 0 180px;
    font: 14px/17px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #1b1b1b;
}

footer .container-fluid a {
    color: #777;
}

footer .container-fluid a:hover {
    text-decoration: none;
    color: #FFF;
}

footer .logo {
    float: right;
    width: 383px;
    height: 40px;
    margin: 75px 75px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/footer-logo.png) no-repeat;
}

footer .logo a {
    display: block;
    height: 100%;
}

footer .mobile-arrow {
    display: none;
}

footer .social-fb {
    float: left;
    width: 64px;
    height: 64px;
    margin: 12px 8px 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/dark-social-icons.png) no-repeat -64px 0;
    cursor: pointer;
}

footer .social-fb:hover {
    background: url(/images/dark-social-icons.png) no-repeat 0 0;
}

footer .social-tw {
    float: left;
    width: 64px;
    height: 64px;
    margin: 12px 8px 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/dark-social-icons.png) no-repeat -64px -64px;
    cursor: pointer;
}

footer .social-tw:hover {
    background: url(/images/dark-social-icons.png) no-repeat 0 -64px;
}

footer .social-go {
    float: left;
    width: 64px;
    height: 64px;
    margin: 12px 8px 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/dark-social-icons.png) no-repeat -64px -128px;
    cursor: pointer;
}

footer .social-go:hover {
    background: url(/images/dark-social-icons.png) no-repeat 0 -128px;
}

footer .frame {
    padding: 0 0 0 50px;
    overflow: hidden;
}

footer .box {
    float: left;
    width: 215px;
    margin-bottom: 20px;
    padding: 0 20px 0 0;
    min-height: 300px;
    font-size: 16px;
    line-height: 24px;
}

footer .box2 {
    float: left;
    clear: both;
    width: 100%;
    padding-left: 35px;
    border-top: 5px solid #555;
}

footer .box-lang {
    padding-top: 25px;
}

footer .copyright {
    float: right;
    margin-top: 50px;
    margin-right: 30px;
    color: #777;
}

footer h4 {
    margin: 0 0 16px;
    font: 22px/24px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* end footer */

/* message-form */
.message-form {
    padding: 0 0 12px;
    overflow: hidden;
}

.message-form .box {
    float: left;
    width: 123px;
    font-size: 11px;
    line-height: 15px;
    color: #a2a2a2;
}

.message-form .box a {
    color: #a2a2a2;
}

.message-form .box img {
    display: block;
    margin: 0 0 16px;
}

.message-form .box .ttl {
    display: block;
    margin: 0 0 10px 2px;
    font: 12px/16px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.message-form .box .history {
    margin: 0;
    padding: 0 0 0 2px;
    list-style: none;
}

.message-form .box .history li {
    padding: 0 0 8px;
}

.message-form .frame {
    float: right;
    width: 571px;
    padding: 6px 26px 0 0;
    overflow: hidden;
}

.message-form label {
    display: block;
    margin: 0 0 9px;
    font: 22px/22px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #333;
}

.message-form .form-control {
    width: 399px;
    height: 42px;
    margin: 0 0 14px;
    padding: 11px 12px;
    border-color: #c2c2c2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 18px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.message-form textarea.form-control {
    width: 545px;
    margin: 0 0 22px;
    min-height: 227px;
    overflow: auto;
    resize: vertical;
}

.login-form .btn-contact,
.message-form .btn-contact {
    display: block;
    width: 151px;
    height: 47px;
    margin: 0;
    padding: 0 0 2px;
    font: 18px/47px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
}
/* end message-form */

/* login-form */
.login-form {
    width: 399px;
    margin: 0 auto;
    padding: 6px 0 24px;
    font: 14px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.login-form a {
    color: #4369ba;
    font-weight:bold;
}

.login-form label {
    display: block;
    padding: 0 0 4px;
    font: 18px/22px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333;
}

.login-form .form-control {
    width: 399px;
    height: 42px;
    margin: 0 0 13px;
    border-color: #c2c2c2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.login-form .forgot {
    float: right;
    font: 12px/22px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.login-form .frame {
    padding: 12px 0 49px 4px;
    overflow: hidden;
}

.login-form .btn-contact {
    float: left;
    margin: 0 12px 0 0;
}

.login-form .frame label {
    padding: 12px 0 0;
    overflow: hidden;
    font: 14px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.login-form p {
    margin: 0;
    text-align: center;
}

.login-facebook {
    margin: 0 20px;
    padding: 27px 0 21px;
    border-top: 0px;
    overflow: hidden;
    font: 16px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #333;
}

.login-facebook .w1 {
    float: left;
    position: relative;
    left: 50%;
}

.login-facebook .w2 {
    float: left;
    position: relative;
    left: -50%;
}

.login-facebook p {
    float: left;
    margin: 14px 10px 0 0;
}

.login-facebook .button {
    float: left;
    width: 238px;
    height: 49px;
    border-radius: 5px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/bg-btn-01.gif) no-repeat;
}
/* end login-form */

.paging {
    display: none;
}

/* inner */
.visual {
    position: relative;
    padding: 61px 20px 18px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/images/bg-section-01.jpg) no-repeat 50% 0;
    background-size: cover;
}

.search-box {
    width: 688px;
    margin: 0 0 140px 50px;
    text-align: left;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.8);
    font: 18px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
}

.search-box h1 {
    margin: 0 0 23px;
    text-transform: uppercase;
    font: 50px/46px 'Source Sans Pro','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: 900;
}

.search-box h2 {
    margin: 0 0 22px;
    font: 22px/24px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.search-box p {
    margin: 0 0 19px;
}

.search-box .row-area {
    position: relative;
    margin: 0 0 11px;
    padding: 6px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: url(/images/bg-block-03.png) repeat;
    -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
    box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
}

.search-box .select {
    float: left;
    position: relative;
    width: 261px;
}

.search-box .select .btn {
    display: block;
    position: relative;
    width: 100%;
    padding: 10px 40px 10px 15px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    text-shadow: none;
    font: 14px/19px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: #888;
    background: #fff;
}

.search-box .select .btn .caret {
    position: absolute;
    top: 16px;
    right: 25px;
    border-top: 6px solid #888;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.search-box .select .dropdown-menu {
    width: 100%;
    height: 230px;
    overflow: auto;
    text-align: left;
    text-shadow: none;
    font: 14px/18px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.search-box .select .dropdown-menu > li > a {
    padding: 5px 15px;
    white-space: normal;
    color: #888;
}

.search-box .select .dropdown-menu > li > a:hover,
.search-box .select .dropdown-menu > li > a:focus {
    color: #fff;
    background: #333;
}

.search-box .text {
    float: left;
    position: relative;
    width: 252px;
    height: 39px;
    margin: 0 0 0 7px;
    padding: 10px 15px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 14px/19px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #888;
    background: #fff;
}

.search-box .submit.btn {
    float: right;
    position: relative;
    width: 148px;
    padding: 0;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #df2222;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#df2222 0,#950000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#df2222), color-stop(100%,#950000) );
    background: -webkit-linear-gradient(top,#df2222 0,#950000 100%);
    background: -o-linear-gradient(top,#df2222 0,#950000 100%);
    background: -ms-linear-gradient(top,#df2222 0,#950000 100%);
    background: linear-gradient(to bottom,#df2222 0,#950000 100%);
    -pie-background: linear-gradient(top,#df2222 0,#950000 100%);
}

.search-box .submit.btn:focus,
.search-box .submit.btn:hover {
    background: #d12121;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#d12121 0,#950000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d12121), color-stop(100%,#950000) );
    background: -webkit-linear-gradient(top,#d12121 0,#950000 100%);
    background: -o-linear-gradient(top,#d12121 0,#950000 100%);
    background: -ms-linear-gradient(top,#d12121 0,#950000 100%);
    background: linear-gradient(to bottom,#d12121 0,#950000 100%);
    -pie-background: linear-gradient(top,#d12121 0,#950000 100%);
}

.search-box .submit.btn input {
    width: 100%;
    height: 39px;
    padding: 0;
    border: 0;
    font: 20px/39px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: 900;
    color: #fff;
    background: url(/images/arrow-06.png) no-repeat 100% 14px;
    cursor: pointer;
}

.search-box .link {
    display: block;
    width: 126px;
    margin: 0 12px 0 auto;
    padding: 4px;
    font: 12px/16px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #ababab;
    background: #000;
}

.mobile-dropdown {
    position: relative;
    width: 252px;
    height: 39px;
    margin: 0 0 0 7px;
    padding: 10px 15px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 14px/19px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #888;
    background: #fff;
}

.boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.boxes .box {
    height: 100%;
    padding: 12px 14px 12px;
    border-radius: 10px;
    line-height: 22px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
}

.boxes .box h2 {
    margin: 0 0 6px;
    text-transform: uppercase;
    font: 22px/26px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.boxes .box h2 .arrow {
    display: inline-block;
    width: 10px;
    height: 18px;
    margin: 1px 0 0 46px;
    background: url(/images/arrow-10.png) no-repeat;
}

.boxes .box p {
    margin: 0 0 8px;
}

.boxes .box .btn {
    position: relative;
    padding: 10px;
    min-width: 145px;
    border: 1px solid #646464;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font: 14px/18px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    white-space: normal;
    color: #fff;
    background: #353535;
    -webkit-box-shadow: inset 0 1px 0 #313131;
    -moz-box-shadow: inset 0 1px 0 #313131;
    box-shadow: inset 0 1px 0 #313131;
}

.boxes .box .btn span {
    display: inline-block;
    padding: 0 19px 0 0;
    background: url(/images/arrow-07.png) no-repeat 100% 50%;
}

.boxes .box .btn:hover {
    background: #303030;
}

.boxes .box .more {
    position: absolute;
    bottom: 10px;
    padding: 0 0 0 20px;
    text-transform: uppercase;
    font: bold 12px/16px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #bfbfbf;
    background: url(/images/ico-01.png) no-repeat 0 1px;
}

.boxes .box blockquote {
    margin: 0;
    padding: 0 0 0 22px;
    border: 0;
    font: italic 14px/22px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    background: url(/images/ico-02.png) no-repeat;
}

.boxes .box blockquote q {
    display: block;
    padding: 0 14px 8px 0;
    background: url(/images/ico-03.png) no-repeat 100% 100%;
}

#carousel-testimonials {
    height: 115px;
}

#carousel-testimonials .more {
    bottom: 0;
}

#carousel-testimonials .carousel-indicators {
    bottom: -15px;
}

#carousel-testimonials .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: black;
    border: 1px solid white;
    border-radius: 10px;
}

#carousel-testimonials .carousel-indicators li.active {
    background-color: white;
}

.boxes .box .carousel-inner .item {
    height: 90px;
}

.video.video-home {
    margin-top: 15px;
}

.video.video-home .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    text-align: center;
}

.video {
    border: 0px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.video img.dummy {
    width: 100%;
    height: auto;
}

.video .play {
    min-width: 274px;
    text-transform: uppercase;
    font: 24px/29px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
}

.heading {
    position: relative;
    margin: 0 0 15px;
    padding: 20px 27px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-transform: uppercase;
    font: 14px/18px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #202020;
    background: #fefefe;

}

.heading .link {
    float: right;
    margin: 4px -6px 0 0;
}

.heading h2 {
    margin: 0;
    overflow: hidden;
    font: 18px/22px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.featured {
    margin-top: 15px;
    overflow: hidden;
}

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

.featured li {
    float: left;
    position: relative;
    width: 19%;
    margin: 0 1.25% 12px 0;
    border: 0px solid #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: #fff no-repeat center center;
}

.featured li:first-child {
    margin-left: 0;
}

.featured li:last-child {
    margin-right: 0;
}

.featured li:hover {
    border: 0px solid #fff;
}

.featured img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.featured .desc {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    text-transform: uppercase;
    font: 10px/13px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #c8c8c8;
    background: url(/images/bg-block-05.png) repeat;
}

.featured .desc .btn {
    float: right;
    padding: 8px 3px 6px 8px;
    border: 0;
    text-transform: uppercase;
    font: 10px/15px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #2f2f2f;
}

.featured .desc .btn span {
    float: left;
    padding: 0 9px 0 0;
    background: url(/images/arrow-09.png) no-repeat 100% 50%;
}

.featured .desc .btn:focus,
.featured .desc .btn:hover {
    background: #222;
}

.featured .desc .name {
    display: block;
    margin: 2px 0 -2px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #fff;
}

.featured .desc p {
    margin: 0;
}

.states {
    margin-bottom: 30px;
    padding: 0 20px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
}

.states .heading {
    margin: 0 -20px 15px;
    border-bottom: 1px solid #cbcbcb;
}

.states .frame {
    padding-left: 10px;
}

.states .list {
    float: left;
    width: 250px;
    margin: 0 0 0 30px;
    padding: 0;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    line-height: 22px;
    list-style: none;
}

.states h3 {
    padding-top: 20px;
}

.states .list a {
    color: #202020;
}
/* end inner */

/* search-results */
.page-header h1 strong {
    display: block;
    padding: 8px 0;
    font: 28px/33px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

h1.search-results-title {
    float: left;
    font: 24px 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

h1.search-results-title span {
    font-weight: normal;
}

.edit-search {
    display: none;
}

.search-parameters {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    clear: both;
    color: #a5a4a4;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pager-panel {
    position: relative;
    margin: 0 0 15px;
    padding: 11px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    background: #333;
}

.pager-panel .pagination {
    float: left;
}

.pager-panel-fixed {
    height: 48px;
    padding: 5px 0 0;
    position: fixed;
    top: 0;
    width: 1200px;
    z-index: 1000;
}

.pagination {
    margin: 0;
}

.pagination > li {
    float: left;
    margin: 0 5px 0 4px;
}

.pagination > li.disabled a,
.pagination > li.disabled a:hover {
    background-color: white;
    cursor: not-allowed;
}

.pagination > li > a,
.pagination > li > span {
    display: block;
    cursor: pointer;
    text-decoration: none;
    height: 28px;
    margin: 0;
    padding: 5px 2px;
    min-width: 28px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    font: 14px/18px 'HelveticaNeue-CondensedBold','HelveticaNeueBoldCondensed','HelveticaNeue-Bold-Condensed','Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue',Helvetica-Neue,Helvetica,Arial,sans-serif;
    color: #b1b1b1;
    background: #3f3f3f;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background: #4b4b4b;
}

.pager {
    float: left;
    margin: 0 0 0 10px;
}

.pager > li {
    float: left;
    margin: 0 4px;
}

.pager > li > a {
    height: 28px;
    margin: 0;
    padding: 5px 8px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    text-align: center;
    font: 14px/18px 'HelveticaNeue-CondensedBold','HelveticaNeueBoldCondensed','HelveticaNeue-Bold-Condensed','Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue',Helvetica-Neue,Helvetica,Arial,sans-serif;
    letter-spacing: 2px;
    color: #b1b1b1;
    background: #3f3f3f;
}

.pager > li > a:focus,
.pager > li > a:hover {
    color: #fff;
    background: #4b4b4b;
}

.search-nav {
    float: right;
    margin: 0;
    font: 12px/15px 'Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    list-style: none;
}

.search-nav li {
    float: left;
    padding: 0 16px 0;
    border-left:1px solid #555;
}

.search-nav li:first-child {
    background: none;
}

.search-nav li:last-child {
    padding-right: 0;
}

.search-nav a {
    float: left;
    color: #b7b7b7;
    padding: 2px 0;
}

.search-results, .bandmix-page-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: stretch;
    -webkit-align-items: center;
    align-items: stretch;
    border: 12px solid #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

.search-filters, .bandmix-aside {
    width: 313px;
    padding: 28px 20px 64px 32px;
    border-left: 1px solid #dfdfdf;
    color: #3f3f3f;
    background: #f4f4f4 url(/images/arrow-04.svg) no-repeat 50% 0;
}

.search-filters .title-box,
.search-filters-main .title-box {
    margin: 0 0 26px -12px;
    padding: 1px 20px 18px;
    border-bottom: 1px solid #c7c7c7;
}

.search-filters h3,
.search-filters-main h3 {
    margin: 0 0 21px;
    text-align: center;
    text-transform: uppercase;
    font: 20px/24px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #343434;
}

.search-filters .title-box h3,
.search-filters-main .title-box h3 {
    margin-bottom: 18px;
}

.search-filters .title-box dl,
.search-filters-main .title-box dl {
    margin: 0;
    overflow: hidden;
    font: 14px/18px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.search-filters .title-box dl dt,
.search-filters-main .title-box dl dt {
    float: left;
    padding: 0 4px 0 0;
    font-weight: normal;
    line-height: 18px;
}

.search-filters .title-box dl dd,
.search-filters-main .title-box dl dd {
    margin: 0 0 6px;
    line-height: 18px;
}

.search-filters .ttl,
.search-filters label,
.search-filters-main .ttl,
.search-filters-main label {
    display: block;
    margin: 0 0 3px 2px;
    font: 16px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.search-filters .form-control,
.search-filters-main .form-control {
    width: 100%;
    height: 38px;
    margin: 0 0 17px;
    padding: 8px 14px;
    max-width: 259px;
    border: 2px solid #dadada;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 14px/18px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #5d5d5d;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.search-filters .ttl span,
.search-filters-main .ttl span {
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
}

.search-filters .slider-area,
.search-filters-main .slider-area {
    padding: 21px 0;
}

.search-filters .slider-area .slider-row,
.search-filters-main .slider-area .slider-row {
    height: 17px;
    margin: 0 0 16px;
    border: 3px solid #dadada;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: #444;
}

.search-filters .slider-area .slider-row {
    padding: 0 32px 0 38px;
}

.search-filters-main .slider-area .slider-row {
    padding: 0 11%;
}

.search-filters .slider-row .slider,
.search-filters-main .slider-row .slider {
    position: relative;
    width: 100%;
    height: 11px;
}

.search-filters .slider-row .slider ul,
.search-filters-main .slider-row .slider ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-right: 4px solid #d1d1d1;
    list-style: none;
}

.search-filters .slider-row .slider ul li,
.search-filters-main .slider-row .slider ul li {
    float: left;
    width: 25%;
    height: 11px;
    border-left: 4px solid #d1d1d1;
}

.slider-row .slider .ui-slider-handle {
    position: absolute;
    top: -15px;
    width: 16px;
    height: 41px;
    margin-left: -6px;
    border: 3px solid #dadada;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: #fff;
}

.search-filters .slider-area .scale,
.search-filters-main .slider-area .scale {
    margin: 0 14px 0 20px;
    padding: 0;
    overflow: hidden;
    text-align: center;
    font: 12px/16px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    list-style: none;
    color: #9a9a9a;
}

.search-filters .slider-area .scale li,
.search-filters-main .slider-area .scale li {
    float: left;
    width: 20%;
}

.search-filters .nav-tabs,
.search-filters-main .nav-tabs {
    margin: 0 -3px 29px -10px;
    padding: 0;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    list-style: none;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ffffff 0,#e4e4e4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff), color-stop(100%,#e4e4e4) );
    background: -webkit-linear-gradient(top,#ffffff 0,#e4e4e4 100%);
    background: -o-linear-gradient(top,#ffffff 0,#e4e4e4 100%);
    background: -ms-linear-gradient(top,#ffffff 0,#e4e4e4 100%);
    background: linear-gradient(to bottom,#ffffff 0,#e4e4e4 100%);
}

.search-filters .nav-tabs li,
.search-filters-main .nav-tabs li {
    width: 50%;
    margin: 0;
    padding: 0;
    border: solid #d0d0d0;
    border-width: 0 0 0 1px;
}

.search-filters .nav-tabs li:first-child,
.search-filters-main .nav-tabs li:first-child {
    border: 0;
}

.search-filters .nav-tabs a,
.search-filters-main .nav-tabs a {
    display: block;
    margin: 0;
    padding: 10px;
    border: 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    line-height: 18px;
    color: #5d5d5d;
}

.search-filters .nav-tabs li:first-child a,
.search-filters-main .nav-tabs li:first-child a {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.search-filters .nav-tabs a:focus,
.search-filters .nav-tabs a:hover,
.search-filters .nav-tabs > li.active > a,
.search-filters .nav-tabs > li.active > a:hover,
.search-filters .nav-tabs > li.active > a:focus,
.search-filters-main .nav-tabs a:focus,
.search-filters-main .nav-tabs a:hover,
.search-filters-main .nav-tabs > li.active > a,
.search-filters-main .nav-tabs > li.active > a:hover,
.search-filters-main .nav-tabs > li.active > a:focus {
    margin: 0;
    border: 0;
    text-decoration: none;
    outline: 0;
    color: #5d5d5d;
    background: #e4e4e4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#e4e4e4 0,#ffffff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4), color-stop(100%,#ffffff) );
    background: -webkit-linear-gradient(top,#e4e4e4 0,#ffffff 100%);
    background: -o-linear-gradient(top,#e4e4e4 0,#ffffff 100%);
    background: -ms-linear-gradient(top,#e4e4e4 0,#ffffff 100%);
    background: linear-gradient(to bottom,#e4e4e4 0,#ffffff 100%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#filter-modal .modal-dialog {
    max-width: 100%;
    width: 100%;
	min-width:330px;
    margin: 10px;
	padding-right:20px;
}

#filter-modal .modal-body {
    background: #f4f4f4;
}

#filter-modal .search-filters {
    display: block;
    background: none;
    border: none;
    width: 100%;
    padding: 10px;
}

#filter-modal .search-filters .slider-area {
    width: 260px;
    margin: 0 auto;
}

.open-close {
    display: inline-block;
    margin: 0 0 31px 6px;
    padding: 0 25px 0 0;
    font: 16px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    background: url(/images/arrow-14.png) no-repeat 100% 8px;
    cursor: pointer;
}

.open-close.collapsed {
    background: url(/images/arrow-13.png) no-repeat 100% 8px;
}

.search-filters .check-row,
.search-filters-main .check-row {
    margin: 12px 0 28px 5px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.search-filters .check-row li,
.search-filters-main .check-row li {
    float: left;
    padding: 0 20px 5px 0;
}

.search-filters .check-row label,
.search-filters-main .check-row label {
    float: left;
    margin: 0;
    max-width: 100px;
    min-width: 29px;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #5d5d5d;
}

.search-filters select,
.search-filters-main select {
    width: 259px;
}

.search-filters .select-area,
.search-filters-main .select-area {
    max-width: 259px;
}

.search-filters .rad-area,
.search-filters .chk-area,
.search-filters-main .rad-area,
.search-filters-main .chk-area {
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
    cursor: pointer;
}

.search-filters .rad-area span,
.search-filters .chk-area span,
.search-filters-main .rad-area span,
.search-filters-main .chk-area span {
    width: 18px;
    height: 18px;
    background: url(/images/bg-checkbox-01.png) no-repeat;
}

.search-filters .rad-area.rad-checked span,
.search-filters .chk-area.chk-checked span {
    background-position: 0 -18px;
}

.search-filters .txt-row,
.search-filters-main .rad-area.rad-checked span,
.search-filters-main .chk-area.chk-checked span {
    background-position: 0 -18px;
}

.search-filters-main .txt-row {
    padding: 4px 0 32px 4px;
    overflow: hidden;
}

.search-filters .txt-row label,
.search-filters-main .txt-row label {
    float: left;
    margin: 5px 6px 0 0;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #5d5d5d;
}

.search-filters .txt-row .form-control,
.search-filters-main .txt-row .form-control {
    float: left;
    width: 37px;
    height: 30px;
    margin: 0 12px 0 0;
    padding: 4px 2px;
    text-align: center;
}

.search-filters .list,
.search-filters-main .list {
    margin: 0;
    padding: 4px 0 12px 8px;
    list-style: none;
}

.search-filters .list li,
.search-filters-main .list li {
    padding: 0 0 12px;
}

.search-filters .list .chk-area,
.search-filters-main .list .chk-area {
    margin-right: 11px;
}

.search-filters .list label,
.search-filters-main .list label {
    margin: 0;
    overflow: hidden;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #5d5d5d;
}

.search-filters .submit,
.search-filters-main .submit {
    display: block;
    position: relative;
    width: 129px;
    height: 46px;
    margin: 6px 0 0 5px;
    padding: 0;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font: 16px/46px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #686868;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#686868 0,#404040 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#686868), color-stop(100%,#404040) );
    background: -webkit-linear-gradient(top,#686868 0,#404040 100%);
    background: -o-linear-gradient(top,#686868 0,#404040 100%);
    background: -ms-linear-gradient(top,#686868 0,#404040 100%);
    background: linear-gradient(to bottom,#686868 0,#404040 100%);
    cursor: pointer;
    -pie-background: linear-gradient(top,#686868 0,#404040 100%);
}

.search-filters .submit:hover,
.search-filters-main .submit:hover {
    background: #404040;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODY4NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#404040 0,#686868 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#404040), color-stop(100%,#686868) );
    background: -webkit-linear-gradient(top,#404040 0,#686868 100%);
    background: -o-linear-gradient(top,#404040 0,#686868 100%);
    background: -ms-linear-gradient(top,#404040 0,#686868 100%);
    background: linear-gradient(to bottom,#404040 0,#686868 100%);
    -pie-background: linear-gradient(top,#404040 0,#686868 100%);
}

.search-results .section {
    width: calc(100% - 313px);
    overflow: hidden;
}

.search-results .section #article {
    padding: 26px;
}

.result-box {
    padding: 14px 18px 13px 13px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    position: relative;
}

.result-box:hover {
    border-bottom-color: #bebebe;
    background: #f4f4f4;
    -webkit-box-shadow: inset 0 -3px 0 #d1d1d1;
    -moz-box-shadow: inset 0 -3px 0 #d1d1d1;
    box-shadow: inset 0 -3px 0 #d1d1d1;
}

.result-box .img {
    float: left;
    width: 170px;
    height: 170px;
    margin: 0 19px 0 0;
    background: #fff center center no-repeat;
	border-radius:5px;
}

.result-box .img img {
    width: 100%;
    vertical-align: top;
}

.result-box .desc {
    overflow: hidden;
}

.result-box .headline {
    padding: 1px 0 13px 2px;
    overflow: hidden;
}

.result-box .icons {
    float: right;
    margin: 0;
    padding: 4px 5px 0 0;
    list-style: none;
}

.result-box .icons li {
    float: left;
    padding: 0 0 0 13px;
}

.result-box .icons a {
    float: left;
    width: 21px;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/images/ico-04.png) no-repeat;
}

.result-box .icons .audio {
    width: 19px;
    background-position: -34px 0;
}

.result-box .headline h2 {
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
    font: 18px/22px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.result-box .headline h2 a {
    color: #1c1c1c;
}

.result-box .block {
    padding: 0 80px 11px 0;
}

.result-box .info {
    margin: 0 0 11px;
    padding: 0 0 7px;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    font: italic 12px/16px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    list-style: none;
    color: #7f7f7f;
}

.result-box .info li {
    float: left;
    padding: 0 27px 5px 19px;
    background: url(/images/ico-05.png) no-repeat 3px 0;
}

.result-box .info .music {
    padding-left: 26px;
    background: url(/images/ico-06.png) no-repeat;
}

.result-box dl {
    margin: 0 0 10px 2px;
    overflow: hidden;
    font: 12px/14px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #090909;
}

.result-box dl dt {
    float: left;
    padding: 0 4px 0 0;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-weight: bold;
    line-height: 14px;
}

.result-box dl dd {
    margin: 0;
    line-height: 14px;
}

.result-box .date {
    display: block;
    font: italic 11px/15px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #7e7e7e;
}

.result-box .view-btn {
    float: left;
    position: relative;
    margin: 0 4px 0 0;
    padding: 6px 3px;
    min-width: 69px;
    border: 1px solid #b51515;
    font: 12px/17px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background: #e94747;

}

.result-box .view-btn:focus,
.result-box .view-btn.active,
.result-box .view-btn:hover {
    color: #fff;
    background: #f94747;

}

.result-box .option-btn {
    float: left;
    position: relative;
    height: 29px;
    margin: 0 4px 0 0;
    padding: 4px;
    min-width: 36px;
    border: 0;
    font: 16px/21px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    vertical-align: top;
    color: #b7b7b7;
    background: #5d5d5d;

}

.result-box .option-btn span {
    display: inline-block;
}

.result-box .option-btn:focus,
.result-box .option-btn.active,
.result-box .option-btn:hover {
    color: #fff;
    background: #383838;

}

.result-box .more-btn {
    float: right;
    margin: 7px 0 0;
    padding: 3px 6px;
    border: 0;
    font: 10px/15px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #919090;
    background: #eee;
}

.result-box .more-btn:active,
.result-box .more-btn:focus,
.result-box .more-btn:hover {
    background: #e8e8e8;
}

.overlay-full {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    background-color: rgba(17, 17, 17, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    text-align: center;
    vertical-align: middle;
}

.overlay-content {
    color: white;
    margin-left: auto;
    margin-top: auto;
    width: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    display: block;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
}

img.overlay-icon {
    width: 120px;
}

.overlay-full p {
    text-transform: uppercase;
    font-size: 1.5rem;
}

.overlay-full a {
    color: #11B2F2;
}

.result-box-mobile {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    position:relative;
    padding: 0 15px 0 0;
    margin-bottom: 15px;
	background-color:#222 !important;
}

.result-box-mobile .img {
    background: transparent 0 0 no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding-top: 100%;
	border-radius: 10px;
	background-color:#222 !important;
}

.result-box-mobile .img .overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.result-box-mobile h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: bold;
	padding: 5px 14px 5px 14px;
	text-transform: capitalize;
	color: #FFF;
	background: #111;
	position: absolute;
    left: -5px;
    bottom: 35px;
}

.result-box-mobile .location {
    color: rgba(255, 255, 255, 0.7);
    font-size: 9px;
    font-style: italic;
    font-weight: normal;
    text-transform: uppercase;
}

.result-box-mobile .buttons {
    position: absolute;
    bottom: 45px;
    right: 15px;
}

.result-box-mobile .buttons a {
    background: black;
    color: white;
    padding: 6.5px;
    border-radius: 17px;
    width: 34px;
    height: 34px;
    margin-right: 8px;
}

.result-box-mobile .buttons a .glyphicon {
    opacity: 1;
}

.result-box-mobile .info {
    position: absolute;
    right: 10px;
    bottom: 15px;
    left: -3px;
    margin: 0;
    padding: 0 12px;
    font-size: 14px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    height: 20px;
    border: none;
}

.result-box-mobile .instruments {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 92%;
}

.result-box-mobile .instruments .glyphicon-play {
    color: #ad0000;
}

.result-box-mobile .active {
    position: absolute;
    right: 15px;
    bottom: -1px;
}

.result-box-mobile .active img {
    width: 17px;
    height: 17px;
    margin-bottom: 3px;
	opacity:0.8;
}

.result-box-mobile.result-featured,
.result-box-mobile.result-featured:hover {
    background-color: white;
}

.result-box-mobile.result-featured h2::before {
    display: none;
}

.result-box-mobile.result-featured:hover {
    border-bottom-color: #222222 !important;
}

.result-box-mobile .icons {
    position: absolute;
    top: 5px;
    right: 20px;
}

.result-box-mobile .icons .audio,
.result-box-mobile .icons .video {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: rgba(250,250,250,0.6);
    float: right;
    margin-left: 5px;
    font-size:18px;
    text-shadow:1px 1px rgba(0,0,0,0.2);
}

.result-box-large {
    background: #F5F5F5;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    height: 435px;
    margin: 19px 4px 5px 18px;
    width: 260px;
    position:relative;
    text-align:center;
	border-radius: 10px 10px 0px 0px;
    transition: all 0.5s ease;
}

.result-box-large .img {
    background: #fff center center no-repeat;
    background-size: 260px auto;
    float: left;
    height: 260px;
    margin: 0;
    position: relative;
    width: 260px;
	border-radius: 10px 10px 0px 0px;
}

.result-box-large .img .overlay{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.result-box-large:hover .img .buttons {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    bottom:-40px;
}

.result-box-large .img .audio,
.result-box-large .img .video {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: rgba(250,250,250,0.6);
    float: right;
    margin-right: 5px;
    top: 5px;
    font-size:18px;
    text-shadow:1px 1px rgba(0,0,0,0.2);
}

.result-box-large .img .buttons {
    bottom: -30px;
    opacity: 0;
    left: 0px;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.result-box-large .view-btn {
    float: left;
    position: relative;
    margin: 0;
    padding: 10px;
    min-width: 152px;
    border-radius: 0;
    border: 0 solid #b51515;
    font: 12px/17px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background: #e94747;
    height: 39px;
}

.result-box-large .view-btn:focus,
.result-box-large .view-btn.active,
.result-box-large .view-btn:hover {
    color: #fff;
    background: #f94747;
}

.result-box-large .option-btn {
    float: left;
    border-radius:0px;
    position: relative;
    height: 39px;
    margin: 0 0px 0 0;
    padding: 8px;
    min-width: 36px;
    border: 0;
    font: 16px/21px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    vertical-align: top;
    color: #EEE;
    background: #5d5d5d;

}

.result-box-large .option-btn span {
    display: inline-block;
}

.result-box-large .option-btn:focus,
.result-box-large .option-btn.active,
.result-box-large .option-btn:hover {
    color: #fff;
    background: #383838;

}

.result-box-large .more-btn {
    float: right;
    margin: 7px 0 0;
    padding: 3px 6px;
    border: 0;
    font: 10px/15px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #919090;
    background: #eee;
}

.result-box-large .more-btn:active,
.result-box-large .more-btn:focus,
.result-box-large .more-btn:hover {
    background: #e8e8e8;
}

.result-box-large h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding:5px 0;
    text-transform:uppercase;
    color:#FFF;
    position:absolute;
    left:0;
    right:0;
    top:238px;
    text-shadow:1px 1px rgba(0,0,0,0.2);
    background:#111;
    transition: all 0.5s ease;
}

.result-box-large ul {
    list-style: none;
    padding: 10px;
}

.result-box-large ul li {
    margin-top: 5px;
}

.result-box-large ul li.location {
    color: #888;
    font-size: 12px;
    margin-top:12px;
    position:absolute;
    bottom:48px;
    left:0;
    right:0;
}

.result-box-large ul li.instruments {
    color: #444;
    font-size: 15px;
    line-height:1.5;
    margin-top:36px;

}

.result-box-large ul li.music {
    font-size: 12px;
    margin-top: 30px;
    color:#888;
    position:absolute;
    bottom:28px;
    left:0;
    right:0;

}

.result-box-large ul li.active {display:none;position:absolute;bottom:7px;font-size:11px;font-style:italic;align:center;left:0;right:0;color:#BBB;transition: all 0.5s ease;}

.result-box-large:hover ul li.active { transition: all 0.5s ease; display:block;}

.result-box-large:hover {
    border-bottom-color: #BFB3A4 !important;
    background-color: #EFEFEF;
    -webkit-box-shadow: inset 0 -3px 0 #CCC;
    -moz-box-shadow: inset 0 -3px 0 #CCC;
	transition: all 0.5s ease;
}

.result-box-large:hover h2 {
	padding:11px 0;
	transition: all 0.5s ease;
	top:215px;
}

.result-featured h2:before {
    font-family: "Glyphicons Halflings";
    font-size:18px;
    content: "\e006 ";
    color:#444;
    position:relative;
    margin-bottom:-25px;
    margin-right:3px;
    top:1px;
}

.result-featured {
    background-color: #fff7ed;
}

.result-featured:hover {
    border-bottom-color: #BFB3A4 !important;
    background-color: #F2E9DC;
    -webkit-box-shadow: inset 0 -3px 0 #BFB3A4;
    -moz-box-shadow: inset 0 -3px 0 #BFB3A4;
}

.paging-bar {
    display: -ms-flexbox!important;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
	margin-top:15px;
    padding: 11px 0;
    overflow: hidden;
    background: #e7e7e7;
}

.paging-bar .pager > li > a,
.paging-bar .pagination > li > a,
.paging-bar .pagination > li > span {
    color: #090909;
    background: #fff;
}

.paging-bar .pager li > a:hover,
.paging-bar .pager li > a:focus,
.paging-bar .pagination > li > a:hover,
.paging-bar .pagination > li > span:hover,
.paging-bar .pagination > .active > a,
.paging-bar .pagination > .active > span,
.paging-bar .pagination > .active > a:hover,
.paging-bar .paging-bar .pagination > .active > span:hover,
.paging-bar .pagination > .active > a:focus,
.paging-bar .pagination > .active > span:focus {
    color: #fff;
    background: #3f3f3f;
}

/* end search-results */
.success {
    color: #0C83EB;
}

.warning {
    line-height: 28px;
    color: #F70D00;
}

.warning a {
    color: #0C83EB;
}

/*
 * Like buttons.
 */
#like-buttons {
    padding: 0 10px;
}

.like-button {
    display: inline-block;
    height: 80px;
    overflow: hidden;
    width: 80px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

.like-button:hover {
    background-color: #eee;
}

/* share buttons */
.social-icon-24 {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-color: transparent;
    background-image: url(/images/social-icons-24.png);
    background-repeat: no-repeat;
}

.social-icon-24.delicious {
    background-position: 0 0;
}

.social-icon-24.digg {
    background-position: 0 -24px;
}

.social-icon-24.facebook {
    background-position: 0 -48px;
}

.social-icon-24.google-plus {
    background-position: 0 -72px;
}

.social-icon-24.google {
    background-position: 0 -96px;
}

.social-icon-24.myspace {
    background-position: 0 -120px;
}

.social-icon-24.reddit {
    background-position: 0 -144px;
}

.social-icon-24.stumbleupon {
    background-position: 0 -168px;
}

.social-icon-24.tumblr {
    background-position: 0 -192px;
}

.social-icon-24.twitter-2 {
    background-position: 0 -216px;
}

.social-icon-24.twitter {
    background-position: 0 -240px;
}

.social-icon-24.yahoo {
    background-position: 0 -264px;
}

.social-icon-32 {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background-color: transparent;
    background-image: url(/images/social-icons-32.png);
    background-repeat: no-repeat;
}

.social-icon-32.delicious {
    background-position: 0 0;
}

.social-icon-32.digg {
    background-position: 0 -32px;
}

.social-icon-32.facebook {
    background-position: 0 -64px;
}

.social-icon-32.google-plus {
    background-position: 0 -96px;
}

.social-icon-32.google {
    background-position: 0 -128px;
}

.social-icon-32.myspace {
    background-position: 0 -160px;
}

.social-icon-32.reddit {
    background-position: 0 -192px;
}

.social-icon-32.stumbleupon {
    background-position: 0 -224px;
}

.social-icon-32.tumblr {
    background-position: 0 -256px;
}

.social-icon-32.twitter-2 {
    background-position: 0 -288px;
}

.social-icon-32.twitter {
    background-position: 0 -320px;
}

.social-icon-32.yahoo {
    background-position: 0 -352px;
}
/* browse pages */

.browse-options h2 {
    font-size: 18px;
    color: #333;
}

.browse-options ul {
    line-height: 22px;
}

.browse-options li,
li a {
    line-height: 22px;
    color: #333;
}

.browse-options h3 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #DDD;
    font-size: 16px;
    color: #333;
}

.browse-section {
    padding: 30px;
    min-height: 200px;
}

.browse-section ul {
    padding: 0;
}

.browse-section li {
    line-height: 28px;
}

.browse-aside {
    height: 400px;
}

.browse li {
    min-width: 170px;
}

.adsense3 {
    width: 100% !important;
    height: auto !important;
    margin-left: -25px;
}
/* end browse pages */

/* search page */
.search-page {
    padding: 30px !important;
}

.search-page h3 {
    text-align: left;
}

.sliderpage {
    width: 50% !important;
}
/* end search page */

/* General Page */
.bandmix-page {
    position: relative;
    margin: 0 0 15px;
    border: 12px solid #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

.bandmix-content-full {
    padding: 26px 26px 26px 26px; background:#FFF !important;
}

.container-signup .bandmix-content-full {
    border: none;
    border-radius: 10px;
    float: none;
    margin: auto;
}

.bandmix-page-flex .bandmix-content {
    width: calc(100% - 313px);
}

.bandmix-content {
    margin: 0;
    padding: 26px;
    max-width: 850px;
    line-height: 24px !important;
}

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

ul.inline li:first-child {
    margin-left: 0;
}

ul.inline li {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
    vertical-align: top;
}


#signup ul.inline li {
    margin: 0;
}

ul.inline label {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
}

ul.signup-category {
    float: none;
    height: 45px;
    margin: auto auto 20px;
    width: 334px;
}

.button-large.category {
	font-size:12px !important;
}

@media only screen and (min-width:720px) and (max-width:770px) {
ul.signup-category {width:375px;}
}

ul.signup-category li {
    float: left;
    margin: 0;
    padding: 0;
	margin-top:0px !important;
}

ul.signup-category li label {
    border-radius: 0;
    margin: 0;
    width: 100%;
}

ul.signup-category li:first-child label {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

ul.signup-category li button {
    border-radius: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    width: 100%;
}

ol.memberships {
    list-style-type: none;
}

ol.memberships li {
    margin: 20px 0;
}

ol.memberships li label {
    margin-right: 15px;
}

ol.memberships_3 {
    color: #3f3f3f;
    height: 250px;
    list-style-type: none;
    margin-bottom: 20px;
    padding: 0;
}

ol.memberships_3 li {
    background: #ebebeb;
    cursor: pointer;
    float: left;
    height: 270px;
    margin-right: 20px;
    position: relative;
    width: 31%;
    min-width:250px;
    margin-bottom:10px;
    border-radius: 5px 5px 0 0;
transition: all 0.5s ease;

}

ol.memberships_3 li.selected:hover {background:#0091fe;color:#FFF; }

/* Desktop Design Edits 2022 */
@media only screen and (min-width: 768px) {
ol.memberships_3 li:hover h3 {
    color: #fff;transition: all 0.5s ease;}
ol.memberships_3 li:hover 	{background:#0091fe;color:#FFF !important; }


body {
	background:#444444;}

#wrapper {
	padding:10px 0px;
	background:#F0F0F0;}

.main-profile {
	border-radius:5px;
	border-color:#444;}
.main-profile .img{
	border-radius:0px 5px 5px 0px;}
div#main
	{
	border-radius:5px;}
.pager-panel
	{
	background:#444;
	padding:10px 15px 1px 15px;}
.search-results, .bandmix-page-flex, .bandmix-page {
	border:none;
	margin-top:10px;
}
ul.dropdown-menu.show li a:hover  {
	background:#444444; color:#FFFFFF;
}
.button.tooltip-area {
	border:0px !important;
	drop-shadow:none;
	color:#222222;
}



}


ol.memberships_3 li.selected {
    background: #0091fe;
    color: #fff;
    border-bottom:5px solid #333;
}

ol.memberships_3 li.selected div {
    background:rgb(53,116,167);background:rgba(20,20,20,0.4);
}

ol.memberships_3 li:last-child {
    margin-right: 0;
}

ol.memberships_3 li label {
    font: 26px/27px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

ol.memberships_3 li h3 {
    font: 34px/36px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 26px 0 32px;
    text-align: center;
}

ol.memberships_3 li p {
    font: 16px/20px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    text-align: center;
}

ol.memberships_3 li div {
    background:rgb(150,150,150);background:rgba(20,20,20,0.4);
    bottom: 0;
    color: #fff;
    font: 22px/34px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform:uppercase;
    line-height: 40px;
    text-align: center;
    position: absolute;
    width: 100%;
}

ol.memberships_4 {
    color: #3f3f3f;
    height: 250px;
    list-style-type: none;
    margin-bottom: 20px;
    padding: 0;
}

ol.memberships_4 li {
    background: #ebebeb;
    cursor: pointer;
    float: left;
    height: 270px;
    position: relative;
    width: 23%;
	margin: 20px 2.66% 10px 0;
    border-radius: 5px 5px 0 0;
    transition: all 0.5s ease;
}

ol.memberships_4 li.selected:hover {background:#0091fe;color:#FFF !important; }

@media only screen and (min-width: 768px) {
ol.memberships_4 li:hover h3 {
    color: #fff;transition: all 0.5s ease;}
ol.memberships_4 li:hover 	{background:#0091fe;color:#FFF !important; }

}


ol.memberships_4 li.selected {
    background: #0091fe;
    color: #fff;
    border-bottom:5px solid #333;
}
ol.memberships_4 li.selected h3 {color:#FFF;}

ol.memberships_4 li.selected div {
    background:rgb(53,116,167);background:rgba(20,20,20,0.4);
}

ol.memberships_4 li:last-child {
    margin-right: 0;
}

ol.memberships_4 li label {
    font: 23px/24px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

ol.memberships_4 li h3 {
    font: 26px/28px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 26px 0 32px;
    text-align: center;
}

ol.memberships_4 li p {
    font: 15px/18px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    text-align: center;
}

ol.memberships_4 li div {
    background:rgb(150,150,150);background:rgba(20,20,20,0.4);
    bottom: 0;
    color: #fff;
    font: 18px/25px HelveticaNeue-CondensedBold,HelveticaNeueBoldCondensed,HelveticaNeue-Bold-Condensed,'Helvetica Neue Bold Condensed','Open Sans Condensed','Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform:uppercase;
    line-height: 40px;
    text-align: center;
    position: absolute;
    width: 100%;
}

ul.benefits {list-style-type:none;line-height:24px;margin-bottom:20px;}

.category input {
    display: none;
}

#signup #industry ul {
    list-style-type: none;
}

#industry ul {
    padding-left: 0;
    list-style-type: none;
}

#signup #industry li {
    margin-bottom: 10px;
}

#industry li {
    display: inline-block;
    width: 180px;
}

#industry label {
    width: 180px;
    text-align: left;
    font-weight: normal;
}

/*******************************************************************************
 * Music Page
 */
#content .audio {
    border-bottom: solid 10px #e7e7e7;
    height: 198px;
    margin-top: 20px;
    width: 100%;
}

#content .audio:last-child {
    border: none;
}

#content .audio .audio-main {
    float: left;
    margin-right: 10px;
    width: 900px;
}

#content .audio .audio-main h2 {
    border: none;
    color: #8c8c8c;
    float: left;
    font-size: 24px;
}

#content .audio .audio-main-mobile h2 {
    border: none;
    color: #8c8c8c;
    float: left;
    font-size: 24px;
    max-width: 90%;
}

#content .audio .audio-main .audio-main-info {
    color: #8d8d8d;
    float: right;
    margin-top: 6px;
}

#content .audio .audio-main .audio-main-info a {
    color: #8d8d8d;
}

#content .audio .audio-main .audio-main-player {
    clear: left;
    float: left;
    height: 100px;
    line-height: 100px;
    width: 100%;
}

#content .audio .audio-main-mobile .audio-main-player-mobile {
    float: right;
    height: 18px;
    line-height: 18px;
    margin-top: 17px;
    width: 40px;
}

#content .audio .audio-main .audio-main-player-button {
    background-color: #f36363;
    -moz-border-radius: 39px;
    border-radius: 39px;
    color: #fff;
    font-size: 36px;
	padding-left:4px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    width: 78px;
}

#content .audio .audio-main .audio-main-player-button:hover {
    background-color: #e43733;
    cursor: pointer;
}

#content .audio .audio-main-mobile .audio-main-player-button-mobile {
    font-size: 22px;
    padding-right: 10px;
}

#content .audio .audio-main .audio-main-player-progress {
    float:right;
    position:relative;
}

#content .audio .audio-main .audio-main-player .audio-main-player-progress-time {
	background: rgba(30,30,30,0.8);
    color: #BBB;
    font-size: 11px;
    line-height: 18px;
    padding: 0 6px;
    position: absolute;
    right: 2px;
    top: 47px;
}

#content .audio .audio-main-mobile .audio-main-player-mobile .audio-main-player-progress-time {
    background: rgba(30,30,30,0.8);
    color: #BBB;
    font-size: 11px;
    line-height: 18px;
    padding: 0 6px;
}

#content .audio .audio-plays,
#content .audio .audio-likes,
#content .audio .audio-shares {
    border-left: solid 1px #e0e0e0;
    color: #6b6b6b;
    float: left;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 90px;
}

#content .audio .audio-plays h3,
#content .audio .audio-likes h3,
#content .audio .audio-shares h3 {
    font-size: 16px;
}

/*******************************************************************************
 * Buttons.
 */
.button {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #ccc !important;
    border-bottom-color: #b3b3b3;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
    border-radius: 14px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    color: #333;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff), to(#e6e6e6) );
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2) ,0 1px 2px rgba(0,0,0,0.05);
    cursor: pointer;
}

.button:hover,
.button:focus,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
    color: #333;
    background-color: #e6e6e6;
}

.button:active,
.button.active {
    background-color: #ccc;
}

.button:hover,
.button:focus {
    text-decoration: none;
    color: #333;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.button:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.button.active,
.button:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15) ,0 1px 2px rgba(0,0,0,0.05);
}

.button.disabled,
.button[disabled] {
    opacity: 0.65;
    background-image: none;
    box-shadow: none;
    cursor: default;
}

.button-large {
    padding: 11px 19px;
    border-radius: 25px;
    font-size: 17px;
}

.button-small {
    padding: 2px 10px;
    border-radius: 11.9px;
    font-size: 11.9px;
}

.button-mini {
    padding: 0 6px;
    border-radius: 10.5px;
    font-size: 10.5px;
}

.button-red {
    border-top: 1px solid #900;
    color: #fff !important;
    background: #e22e2e;
}

.button-red:hover {
    border-top: 1px solid #900;
    text-decoration: none !important;
    color: #fff;
    background: #ff4545;
}

.button-red.active,
.button-red:active {
    border-top: 1px solid #900;
    color: #fff;
    background: #e22e2e;
}

#signup p.info {
    background: none;
    margin: auto;
	margin-bottom:15px;

}

#form-signup .select-area  {height:50px;border-radius:10px;font-size:20px;}

#form-signup .select-area .center {
    margin-top: 12px;
}

#signup ul.list-3 {
    text-align: left;
    margin: auto;
    width: 60%;
}

#signup .btn-primary, #signup .btn-primary:visited {
    margin: 10px 10px 0 0;
    padding: 12px;
    border: 1px solid #BBB;
    border-radius: 5px;
    font: 15px/20px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333;
    background: #d93337;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#d93337 0,#990000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d93337), color-stop(100%,#990000) );
    background: -webkit-linear-gradient(top,#EEE 0,#CCC 100%);
    background: -o-linear-gradient(top,#EEE 0,#CCC 100%);
    background: -ms-linear-gradient(top,#EEE 0,#CCC 100%);
    background: linear-gradient(to bottom,#EEE 0,#CCC 100%);
    -pie-background: linear-gradient(top,#EEE 0,#CCC 100%);
    min-width: 235px;
    width: auto;
    outline: none;
}

#signup .btn-primary:hover {border:1px solid #DDD;}

#signup .btn-primary.active,
#signup .btn-primary:active,
#signup .no-touch  .btn-primary:hover {
    border: 1px solid #e13b40;
    color: #fff;
    background: #ed6365;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#d93337 0,#990000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d93337), color-stop(100%,#990000) );
    background: -webkit-linear-gradient(top,#d93337 0,#990000 100%);
    background: -o-linear-gradient(top,#d93337 0,#990000 100%);
    background: -ms-linear-gradient(top,#d93337 0,#990000 100%);
    background: linear-gradient(to bottom,#d93337 0,#990000 100%);
    -pie-background: linear-gradient(top,#d93337 0,#990000 100%);
}

#signup .main-profile .btn-primary,
#signup .main-profile .btn-contact {
    float: left;
}
#signup dt {font-size:16px;margin:10px 0px; }

.signup-onepage {min-width:820px;}


@media only screen and (max-width:767px) {
.signup-onepage {min-width:300px;}
#signup .btn-primary,  #signup .btn-instrument-container, #signup .btn-group  {width:100%;}
#signup #birthdate_m .month {width:40%;}
}

dl.bigdl {
    clear: both;
    margin: 15px 0;
}

dl.bigdl dt {
    float: left;
    clear: left;
    width: 30%;
}

dl.bigdl dd {
    margin: 0 0 1% 33%;
    min-height: 20px;
}

dl.bigdl dd.info {
    clear: both;
}

dl.bigdl .txtarea {
    width: 60%;
}

dl.bigdl-signup .txtarea {
    width: 100%;
}

dl.bigdl input {
    width: 90%;
    height: 35px;
    max-width: 260px;
}

dl.bigdl select, dl.bigdl .select-area {
    width: 80%;
    height: 35px;
    max-width: 260px;
}

dl.bigdl-signup {
    margin: auto;
    text-align: left;
    width: 60%;
}

dl.bigdl-signup dt {
    float: left;
    margin: auto;
    width: 60%;
}

dl.bigdl-signup dd {
    margin: auto;
}

dl.bigdl-signup dd input {
    border-radius: 15px;
    font-size: 20px;
    height: 50px;
    max-width: none;
    width:100%;
}

dl.bigdl-signup dd input.dd,
dl.bigdl-signup dd input.yyyy {
    float: left;
    height: 50px;
    width: 70px;
}

dl.bigdl-signup dd div.select-month {
    border: solid 1px #cccccc;
    border-radius: 15px;
    font-size: 20px;
    height: 50px;
}

dl.bigdl-signup dd div.select-month a {
    top: 19px;
}

dl.bigdl-signup dd select.month {
    background: #fff;
    border: solid 1px #cccccc;
    border-radius: 10px;
    float: left;
    font-size: 20px;
    height: 50px;
    margin: 0 0 17px;
    max-width:259px;
    overflow: hidden;
    position: relative;
    width: 100%;
}



.container-signup input[type="submit"],
.container-signup input[type="button"] {
    background: #900;
    background-image: -moz-linear-gradient(top,#d93337,#900);
    background-image: -ms-linear-gradient(top,#d93337,#900);
    background-image: -o-linear-gradient(top,#d93337,#900);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d93337), to(#900) );
    background-image: -webkit-linear-gradient(top,#d93337,#900);
    background-image: linear-gradient(top,#d93337,#900);
    border-radius: 10px;
    bottom: -10px;
    font-size: 20px;
    height: 90px;
    position: relative;
    width: 100% !important;
}

.container-signup input.btn-skip {
    background: #999;
    color: #fff;
    font-size: 12px;
    height: 40px;
    padding: 0;
    width: 160px !important;
}

.btn-xlarge {
    width: 170px !important;
}

.signup h3 {
    margin: 50px 0 20px 0;
    text-align: left;
}

.tsignup td,
tr {
    padding: 5px 20px;
}

/*******************************************************************************
 * Icons.
 */
.icon-bandvista {
    background-image: url(/img/icons/bandvista.png);
}

.edit {
    background-image: url(/img/icons/pencil.png);
}

.error {
    color: #a00;
    background-image: url(/img/icons/cross.png);
}

.feed {
    background: transparent url(/img/icons/feed.png);
}

.female {
    background-image: url(/img/icons/female.png);
}

.help {
    color: #555;
    background-image: url(/img/icons/help.png);
}

.signup .info,
.account-area .info,
.frame .info {
    color: #555;
    background-image: url(/img/icons/information.png);
}

.male {
    background-image: url(/img/icons/male.png);
}

.success {
    color: #3f5b58;
    background-image: url(/img/icons/tick.png);
}

.warning {
    color: #960;
    background-image: url(/img/icons/error.png);
}

.nobkgimage {
    background-image: none !important;
}

.icon-bandvista,
.edit,
.error,
.feed,
.female,
.help,
.info,
.male,
.success,
.warning {
    padding-left: 24px;
    background-color: transparent;
    background-position: center left;
    background-repeat: no-repeat;
}

div.error {
    border-color: #f3d4d4;
    background-color: #fee;
}

div.info {
    border-color: #d7f1f1;
    background-color: #eff;
}

div.success {
    border-color: #e6f5f3;
    background-color: #e6f5f3;
	border-radius:20px;
}

div.warning {
    border-color: #e8deae;
    background-color: #fef5cc;
}

div.info,
div.success,
div.warning,
div.error {
    margin: 1em 0;
    padding: 1em;
    border-style: solid;
    border-width: 1px;
    color: #333;
    background-image: none;
}

.loading {
    width: 16px;
    height: 16px;
    padding-left: 24px;
    background: transparent url(/img/icons/loading.gif) center left no-repeat;
}

.signuph2 {
    clear: both;
    margin: 30px auto 22px;
    font-size: 24px;
}

.signuph3 {
    clear: both;
    margin: 30px auto 22px;
    font-size: 18px;
	text-align:center !important;
}

.shrtxt {
    width: 80px !important;
}

ul.list-4 li {
    float: left;
    width: 25%;
    padding: 0 0 12px;
}

.inline {
    padding: 30px;
}

.chkt-right {
    float: right;
    width: 30%;
    margin: 5px 0 0 5px;
    min-width: 300px;
}

.chkt-left {
    float: left;
    width: 60%;
    border-right: 1px solid #DDD;
}

#payment-block .PP, .checkout-button {
	margin:5px 0;
	min-width:200px;
	max-width:250px;
	width:80%;
	padding-left:0px;
}

.upgrade-creditcards {
	padding-left:10px;
}

.account-edit a {
    display: inline;
    float: right;
    padding: 2px 5px;
    color: #fff;
    background-color: #000;
}

.account-edit:hover {
    display: inline;
}

em.new {
    margin-left: 5px;
    color: #777;
}

input[placeholder],
[placeholder],
*[placeholder] {
    color: #888 !important;
}

::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

/* Sortable lists */
ol.sortable-list,
ol.sortable-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.sortable-list li.sortable-list-header {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    width: 100%;
}

ol.sortable-list ol li {
    float: left;
    height: 30px;
    overflow: hidden;
    padding: 0 0.5em;
}

ol.sortable-list li.sortable-list-body {
    cursor: move;
    height: 32px;
    line-height: 32px;
}

ol.sortable-list>li.sortable-list-body:nth-child(odd) {
    background-color: #e6e6e6;
}

ol.sortable-list li.sortable-list-body ol li:first-child {
    font-weight: bold;
}

.list-group-item {
	background:#FFF;
	margin-bottom:10px;
}

div.feed-menu {
    cursor: pointer;
    font-size: 13px;
    font-weight:normal;
    height: 13px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 13px;
}

div.feed-menu button {
    border: none;
    background-color: transparent;
    color: #999;
    height: 13px;
    padding: 0;
    width: 13px;
}

div.feed-menu ul li {
    margin: 0;
    min-height: auto;
    padding: 0;
}

div.feed-date {
    color: #999;
    font-size: 13px;
    position: absolute;
    right: 33px;
	font-weight:normal;
    top: 10px;
}

.feeds-profile-play, .feeds-profile-video, .feeds-profile-contact {
	color:#555 !important;
	margin-right:12px;
	float:right;
}

.feeds-profile-play:hover, .feeds-profile-video:hover, .feeds-profile-contact:hover {
	color:#222 !important;
}

.feeds-location {
	line-height:20px;
	color:#AAA;
	font-size:10px;
	margin-top:-5px;
	margin-bottom:10px;
}

.feeds-profile-playing {
    background:#f00;
}

.newsfeeds {
    float: left;
}

.newsfeeds h3 {
	font-size:15px;
	color:#444;
}

.newsfeeds li {
    border: none;
    min-height: 70px;
    padding-left: 70px;
    position: relative;
}

.newsfeeds li h3 {
    margin: 10px 0 0 0;
}

.newsfeeds li div.feed-title {
    border-bottom:1px solid #EEE;
    color:#656565;
    font-size:15px;
    padding-bottom:5px;
	margin-bottom:8px;
}

.newsfeeds li div.profile-image {
    height: 50px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 50px;
}

.newsfeeds li div.profile-image img {
    height: 100%;
    margin: 0;
    width: 100%;
}

.newsfeeds li img {
    height: 100px;
    margin-right: 10px;
    margin-top: 10px;
}

.newsfeeds li ul.feeds-photos {
    min-height: 100px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.newsfeeds li ul.feeds-photos li {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    margin-bottom:20px;
}

.newsfeeds li ul.feeds-photos li.mosaic-1 {
    background-position: center;
    background-size: 100% auto;
    background-repeat: none;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
    width: 100%;
}

.newsfeeds li ul.feeds-photos li.mosaic-2 {
    height: 100%;
    max-height: 272px;
    max-width: 496px;
    overflow: hidden;
    width: 100%;
}

.newsfeeds li ul.feeds-photos li img {
    width:496px;
    height:auto;
    max-height:700px;
}

.newsfeeds li ul.feeds-audios {
    list-style: none;
    margin: 0;
    padding: 10px;
	text-align:left;
	align:left;
	left:0px;
	float:left;
	width:100%;
	margin-left:-10px;
}

.feeds-audios {text-align:left;}

.feeds-audios .glyphicon {background:#F03518;color:#EEE;border-radius:100%;padding:8px 8px 8px 8px;margin-right:5px;font-size:17px;}
.feeds-audios .glyphicon:hover {background:#FF5B42;}

.feed-menu .glyphicon {color:#CCC;}

.newsfeeds li ul.feeds-audios a {
    color: #333;text-decoration:none;
}

.feeds-audios-play {
	margin:0px 10px;
	text-align:left;
	float:left;
}

.newsfeeds li div.feeds-videos {
    background: center center no-repeat #000;
    background-size: 100% auto;
    float: left;
    height: 279px;
    margin: 10px 10px 0 0;
    max-width: 496px;
    position: relative;
    width: 100%;
}

.newsfeeds li div.feeds-videos div.feeds-videos-mask {
    background: url(/images/bg-block-01.png) repeat;
    bottom: 0;
    cursor:pointer;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.newsfeeds li div.feeds-videos:hover div.feeds-videos-mask {
    display: inline;
}

.newsfeeds li div.feeds-videos div.feeds-videos-mask .play {
    background: url(/images/bg-play.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    margin: -37px 0 0 -37px;
}

.newsfeeds li iframe {
    display: none;
}

.newsfeeds li div.options {
    clear: both;
    color: #656565;
    margin-top: 10px;
    width: 100%;
}

.newsfeeds li div.options a.feed-likes {
    color: #656565;
}

.newsfeeds li div.options a.feed-likes:hover {
    text-decoration: none;
}

.newsfeeds div.comment {
    border-bottom: solid 1px #EEE;
    margin: 5px 0;
    min-height: 50px;
    position: relative;
	vertical-align:top;
}

.newsfeeds .comments-section {
	background:#f6f6f6 !important;
	padding:10px;
	max-width:496px;
}

.newsfeeds div.comment div.profile-image {
    left: 10px;
    top: 0;
}


.newsfeeds div.comment p {
    padding-left: 70px;
}

.newsfeeds div.comment p.date {
    color: #999;
    font-size:10px;
    margin-right: 25px;
    text-align: right;
}

.newsfeeds div.comment div.comment-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.newsfeeds div.comment div.comment-menu button {
    background-color: transparent;
    border: none;
    color: #999;
    font-size: 10px;
    height: 13px;
    padding: 0;
    width: 13px;
}

.newsfeeds div.comment ul li {
    height: auto;
    min-height: 0;
    padding: 0;
}

.newsfeeds div.comments-older {
    text-align: center;
}

.newsfeeds div.comment-composer {
    position: relative;
}

.newsfeeds div.comment-composer textarea {
    color:#888;
    font-size:12px;
    height: 28px;
    line-height:20px;
    min-height: 28px;
    overflow: hidden;
	margin-bottom:0px !important;
    resize: none;
    width: 100% ;
}

.newsfeeds div.comment-composer input {
    float: right;
    height: auto;
    width: auto;
}

ul.feed-likes li {
    border: solid 1px #fff;
    min-width: 200px;
    width: 33%;
}

ul.feed-likes li:hover {
    border: solid  1px #999;
    background-color: #ddd;
}

ul.feed-likes li a {
    margin-right: 10px;
}

.update-experience {padding:10px 15px;border-radius:5px;background:#5b5b5b;margin-top:20px;font-size:12px;line-height:40px;}
#update-experience {background:#333; border:10px solid #444;}
#update-experience .ttl {color:#FFF;}
#update-experience p {color:#EEE;margin-bottom:15px;}
#update-experience p a {color:#EEE;font-weight:bold;}
#update-experience .close {color:#FFF;}
#update-experience .btn {background:#444;color:#CCC;border:1px solid #676767;}
@media only screen and (max-width:767px) {
    #update-experience .btn {display:none;}

    .bandmix-aside {
        display: none;
    }
}

@media only screen and (max-width:1199px) {
    .music-player .panel .track {
        width: 225px;
    }

    .music-player .panel {
        padding: 8px 24px 10px 32px;
    }

    .music-player .panel .sound {
        margin-left: 22px;
    }

    .music-player .panel .time {
        margin-left: 14px;
    }

    .main-profile .btn-default {
        width: 65px;
    }

    .main-profile .btn-default span {
        display: none;
    }

    .main-profile .btn-share {
        margin: 0;
    }

    .main-profile .info {
        font-size: 11px;
    }

    #content {
        width: 398px;
    }

    footer .logo {
        width: 256px;
        height: 27px;
        margin-right: 0;
        background: url(/images/footer-logo-mobile.png) no-repeat;
    }

    .page-header {
        padding-right: 23px;
    }

    .boxes > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .boxes .box {
        width: 100%;
        padding-bottom: 13px;
    }

    .states .list {
        width: 215px;
        margin-left: 10px;
    }

    .search-box {
        margin-bottom: 122px;
    }

    .visual {
        padding-bottom: 10px;
    }

    .video .play {
        margin-top: -22px;
    }

    .states .frame {
        padding-left: 0;
    }

    .boxes .box blockquote q span {
        display: none;
    }

    .result-box .info li:first-child {
        float: left;
        width: 105px;
    }

    .result-box .info li {
        float: none;
        padding-right: 5px;
        overflow: hidden;
    }

    .result-box dl {
        margin-bottom: 5px;
    }

    .result-box .block {
        padding-bottom: 5px;
    }

    .pagination > li.hiddable {
        display: none;
    }

    #content .audio .audio-main {
        width: 100%;
    }

    ol.memberships_4 li h3 {
        font-size:24px;
    }

    .profileinbox {
        float: none !important;
        height: auto;
        width: 100%;
    }

    .profileinbox-hidable {
        display: none;
    }
}

@media only screen and (max-width:992px) {
    html {
        zoom: 0.85;
		-webkit-text-size-adjust: 85%;
    }

    .search-page {
        min-height: 1400px;
    }

	.profile-contact-image {
		padding:0px;
		margin:0px;
		min-width:150px;
	}

    .search-box .text,
    .search-box .select,
    .mobile-dropdown {
        font-size: 12px;
    }

    .dropdown-toggle {
        font-size: 12px !important;
    }

    .box {
        height: auto !important;
    }

    #signup .instrument-experience-arrow {
        height: 14px;
    }
}

@media only screen and (max-width:800px) {
    .frame h1 {
        font-size: 25px;
    }

    .btn-music, .btn-share {
        border-radius: 0;
    }

    .search-results .section {
        width: 100%;
    }

    .result-box-large .img .buttons {
        bottom:-40px;
        opacity: 1;
    }

    .result-box-large h2 {
        top:215px;
        padding:11px 0;
    }

    .container-fluid {
        padding: 0;
        overflow-x: hidden;
    }

    footer {
		margin-top: 0;
        padding: 30px 0 30px;
        text-align: center;
		min-height:240px;
    }

    footer .container-fluid {
        padding: 0;
    }

    footer .mobile-arrow {
        display: block;
        cursor: pointer;
        height: 30px;
    }

    footer .mobile-arrow .arrow-up {
        display: none;
    }

    footer .frame {
        display: none;
        padding-left: 0;
    }

    footer .logo {
        display: block;
        float: none;
        margin: 0 auto 20px;
    }

    footer .box {
        float: none;
        width: auto;
        min-height: 0;
        padding: 0 0 30px 0;
    }

    footer .box2 {
        margin-top: 0;
        padding-left: 0;
    }

    footer .box2 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 20px;
    }

    footer .copyright {
        float: none;
        padding: 0 15px;
        margin: 0 !important;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    html {
        zoom: 1.0;
		-webkit-text-size-adjust: 100%;
    }

    body.signup .bandmix-content-full {
        width: 100%;
    }

	body {
		padding-top:53px;
	}

	div#main {
		border-radius:10px 10px 0 0;
	}

    .container-fluid {
        padding: 0;
        overflow-x: hidden;
    }

    .search-filters {
        display: none;
    }

	#payment-block .PP, .checkout-button {
		margin:5px 0;
		max-width:500px;
		width:100%;
		padding-left:15px;
	}

    .search-page {
        min-height: 0;
    }

    .main-profile .img {
        width: 200px;
        height: 200px;
		border-radius:0px;
    }

    .search-box .text,
    .search-box .select,
    .mobile-dropdown {
        font-size: 14px !important;
    }

    .dropdown-toggle {
        font-size: 14px !important;
    }

    .main-profile .img img {
        width: 200px;
        height: 200px;
    }

    .music-player .panel .track {
        width: 160px;
        margin-left: 20px;
        font-size: 11px;
    }

    .music-player .panel {
        padding: 8px 20px 10px;
    }

    .music-player .panel .sound {
        margin-left: 20px;
    }

    .music-player .panel .menu {
        display: none;
    }

    .music-player .panel .prev {
        margin-right: 18px;
    }

    .main-profile .info .location {
        display: block;
        float: none;
        margin-bottom: 5px;
    }

    .main-profile .info .user {
        display: block;
        float: none;
    }

    .main-profile .info li {
        padding-bottom: 5px;
    }

    .music-player {
        margin-bottom: 10px;
    }

    .main-profile .btn-primary,
    .main-profile .btn-contact {
        width: 110px;
        font-size: 12px;
    }

    #main {
        padding: 0 15px 5px;
    }

    #sidebar {
        width: 270px;
    }

    .videos li {
        height: 88px;
    }

    .photos {
        margin-left: -22px;
    }

    .photos li {
        margin: 0 0 16px 16px;
    }

    .connections {
        margin-left: -19px;
    }

    .connections li {
        margin: 0 0 16px 19px;
    }

    .search-box {
        width: 640px;
    }

    .search-box .text,
    .search-box .select,
    .mobile-dropdown {
        width: 232px;
    }

    .boxes {
        margin: 0;
    }

    .boxes .box {
        float: none;
        width: auto;
        height: auto !important;
        margin: 0 0 10px;
    }

    .states .list {
        width: 160px;
        font-size: 12px;
    }

    .result-box .img {
        width: 70px;
    }

    .result-box .headline h2 {
        font-size: 15px;
        line-height: 20px;
    }

    .result-box .info li:first-child {
        float: none;
        width: auto;
    }

    .result-box .block {
        padding-right: 0;
    }

    .result-box-mobile {
        margin-bottom: -10px;
        padding: 0;
        border-bottom: 15px solid #222222;
    }

    .result-box-mobile h2 {
        left: 0;
    }

    .result-box-mobile .buttons {
        right: 5px;
    }

    .result-box-mobile .icons {
        right: 5px;
    }

    .result-box-mobile .info {
        left: 0;
        right: 0;
        padding: 0 14px;
    }

    .pagination > li {
        margin: 0 3px;
    }

    .sliderpage {
        width: 70% !important;
    }

    .chkt-right {
        float: left;
    }

    .chkt-left {
        width: 100%;
    }

    .page-header .back {
        display: none;
    }

    .navbar-toggle {
        padding: 10px 0 0 4px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        color: #fff;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .results {
        display: none;
    }

    header.navbar {
        height: 50px;
    }

    header.navbar .nav-item {
        height: 50px;
    }

    header.navbar .nav-item.message-icon, header.navbar .navbar-toggle {
        height: 50px;
        width: 50px;
        padding: 14px;
    }

    header.navbar .navbar-toggle {
        margin-right: 8px;
    }

    header .account-btn {
        display: none;
    }

    header #mobile-menu {
        padding: 0;
        background-color: #940000;
        border: 1px solid #700000;
    }

    header #mobile-menu .nav-link.join-btn, header #mobile-menu .nav-link.login-btn {
        margin: 10px;
        padding: 6px;
    }

    header.navbar-inverse .navbar-nav > li {
        border-top: 1px solid #700000;
    }

    header.navbar-inverse .navbar-nav > li:first-child {
        border: 0;
    }

    header.navbar-inverse .navbar-nav > li > a {
        padding: 10px 20px;
    }

    header .login-btn {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 10px;
        text-align: center;
    }

    header .join-btn {
        display: block;
        float: none;
        width: auto;
        text-align: center;
    }

    header .navbar-collapse {
        height: auto !important;
        padding: 0 15px 15px;
        overflow: hidden;
    }

    .page-header .social {
        display: none;
    }

    .page-header {
        margin: 0;
        padding-bottom: 14px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-align: center;
    }

    .page-header h1 {
        float: none;
    }

    .page-header h1 small {
        padding: 10px 0 0;
    }

    .paging {
        display: block;
        padding: 8px 6px;
        overflow: hidden;
        text-align: center;
        text-transform: uppercase;
        font: 10px/14px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
        font-weight: bold;
        background: #363636;
    }

    .paging a {
        color: #747474;
    }

    .paging .prev {
        float: left;
        padding: 0 0 0 14px;
        background: url(/images/arrow-04.png) no-repeat;
    }

    .paging .next {
        float: right;
        padding: 0 14px 0 0;
        background: url(/images/arrow-05.png) no-repeat 100% 0;
    }

    #wrapper {
        padding: 0;
    }

    .main-profile .img {
        float: none;
        width: auto;
        height: auto;
    }

    .main-profile .img img {
        width: auto;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .main-profile .frame {
        float: none;
        width: auto;
        padding: 0 0 16px;
    }

    .main-profile .btn-contact {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: 15px;
    }

    .music-player {
        margin: 0;
    }

    .music-player .panel {
        height: 133px;
        padding: 13px 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .music-player .panel .sound,
    .music-player .panel .time {
        display: none;
    }

    .music-player .panel .play {
        position: absolute;
        top: 66px;
        left: 50%;
        margin: 0 0 0 -24px;
    }

    .music-player .panel .prev {
        position: absolute;
        top: 79px;
        left: 50%;
        margin: 0 0 0 -70px;
    }

    .music-player .panel .next {
        position: absolute;
        top: 79px;
        left: 50%;
        margin: 0 0 0 42px;
    }

    .music-player .panel .track {
        display: block;
        float: left;
        width: 100%;
        height: 45px;
        margin: 0;
        border: 1px solid #393939;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 12px;
        background: #494949;
    }

    .noplay {
        color: #424242 !important;
    }

    .main-profile .info {
        padding: 23px 17px 5px;
        border-top: 13px solid #333;
        font-size: 12px;
        line-height: 14px;
        background: url(/images/arrow-04.svg) no-repeat 46px 0;
    }

    .main-profile .info li {
        padding: 0 0 13px;
    }

    .main-profile .info .location {
        padding-top: 2px;
        padding-bottom: 13px;
    }

    .main-profile .info .button {
        margin-bottom: 7px;
    }

    #content .section {
        padding-bottom: 15px;
    }

    .main-profile .btn-default {
        display: none;
    }

    .main-profile .btn-primary {
        width: 50%;
        margin: 0;
    }

    #content {
        float: none;
        width: auto;
        padding: 25px 0 0 10px;
        font-family: 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
        background: url(/images/arrow-04.svg) no-repeat 31px 0;
    }

    .noplay {
        color: #FFF;
    }

    .music-tracks a {
        background-position: 0 50%;
    }

    #sidebar {
        float: none;
        width: auto;
        margin: 0 -15px;
        padding: 25px 15px;
        border-top: 13px solid #333;
        background: url(/images/arrow-04.svg) no-repeat 31px 0;
    }

    .videos li {
        height: auto;
    }

    .videos div {
        width: 100%;
        height: auto;
    }

    .videos .mask {
        top: -1000px;
        width: 0;
        height: 0;
    }

    .videos div img {
        width: 100%;
        height: auto;
    }

    .photos {
        margin: 0 -9px 59px -10px;
    }

    .photos li {
        margin: 0 0 6px 4px;
    }

    .connections {
        margin: 0 0 12px -15px;
    }

    .connections li {
        margin: 0 0 12px 15px;
    }

    .info-box {
        display: none !important;
    }

    .two-columns {
        padding-bottom: 0;
    }

    #main .paging {
        margin: 0 -15px;
    }

    .message-form .frame {
        float: none;
        width: auto;
        padding: 0 0 20px;
    }

    .message-form .box {
        float: none;
        margin: 0 auto;
    }

    .login-form .form-control,
    .message-form textarea.form-control,
    .message-form .form-control {
        width: 100%;
    }

    .login-form .btn-contact,
    .message-form .btn-contact {
        float: none;
        width: 100%;
        margin: 0;
    }

    .login-form {
        width: auto;
    }

    .login-form .frame {
        padding: 10px 0 20px;
    }

    .login-facebook {
        margin: 0;
    }

    .login-facebook .w2,
    .login-facebook .w1 {
        float: none;
        left: auto;
    }

    .login-facebook p {
        float: none;
        margin: 0 0 10px;
    }

    .login-facebook .button {
        display: block;
        float: none;
    }

    .visual {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }

    .search-box {
        width: auto;
        margin: 0;
        margin: 0 auto;
        padding: 20px 10px 46px;
        border: 6px solid #fff;
        text-align: center;
        background: url(/images/bg-section-01.jpg) no-repeat 60% 0;
        background-size: cover;
    }

    .search-box h1 {
        margin: 0 0 13px;
        font-size: 38px;
        line-height: 38px;
    }

    .search-box h2 {
        margin: 0 0 30px;
        font-size: 16px;
        line-height: 18px;
    }

    .search-box p {
        display: none;
    }

    .search-box .row-area {
        margin: 0;
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .search-box .text,
    .search-box .select,
    .mobile-dropdown {
        float: none;
        width: 100%;
        margin: 0;
    }

    .search-box .text,
    .mobile-dropdown {
        text-align: center;
    }

    .search-box .select .btn {
        padding: 10px 15px;
        text-align: center;
    }

    .search-box .select .btn .caret {
        display: inline-block;
        position: relative;
        top: auto;
        right: auto;
        margin-left: 13px;
    }

    .search-box .select .dropdown-menu {
        text-align: center;
    }

    .search-box .btn-holder,
    .search-box .holder {
        margin: 0 0 16px;
        padding: 6px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background: url(/images/bg-block-03.png) repeat;
        -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
        box-shadow: 0 0 0 2px rgba(0,0,0,0.5);
    }

    .search-box .submit.btn {
        float: none;
    }

    .search-box .btn-holder {
        width: 162px;
        margin: 0 auto 16px;
    }

    .search-box .link {
        margin: 0 auto;
    }

    .boxes {
        border-right: 5px solid #FFF;
        border-bottom: 4px solid #141414;
        border-bottom: 2px solid #FFF;
        border-left: 5px solid #FFF;
        background: url(/images/bg-section-01.jpg) no-repeat;
    }

    .boxes .box {
        margin: 0;
        padding: 10px 18px 16px;
 
    }

    .boxes .box h2 {
        margin: 0;
    }

    .boxes .box p {
        margin: 0 0 10px;
    }

    .video {
        margin: 0 0 10px;
        border: 6px solid #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .video .play {
        margin: -22px 0 0 -118px;
        min-width: 236px;
        font-size: 20px;
    }

    .heading .link {
        display: none;
    }

    .heading {
        margin: 0 0 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .featured {
        margin: 0;
    }

    .featured ul {
        width: auto;
    }

    .featured li {
        width: 48%;
        height: auto;
        margin: 0.9% !important;
        padding: 46.4% 0 0;
        border: 6px solid #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .featured li:nth-child(n+5) {
        display: none;
    }

    .featured img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .states {
        margin: 0;
        padding: 0 27px 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .states .frame {
        margin-right: -11px;
    }

    .states .list {
        display: inline-block;
        float: none;
        width: 49%;
        margin: 0;
        padding: 0 10px 9px 0;
        vertical-align: top;
    }

    .states .heading {
        margin: 0 -27px 13px;
    }

    .page-header h1 strong {
        padding: 5px 0;
        text-align: left;
        font-size: 18px;
        line-height: 22px;
    }

    .edit-search {
        display: block;
        float: right;
        width: 30px;
        margin-left: 10px;
        text-align: center;
        font: 12px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
        color: #3f3f3f;
    }

    .search-results-title-wrapper {
        width: calc(100% - 80px);
        float: left;
    }

    h1.search-results-title {
        float: left;
    }

    .search-nav {
        display: none;
    }

    .search-filters {
        display: none;
    }

    .result-box .img {
        width: 103px;
        margin-right: 11px;
    }

    .result-box .icons {
        display: none;
    }

    .result-box .info {
        font-size: 11px;
        line-height: 14px;
    }

    .search-results .section, .bandmix-page-flex .bandmix-content, .bandmix-page-flex .bandmix-aside {
        width: 100%;
    }

    .search-results .section > div:last-child {
        border-bottom: none !important;
    }

    .search-results, .pager-panel {
        border-radius: 0;
        margin-bottom: 0;
    }

    .search-results {
        border:5px solid #333;
    }

    .pager {
        margin-left: 6px;
    }

    .browse-aside {
        height: 800px;
    }

    .sliderpage {
        width: 100% !important;
    }

    dl.bigdl input {
        width: 190px;
    }

    dl.bigdl select {
        width: 170px;
    }

    dl.bigdl dt {
        float: left;
        clear: left;
        width: 35%;
        margin-right: 10px;
    }

    ul.list-4 li {
        width: 50%;
    }

    .txtarea {
        width: 100% !important;
    }

    .account-area dl.bigdl dd {
        margin: 0 0 20px 35%;
        font-size: 12px;
    }

    .account-area dl.bigdl dd.payment-accepted {
        margin-left: 0;
    }

    .mobl-margin {
        margin-bottom: 45px;
    }

    .captcha {
        margin-top: 30px;
        margin-left: -50px;
    }

    header .dropdown-top-menu {
        display: none;
    }

    header .top-logout {
        display: block;
    }

    .frame h1 {
        font-size: 25px;
    }

    #content .audio .audio-main .audio-main-player-button {
        display: none;
    }

    #content .audio .audio-main .audio-main-player-progress {
        float:left;
    }

    #content .audio .audio-plays,
    #content .audio .audio-likes,
    #content .audio .audio-shares {
        display: none;
    }

    #content .audio .audio-main h2,
    #content .audio .audio-main-mobile h2 {
        font-size:16px;
    }

	ol.memberships_3 li {width:90%;min-width:280px;border-radius:0px;}

    ol.memberships_4 li {
        width: 100%;
        border-radius: 0;
        margin-right: 0;
    }

    .newsfeeds li {
        max-width: none;
        width: 100%;
    }

    .newsfeeds li ul.feeds-photos {
        text-align: center;
    }

    .newsfeeds li ul.feeds-photos li  img {
        max-width: 496px;
        width: 100%;
    }

    .newsfeeds li div.feeds-videos {
        float: none;
        margin: 10px auto 0;
        max-width: 496px;
        width: 100%;
    }

    .newsfeeds .comments-section {
        max-width: none;
    }

    .newsfeeds div.comment-composer textarea {
        width: 100%;
    }
	.newsfeeds li div.feed-title {
		padding-right:48px;
	}

    .account-area > div {
        padding: 0;
    }
}

@media only screen and (max-width:600px) {
    .search-results {
        border: 0;
    }

    .result-box-large {
        height: auto;
        margin-left:0px;
        width:100%;
        margin-top:0px;
        margin-bottom:20px;
    }

    .result-box-large .img {
        background-size: 100% auto;
        padding-bottom: 100%;
        width: 100%;
    }

    .result-box-large h2 {
        margin: 0;
        position: relative;
        top: -45px;
    }

    .result-box-large:hover h2 {
        top: -45px;
    }

    .result-box-large .img .buttons {
        width: 100%;
    }

    .result-box-large .img .buttons .view-btn {
        width: -moz-calc(100% - 108px);
        width: -webkit-calc(100% - 108px);
        width: -o-calc(100% - 108px);
        width: calc(100% - 108px);
    }

    .result-box-large ul li {
        height: 20px;
        line-height: 20px;
    }

    .result-box-large .info .instruments {
        margin-bottom: 25px;
        margin-top: 0;
    }

    .result-box-large .info .location,
    .result-box-large .info .music {
        bottom: 0;
        margin: 0;
        position: relative;
    }

    .newsfeeds li div.feed-title {
        margin-bottom: 30px;
    }

    .newsfeeds li ul.feeds-photos {
        margin-left: -70px;
        width: -moz-calc(100% + 90px);
        width: -webkit-calc(100% + 90px);
        width: -o-calc(100% + 90px);
        width: calc(100% + 90px);
    }

    .newsfeeds li ul.feeds-photos li img {
        margin: 0;
    }

    .newsfeeds li div.feeds-videos {
        height: 318px;
        margin-left: -70px;
        max-width: 565px;
        width: -moz-calc(100% + 90px);
        width: -webkit-calc(100% + 90px);
        width: -o-calc(100% + 90px);
        width: calc(100% + 90px);
    }

    .newsfeeds li div.options,
    .newsfeeds .comments-section {
        margin-left: -60px;
        width: -moz-calc(100% + 65px);
        width: -webkit-calc(100% + 65px);
        width: -o-calc(100% + 65px);
        width: calc(100% + 65px);
    }
    .newsfeeds div.comment-composer {
        width: 100%;
    }
	.newsfeeds li ul.feeds-audios {
		margin-left:-80px;
	}
	.newsfeeds .options {
		margin-top:20px !important;
	}

    #master-audio-processing .modal-body div.analyzer,
    #master-audio-processing .modal-body div.processing {
        border-radius: 50%;
        height: auto;
        margin: auto;
        max-height: 390px;
        max-width: 390px;
        padding-top: 80%;
        width: 80%;
    }

    .analyzer-inner p {
        margin: auto;
        width: 70%;
    }

    #mastering-processing {
        border-radius: 50%;
        height: auto;
        margin: auto;
        max-height: 390px;
        max-width: 390px;
        padding-top: 80%;
        position: relative;
        width: 80%;
    }

    #master-audio-processing .modal-body svg .circle-base,
    #mastering-processing svg .circle-base {
        stroke-width: 7;
    }

    #mastering-processing h1 {
        font-size: 40px;
        margin-top: 30%;
    }

    #mastering-processing p.processing {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:480px) {
    .featured .desc .btn {
        position: absolute;
        bottom: 9px;
        left: 8px;
        padding: 7px;
        font-size: 9px;
    }

    .featured li {
        padding: 43.4% 0 0;
    }

    .featured .desc {
        padding-bottom: 43px;
        font-size: 9px;
    }

    .featured .desc .name {
        font-size: 10px;
    }

    .result-box .img {
        width: 50px;
        margin-right: 5px;
    }

    .search-filters .title-box {
        margin: 0 0 15px;
        padding: 0 0 15px;
    }

    .search-filters .nav-tabs {
        margin: 0 0 20px;
    }

    .frame h1 {
        font-size: 25px;
        text-align: center;
    }

    .newsfeeds li div.feeds-videos {
        height: 242px;
        max-width: 430px;
    }

    #mastering-processing h1 {
        margin-top: 20%;
    }

    .analyzer-inner p {
        display: none;
    }
}

@media only screen and (max-width:400px) {
    #mastering-processing p.processing-desc {
        display: none;
    }

    .gift-card-wrapper {
        font-size: 30px;
        line-height: 40px;
    }

    .gift-card-wrapper .col-xs-4 .glyphicon {
        font-size: 24px;
        height: 44px;
        line-height: 44px;
        margin: 0;
        width: 44px;
    }
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

ul.browse {
    list-style-type: none;
}

ul.browse li {
    float: left;
    width: 25%;
}

p.decline-rating span {
    color: #666;
    cursor: pointer;
    font-size: 36px;
}

p.decline-rating span.active,
p.decline-rating span.glyphicon-star {
    color: #000;
}

.saved-searches-title {
    margin-bottom: 15px;
}

.saved-search-form {
    float: left;
    margin-right: 8px;
    margin-left: 8px;
}

.saved-search-form button.saved-search-button {
    background-color: #ebebeb;
    border-radius: 12px;
    color: #68aaf8;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 15px;
    border: none;
    margin-right: 2px;
}

.saved-search-form .delete-search {
    cursor: pointer;
    color: #c0c0c0;
}

.contact-free {
    color: white;
    background-color: #d14444;
    padding: 5px 15px 5px 15px;
    float:right;
    clear: both;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

.result-box-mobile .contact-free {
    color: white;
    background-color: #1fbe1f;
    padding: 2px;
    border-radius: 4px;
    float:right;
    clear: both;
    width: auto;
    margin-top: 5px;
    cursor: pointer;
}

.mobile-description-profile {
    background: #333;
    color: #DDD;
    position: absolute;
    width: 85%;
    top: 1.8%;
    align-content: center;
    text-align: center;
    opacity: 0.8;
    quotes: "“ " " ”" "‘ " " ’";
    font-weight: lighter;
	border-radius:9px;
	left:7.5%;
	right:7.5%;
}

/* insert the quotes using pseudo-elements and the `content` property */
.mobile-description-profile:before {
    content: open-quote;
}

.mobile-description-profile:after {
    content: close-quote;
}


.result-box .free-btn {
    float: left;
    position: relative;
    margin: -1px 4px 0 0;
    padding: 6px 3px;
    min-width: 69px;
    border: 1px solid #1c7430;
    font: 12px/17px 'Helvetica Neue', Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background: #1fbe1f;
}

.left, .select-left {
    float:left;
}

.right {
    float:right;
}

.clear-both {
    clear:both;
}

.margin-left-5, .select-margin-left-5 {
    margin-left: 5px !important;
}

.width-100 {
    width: 100% !important;
    padding-top: 5px !important;
    bottom: 5px !important;
}

.width-110px, .select-width-110px {
    width: 110px !important;
}


.dropzone {
	min-height: 400px;
	background-image: url("../img/drag-drop-icon.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
@media only screen and (max-width: 767px) {
    .width-110px, .select-width-110px {
        width: 80px !important;
    }

	.search-filters {
		display:block;
		width:100%;
	}

	.search-results {
		display: block;
	}

	#sidebar {
		text-align:center;
	}
	#sidebar h2 {
		text-align:left;
	}
	#sidebar .frame {
		text-align:left;
	}
	#sidebar #btn-hide,
	#sidebar #btn-flag {
		text-align:center;
		float:none !important;
	}
	#flag-modal .captcha {
		margin-left:0px;
	}
	#flag-modal .modal-body {
		padding-top:0;
	}
	#flag-modal #divForm h2 {
		font-size:1.3rem;
	}
	#flag-modal #divForm ul {
		padding-left:0;
	}
	#flag-modal #divForm ul li label {
		margin-bottom:0;
	}
	#flag-modal #divForm .captcha {
		margin-top:0;
		width:180px;
	}
	#flag-modal #divForm .info {
		padding-left:0;
	}
	.dropzone {
		min-height: 370px;
	}
}

@media only screen and (max-width: 567px) {
    .width-110px, .select-width-110px {
        width: 70px !important;
    }
}

.width-120px, .select-width-120px {
    width: 120px !important;
}

.top-minus-10, .select-top-minus-10 {
    margin-top: -10px !important;
}

.top-minus-20, .select-top-minus-20   {
    margin-top: -20px !important;
}
a.anchor {
    display: block;
    position: relative;
    top: -55px;
    visibility: hidden;
}
ul.social-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;          /* Space between icons */
    list-style: none;
    margin-top: 20px;
    padding: 0;
  }
  .social-icons-footer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;   
    height: 64px;
    background-color: #333;  
    border-radius: 50%; 
    border: 2px solid #333; 
    transition: background-color 0.3s ease;
  }
  .social-icons-footer svg {
    fill: #fff;    
    width: 32px; 
    height: 32px;
  }
  .social-icons-footer:hover {
    background-color: #555;
  }