:root {
    --header-height: 80px;
    --color-primary: #e2485a;
    --color-secondary: #39a6c1;
    --color-lightgray: #f6f6f6;
    --color-darkGray: #434343;
    --mdc-theme-primary: #b8b8b8;
    --mdc-theme-secondary: var(--color-primary);
    --padding: 0.9375rem;
}

.product--image {

    margin-right: 10px;

}

.product--controls {

    box-shadow: none;
}

.product--buttons button {
    min-width: 140px;

}
.product--date-text {
    max-height: 16px;
}
.button, button {
    background-color:#f1f1f1 ;
	    cursor: pointer;
}

.product--service .mdc-form-field>label {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.mdc-form-field {
    font-family: PT Sans Narrow,sans-serif;
}

.product.is-open{background-color: #f1f1f1 !important;  
	box-shadow: inset 0 15px 15px -15px rgba(0,0,0,.14), inset 0 15px 15px -15px rgba(0,0,0,.12), inset 0 -15px 15px -15px rgba(0,0,0,.2);
}

.product.is-active .product--controls, .product.is-open .product--controls, .product .product--top .product--controls{background-color: #fff;}

.product--tracks {background: #fff;}
.is-paused i {
    border-left: 12px solid #8a8a8a;

}

.dop_text {
    color: #7f7f7f; margin: 10px 0 5px 10px;
    width: 100%;
}

.top-categories-aside--title {
    margin-bottom: 7px;
}

h2 {

    margin:0;

}

@media (min-width: 860px){
.page .title {
	font-size: 1.2rem;
}

}

@media (max-width: 860px){
#side-menu a {
min-height: 30px;
    border: 1px dotted #f1f1f1;

}
}

.header--login {

    cursor: pointer;
}

.popup .popup--content {

	padding-bottom: 15px;
    /* max-width: 370px; */
}

.mdc-tab {
	font-family:  PT Sans Narrow,sans-serif;}


.mdc-text-field__input {font-family:  PT Sans Narrow,sans-serif;}
.mdc-floating-label {
    font-family: PT Sans Narrow,sans-serif;}
#uLogin_user {margin: 0;
}
.product-top-wrap {
    cursor: pointer;
}
.sct-freemusic--title {
    /* font-size: 18px;
    font-size: 1.125rem; */
    
}
.sct-freemusic li {
    /* max-height: 35px; */
}

#review-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#review-form .mdc-text-field--textarea{
    width: 100%;
    max-width: 500px;
}
.reviews-list{
    margin: var(--padding) 0;
    padding: 0;
}
.reviews-list li{
    list-style: none;
    margin-bottom: var(--padding);
}
.feedback-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.feedback-form input{
    margin-bottom: 15px;
    max-width: 400px;
    width: 100%;
}
.product--track {
	cursor: pointer;
}
.product--play{
	cursor: pointer;
}