#sc-callback {
    position: fixed;
    bottom: 66px;
    right: 46px;
    z-index: 99;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
#sc-callback #sc-back {
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -16px;
    left: -16px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-style: solid;
    border-color: #fdc402;
    opacity: 0.4;
}
#sc-callback .sc-slide {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 40%;
    -webkit-border-radius: 40%;
    -moz-border-radius: 40%;
    cursor: pointer;
}
#sc-callback .sc-slide.closed {
    z-index: 2;
    display: none;
}
#sc-callback #sc-slide-1 {
    background: url(../images/slide1.png) 0 0 no-repeat transparent;
}
#sc-callback #sc-slide-2 {
    background: url(../images/slide2.png) 0 0 no-repeat transparent;
}

#sc-content {
    display: none;
}
#sc-content .sc-content-title {
    text-transform: uppercase;
    font-family: HouschkaBold, sans-serif;
    color: #333;
    padding: 15px 50px 0 20px;
    margin: 0;
}
#sc-content .sc-content-block {
    color: #666;
    padding: 15px 20px 15px;
    margin: 0;
}
#sc-content .callback-line .sc-timer {
    display: block;
    font-size: 16px;
    color: #ed3f1c;
}
#sc-content .callback-input .sc-input {
    display: block;
    position: relative;
    border: 1px solid #d5d9d8;
    background: #fff;
    padding: 2px 0;
}
#sc-content .callback-input .sc-input label {
    position: absolute;
    z-index: 2;
    display: block;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    cursor: text;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#sc-content .callback-input .sc-input label.active {
    z-index: 0;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}
#sc-content .callback-input .sc-input #sc-phone {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 16px 10px 4px;
    line-height: 16px;
    height: 38px;
    font-size: 16px;
    color: #333;
    background: transparent;
}
#sc-content .callback-input {
    margin-top: 20px;
    height: 44px;
}
#sc-content .callback-input .sc-input.error {
    border-color: #ed3f1c;
}
#sc-content .callback-button {
    display: block;
    width: 100%;
    background: #0072bc;
    padding: 12px 0;
    margin-top: 20px;
    line-height: 20px;
    color: #fff;
    font-family: GothamProMed, sans-serif;
    text-align: center;
    cursor: pointer;
}
#sc-content .callback-button#sc-recall-bad {
    background: #ed3f1c;
}
#sc-content .callback-button:hover, #sc-content .callback-button#sc-recall-bad:hover {
    background: #fdc402;
    color: #333;
}
#sc-content .callback-button.disabled {
    background: #bfbfbf !important;
    color: #fff !important;
    cursor: default;
}