@font-face {
    font-family: 'Proxima Nova Rg';
    src: url("fonts/ProximaNova-Regular.eot");
    src: url("fonts/ProximaNova-Regular.woff2") format("woff2"), url("fonts/ProximaNova-Regular.woff") format("woff"), url("fonts/ProximaNova-Regular.ttf") format("truetype"), url("fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Th';
    src: url("fonts/ProximaNova-Extrabld.eot");
    src: url("fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("fonts/ProximaNova-Extrabld.woff") format("woff"), url("fonts/ProximaNova-Extrabld.ttf") format("truetype"), url("fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld") format("svg");
    font-weight: 800;
    font-style: normal;
}
/*  main css  */
a {
    text-decoration: none
}

.container-custom {
    max-width: 1000px;
    margin: 0 auto;
    /* position: relative */
}
.btn {
    font-family: Proxima Nova Rg;
    background: #623337;
    color: #fff;
    margin: 10px 0;
    /* box-shadow: 0 1px 0 #000; */
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    line-height: 30px
}

.btn:active {
    /* box-shadow: inset 1px 1px 0 #000 */
}

.btn-custom {
    background: #623337;
    /* text-shadow: 1px 1px 1px #000; */
    font-size: 19px;
}

.btn-custom:hover {
    background: #8f4047;
}

.btn-submit {
    background: #8c969b;
    text-transform: uppercase !important;
    font-size: 15px !important;
}

.btn-cancel {
    background: #8c969b;
    font-size: 15px;
}

.btn-cancel:active,
.btn-cancel:hover {
    background: #7e7c7c;
    color: #fff;
}

.brn-large {
    font-size: 24px;
}

.btn-light-pink {
    background: #ec8382;
    box-shadow: 0 2px 0 #e16866;
}

.btn-submit:active,
.btn-submit:hover {
    background: #7e7c7c;
    color: #fff;
}

.btn-large{
    width: 100%;
}

.btn-wide {
    padding-left: 45px;
    padding-right: 45px;
}

.btn-grey {
    background: #434d55;
}

.whiteBox {
    background: url(../images/white-box-bg.png);
    float: left;
}

.whiteBox h1 {
    font-family: SourceSansProRegular;
    font-size: 24px;
    color: #000
}

.lowerPanels {
    display: block;
    width: 96%;
    margin: 1% 0;
    font-family: "Proxima Nova Rg";
}

.lowerPanels h1 {
    display: block;
    font-size: 64px;
    padding: 0;
    margin: 0;
    color: #4b4e53;
    font-weight: bold;
    font-family: "Proxima Nova Th";
    text-transform: uppercase !important;
    text-align: left !important;
}

.lowerPanels p {
    display: inline-block;
    color: #393939;
    font-size: 16px;
    padding-right: 20px;
    line-height: 25px;
    font-family: "Proxima Nova Rg";
}

.boxPadding {
    padding: 20px
}

.view-results-btn {
    /* box-shadow: none!important; */
}

.how-it-work .bar {
    background: url(../images/how-to-use-bar.png) center top no-repeat;
    width: 100%;
    float: left;
    margin: 10px 0;
    padding-top: 20px
}

.how-it-work .bar p {
    display: inline-block;
    width: 33%;
    text-align: center
}

.startQuiz img {
    margin-right: 50px;
    margin-left: 10px
}

.painspot-quiz {
    position: relative
}

.quiz-heading {
    background: #bc4a49;
    display: inline-block;
    font-family: Proxima Nova Rg;
    color: #fff;
    margin: 10px 0;
    box-shadow: 0 1px 0 #000;
    font-size: 24px;
    border-radius: 10px;
    padding: 10px 45px
}

.painspot-quiz .heading {
    width: 100%;
    text-align: left;
}

.painspot-quiz .navigation {
    right: 5px;
    left: inherit;
    position: absolute;
    top: 10px
}

.painspot-quiz .navigation a {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -555px;
    overflow: hidden;
    float: left;
    background-image: url(../images/painspot-quiz-btn.png);
    background-repeat: no-repeat;
    margin-left: 5px
}

.painspot-quiz .navigation a.next {
    background-position: 0 0
}

.painspot-quiz .navigation a.next:hover {
    background-position: 0 -40px
}

.painspot-quiz .navigation a.previous {
    background-position: -40px 0
}

.painspot-quiz .navigation a.previous:hover {
    background-position: -40px -40px
}

.painspot-quiz .questions-wrapper {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    /* width: 100%; */
    float: left
}

.painspot-quiz .questions-wrapper .whiteBox {
    /* padding: 15px; */
    /* height: 205px; */
    width: 264px;
    float: left;
    position: relative;
    padding-bottom: 40px;
}

.painspot-quiz .questions-wrapper h5 {
    display: block;
    text-align: center;
    font-family: inherit;
    color: #262b31;
    font-size: 16px;
    border-bottom: solid 1px #eadfd9;
    padding: 0 0 10px;
    margin: 0 0 10px;
    font-weight: 700
}

.painspot-quiz .questions-wrapper .answers {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.painspot-quiz .questions-wrapper .answers a {
    font-family: "Proxima Nova Rg";
    background: #8c969b;
    width: calc(50% - 12px);
    float: left;
    text-align: center;
    /* font-weight: 700; */
    color: #fff;
    line-height: 36px;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.painspot-quiz .questions-wrapper .answers a:first-child {
    /* border-left: solid 0 #686868;
    border-radius: 0 0 0 5px */
    margin-right:24px
}

.painspot-quiz .questions-wrapper .answers a.active,
.painspot-quiz .questions-wrapper .answers a:hover {
    background: #828282;
}

.painspot-quiz .questions-wrapper .progression-icon {
    float: left;
    display: none;
    margin: 85px 15px 0;
    text-decoration: none
}

.progress-bar-wrapper {
    padding: 20px;
    position: relative;
    /*border-top: solid 1px #e5d5c4;
    background: #fdefe1*/
}

.progress-bar-wrapper .inner-wrapper {
    margin: 2px 0 0 150px
}

.progress-bar-wrapper h2 {
    font-family: Proxima Nova Rg;
    font-size: 20px;
    display: inline-block;
    margin: 20px 0 0;
    padding: 0;
    position: absolute
}

.progress-bar-wrapper .progress {
    clear: both;
    background: #90524e;
    border-radius: 0px !important;
    height: 20px !important;

}

.progress-bar-wrapper .progress-bar {
    background: #c7957c;
    /* border-radius: 0 20px 20px 0 */
}

.progress-bar-wrapper .progress-bar,
.progress-bar-wrapper .sr-only {
    width: 20%
}

.progress-bar-wrapper .ques-remaining {
    float: right;
    color: #fff;
   font-style: normal;
    font-size: 14px;
    font-family: "Proxima Nova Rg";
    position: absolute;
    z-index:4;
    padding-left: 8px;
}

.progress-bar-wrapper .sr-only {
    float: left;
    background: url(../images/black-transparent.png);
    border-left: solid 1px #c8beb3;
    border-right: solid 1px #c8beb3;
    padding: 0 10px;
    font-style: normal;
    width: auto
}

.quiz-finish {
    text-align: left;
}

.quiz-finish .whiteBox {
    padding: 20px 0;
    float: none;
    display: inline-block;
    width: 100%;
    text-align: left !important;
}

.quiz-finish p {
    display: block;
    font-size: 16px;
    font-family: "Proxima Nova Rg";
    text-align: left !important;
}

.action-bar>span {
    color: #000
}

.action-bar .btn {
    opacity: 1!important
}

.ui-accordion-header,
.ui-state-active,
.ui-state-focus {
    color: #444!important
}

.carousel-custom-next {
    position: absolute;
    top: -20px;
    right: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    /* background: url(../images/painspot-quiz-btn.png) 0 -40px no-repeat */
    z-index: 22;
}
.carousel-custom-next::after{
 font: normal normal normal 14px/1 FontAwesome;
content: "\f054";
}

.carousel-custom-next:hover {
    /* background-position: 0 0 */
    opacity: 0.87;
}

.carousel-custom-next-disabled {
    background-position: 0 0;
    cursor: default;
    opacity: 0.54;
}

.carousel-custom-prev {
    position: absolute;
    top: -20px;
    right: 50px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 22;
        /* background: url(../images/painspot-quiz-btn.png) -40px -40px no-repeat */
}
.carousel-custom-prev::after{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f053";
   }

.quiz-back {
    right: 5px;
    top: 85px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../images/painspot-quiz-btn.png) -40px -40px no-repeat
}

.carousel-custom-prev:hover,
.quiz-back:hover {
    /* background-position: -40px 0 */
    opacity: 0.87;
}

.carousel-custom-prev-disabled {
    /* background-position: -40px 0; */
    cursor: default;
    opacity: 0.54;

}

.img-circle {
    width: 100px;
    height: 100px;
    border-radius: 60px;
    overflow: hidden;
    float: left
}

.img-circle-inner {
    width: 100px;
    height: 100px;
    position: absolute;
    border: 6px solid rgba(0, 0, 0, .5);
    border-radius: 60px;
    overflow: hidden
}

.content-Scroll,
.howItWork,
.painspot-quiz .questions-wrapper .whiteBox {
    text-align: justify
}

.float-me {
    position: fixed;
    z-index: 100;
    bottom: 0
}

.error {
    color: #ff8584
}

.mover {
    position: relative;
    z-index: 5;
    width: 80px;
    height: 80px;
    background-image: url(../images/banner980-silver.jpg);
    background-size: auto 400px;
    border-radius: 50px;
    border: 1px solid #4e4646;
    box-shadow: 0 0 10px #090808
}

.jcarousel-clip.jcarousel-clip-horizontal {
    /* margin: auto */
}

#dialog-modal {
    position: absolute;
    top: 152px;
    background: #f8f7f5;
    padding-right: 36px;
}

#dialog-modal .btn {
    width: 100%;
    text-transform: uppercase;
}

#dialog-modal p{
    margin-bottom: 10px !important;
}

#medModal .modal-dialog {
    width: 500px
}
.circle {
    text-align: center;
    position: absolute;
    right: 5px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #ede5dc;
    border: 1px solid #e1d4c7;
    color: #888
}


#quiz-popup p {
    font-size: 14px
}

.text-highlight {
    color: #374959;
    font-style: italic;
    font-weight: 600
}

.btn-toggle label {
    font-style: italic;
    font-weight: 400
}

.btn-toggle label em {
    float: left;
    padding-top: 4px
}
#accordion2 .red-heading {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.ui-icon-closethick {
    background-image: url(../images/select2.png)!important;
    background-repeat: no-repeat!important;
    background-position: -45px 2px!important
}

.alert,
.error {
    display: block;
    width: 100%;
    clear: both
}

.errnew {
    margin-top: 5px;
    margin-bottom: -10px
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 75px;
    height: 245px
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    width: 338px
}

.jcarousel-skin-tango .jcarousel-item-horizontal:last-child {
    width: 284px
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -90px;
    right: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../images/painspot-quiz-btn.png) 0 -40px no-repeat
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(iamges/prev-horizontal.png)
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 0
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover {
    cursor: default;
    background-position: 0 0
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: -90px;
    left: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../images/painspot-quiz-btn.png) -40px -40px no-repeat
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/next-horizontal.png)
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -40px 0
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover {
    cursor: default;
    background-position: -96px 0
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../images/next-vertical.png) no-repeat
}

.jcarousel-skin-tango .jcarousel-next-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover {
    cursor: default;
    background-position: 0 -96px
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../images/prev-vertical.png) no-repeat
}

.jcarousel-skin-tango .jcarousel-prev-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover {
    cursor: default;
    background-position: 0 -96px
}

.save-email-btnNew {
    /* background: #d0d0d0;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 700;
    color: #fff;
    line-height: 36px;
    font-size: 18px;
    text-decoration: none;
    border-radius: 0 0 5px;
    text-transform: capitalize;
    border: 0;
    font-family: LatoRegular */
}

.save-email-btnNew:hover {
    /* background: #828282 */
}



@media screen and (min-width:480px) and (max-width:767px) {
    .jcarousel-clip.jcarousel-clip-horizontal {
        width: 500px
    }
}

@media screen and (min-width:600px) and (max-width:767px) {


    .small-buttons {
        top: 28px
    }
    .carousel-custom-prev {
        top: 20px;
        right: 85px
    }
    .carousel-custom-next {
        top: 20px;
        right: 40px
    }

}
@media screen and (min-width:480px) and (max-width:599px) {

    .carousel-custom-prev {
        right: 46px;
        top: 80px
    }
    .carousel-custom-next {
        right: 0;
        top: 80px
    }
    .painspot-quiz .questions-wrapper {
        margin-top: 70px
    }
    .painspot-quiz .questions-wrapper .whiteBox {
        width: 210px
    }
    .painspot-quiz .questions-wrapper .progression-icon {
        margin-left: 8px
    }
    .quiz-finish .whiteBox {
        margin-top: 10px
    }
    .innerHeader #symptom-title {
        margin-top: 29px;
        width: 65%
    }
    .subheader .btn {
        position: relative;
        left: -28px
    }
    .notificationBox {
        display: none
    }
    .export-results {
        display: block;
        margin-right: -440px;
        margin-top: -2px
    }
    .search-diagnosis .notificationBox {
        display: block
    }
    .search-diagnosis .export-results {
        display: block;
        margin-right: -440px;
        margin-top: 10px
    }
    .notificationBox-wrapper .col-3 {
        width: 42%
    }
    .diagnoses-title {
        font-size: 16px;
        width: 75%
    }
    .ui-accordion-header>div.title {
        padding-left: 5px;
        padding-right: 5px
    }
    .risk {
        font-size: 14px
    }
    .ui-accordion-header-active>div.title {
        margin-left: -18px;
        font-size: 16px;
        padding-left: 0
    }
    .ui-accordion-header>div.title a {
        margin-right: -9px;
        margin-top: 0
    }
    .ui-accordion-content {
        padding-left: 18px;
        padding-right: 18px
    }
    .see-answer-list .answer-list ul li {
        margin-left: -25px
    }
    .see-answer-list .answer-list ul li p {
        width: 300px
    }
    .search-diagnosis .notificationBox-wrapper .export-results {
        width: 140px;
        margin-right: 0
    }
}

@media screen and (min-width:767px) {
    #ds-accordion.hide-on-min600,
    .hide-on-min800 {
        display: none
    }
}

@media screen and (min-width:767px) {
    .hide-on-min800 {
        display: none
    }
}

@media screen and (min-width:480px) {
    .hide-on-min480 {
        display: none
    }
    .checkbox.clickmulti {
        margin-top: -42px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:479px) {
   earch-diagnosis .notificationBox-wrapper .col-10,
    .search-diagnosis .notificationBox-wrapper .col-2 {
        width: 100%
    }
    .search-diagnosis .notificationBox h4 {
        width: 50%;
        font-size: 13px;
        line-height: 14px
    }
    .search-diagnosis .see-answers {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
    .hide-on-max599 {
        display: none
    }
    #bodyTool-desc {
        width: 360px;
        /* margin-left: 42px; */
        margin-top: 30px;
        z-index: 100
    }
    #help {
        background-color: #999;
        border-radius: 5px;
        color: #FFF;
        cursor: pointer;
        left: 290px;
        padding: 3px 15px;
        position: absolute;
        top: 20px;
        z-index: 50;
        font-size: 25px
    }
    .description {
        height: 440px
    }
    .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 248px
    }
    #showmenu {
        margin: -36px 0 0;
        z-index: 100!important
    }
    .search-box {
        margin: -30px 35px 0 0;
        z-index: 100!important
    }
    .search-box input {
        -webkit-max-logical-width: 260px;
        width: 275px
    }
    .banner {
        display: none
    }
    .navbar-toggle .icon-bar {
        -webkit-margin-start: -6px
    }
    .navbar-brand img {
        margin-left: -34px;
        width: 81px
    }
    #search-container {
        top: -36px;
        right: 6px
    }
    .navbar-brand {
        padding: 12px 5px!important;
        margin-left: -41px
    }
    .red-button {
        margin-top: 0!important
    }
    li.red-button:hover {
        border: 1px solid #b64645!important;
        background-color: #b64645!important;
        color: #fff!important
    }
    a.navbar-brand {
        width: 135px;
        margin-left: -12px
    }
    .navbar-toggle {
        width: 36px;
        height: 28px;
        right: 6px;
        margin-top: 11px
    }
    nav.navbar {
        min-height: 42px
    }
    .sr-only {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    .navbar-nav {
        margin: 36px 0 5px;
        vertical-align: middle
    }
    .navbar-nav>li.active,
    .navbar-nav>li:hover {
        border: none;
        background-color: #EC5B53
    }
    .bs-navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        width: 305px;
        margin-left: 15px
    }
    nav.navbar {
        padding-left: 0;
        padding-right: 0
    }
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .left-nav ul.nav li a {
        width: 80%
    }
    .human-body {
        left: -129px
    }
    .hide-on-max479 {
        display: none
    }
    .how-it-work .bar p {
        width: 100%;
        font-size: 12px;
        text-align: left
    }
    .gender {
        left: 18px;
        top: 46px
    }
    .navbar-nav>li {
        margin-left: 0
    }
    .navbar-nav>.active>a,
    .navbar-nav>.active>a:focus,
    .navbar-nav>.active>a:hover {
        color: #fff
    }
    .copyright {
        position: relative;
        text-align: center!important;
        top: -28px;
        margin-top: 0;
        height: 42px
    }
    .notice {
        margin-bottom: 6px;
        margin-top: 6px;
        font-weight: 700;
        text-align: center
    }
    .checkbox.clickmulti {
        margin-top: -50px;
        margin-bottom: 30px
    }
    .page-title h1 {
        font-size: 28px
    }
    ul.d-search {
        padding-left: 0;
        margin-top: 15px
    }
    .d-search li {
        list-style-type: none;
        margin-bottom: 1px;
        display: block
    }
    .d-search li a {
        border: none;
        border-radius: 2px;
        color: #B64645!important;
        display: block;
        text-decoration: none
    }
    .d-search li ol {
        margin-top: 1px;
        padding: 0
    }
    .d-search li ol li {
        margin-left: 2px;
        padding-top: 0;
        padding-bottom: 0
    }
    .d-search li ol li a {
        color: #B64645!important;
        background-color: transparent!important;
        padding: 8px 0 8px 8px;
        font-size: 10px!important
    }
    .d-search li a:hover {
        background-color: #B64645;
        color: #fff!important;
        text-decoration: none
    }
    .d-search li ol li a:hover {
        background-color: #999!important;
        color: #fff!important
    }
    .d-search li a.ui-state-active {
        color: #fff!important
    }
    .ui-accordion-header {
        font-size: 14px
    }
    .ui-accordion-header-active {
        padding: 20px 17px 0 24px
    }
    #ds-accordion .ui-accordion-header-active {
        padding: 10px
    }
    .search-diagnosis-faq .separator img {
        width: 100%!important
    }
    .lower-content-area .lowerPanels {
        width: 300px
    }
    .lower-content-area .lowerPanels p {
        width: 220px;
        margin-left: 12px;
        position: relative;
        top: 11px
    }
    .custom-pl {
        position: relative;
        left: -58px;
        margin-top: 14px;
        top: 2px
    }
    .staticPage {
        padding: 0
    }
    .contactPage {
        padding-left: 5px;
        padding-right: 5px
    }
    .c-page {
        width: 98%
    }
    .adjust-d-search {
        margin-right: 10px;
        margin-top: 5px!important
    }
    .small-buttons {
        top: 70px
    }
    .carousel-custom-next,
    .carousel-custom-prev {
        margin-right: 0;
        margin-top: -4px
    }
    .painspot-quiz .questions-wrapper {
        margin-top: 16px
    }
    .quiz-heading {
        font-size: 18px
    }
    .quiz-finish .whiteBox {
        margin-top: 10px
    }
    .innerHeader #symptom-title {
        margin-top: 9px
    }
    .subheader h1 {
        margin-left: 15px
    }
    .img-circle {
        margin-left: -6px
    }
    .subheader .btn {
        position: relative;
        left: 17px
    }
    .notificationBox {
        display: none
    }
    .search-diagnosis .notificationBox {
        display: block
    }
    .notificationBox-wrapper .col-3 {
        width: 81%
    }
    .ui-accordion-header>div.title {
        margin-left: -33px;
        padding: 0 36px
    }
    .diagnoses-title {
        font-size: 12px
    }
    .risk {
        font-size: 11px
    }
    .ui-accordion-header>div.title a {
        margin-right: -38px;
        font-size: 10px
    }
    .ui-accordion-header-active>div.title {
        margin-left: -10px!important;
        padding-bottom: 6px;
        padding-left: 0
    }
    .ui-accordion-content {
        padding-left: 15px;
        padding-right: 15px
    }
    .mCSB_container {
        font-size: 12px
    }
    .action-bar .btn {
        font-size: 9px!important
    }
    .export-results {
        display: block;
        margin-right: 20px
    }
    .search-diagnosis .export-results {
        display: block;
        margin-right: 0
    }
    .modal-content {
        font-size: 11px
    }
    .see-answer-list .answer-list ul li {
        margin-left: -25px
    }
    .see-answer-list .answer-list ul li p {
        width: 190px
    }
    .search-diagnosis .col-9 {
        width: 100%
    }
    .search-diagnosis .action-bar .btn {
        font-size: 10px!important
    }
}

@media screen and (max-width:1024px) {
    .carousel-custom-prev:hover,
    .quiz-back:hover {
        background-position: -40px -40px
    }
    .carousel-custom-prev-disabled:hover,
    .carousel-custom-prev:active,
    .quiz-back:active {
        background-position: -40px 0
    }
    .carousel-custom-next:hover {
        background-position: 0 -40px
    }
    .carousel-custom-next-disabled:hover,
    .carousel-custom-next:active {
        background-position: 0 0
    }
    .small-buttons a.prevous:hover {
        background-position: -40px 0
    }
    .small-buttons a.prevous:active {
        background-position: -40px -40px
    }
    .small-buttons a.first:hover {
        background-position: 0 0
    }
    .small-buttons a.first:active {
        background-position: 0 -40px
    }
}

@media screen and (max-width:479px) {
    #medModal .modal-dialog {
        width: 320px
    }
}

@media screen and (max-width:767px) {
    #about-gif,
    .aboutUs-wrapper .col-4 {
        display: none
    }

    #dialog-modal{
        top: 592px !important;
    }
    #dialog-modal h1.page-header
    {
        font-size: 57px !important;
    }
}

@media screen and (min-width:980px) {
    .jcarousel-clip.jcarousel-clip-horizontal {
        width: 400px
    }
    .painspot-quiz .questions-wrapper .whiteBox {
        width: 400px
    }
    .painspot-quiz .questions-wrapper .progression-icon {
        margin: 90px 0 0 2px
    }
}

@media screen and (max-width:479px) {
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        width: 350px!important
    }
    .painspot-quiz .questions-wrapper .whiteBox {
        width: 350px
    }
    .painspot-quiz .questions-wrapper .progression-icon {
        margin: 85px 0 0 3px
    }
    .jcarousel-clip.jcarousel-clip-horizontal {
        width: 350px
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        width: 230px!important
    }
    .painspot-quiz .questions-wrapper .whiteBox {
        width: 195px
    }
    .painspot-quiz .questions-wrapper .progression-icon {
        margin: 85px 0 0 3px
    }
    .jcarousel-clip.jcarousel-clip-horizontal {
        width: 265px
    }
}

@media screen and (min-width:768px) and (max-width:979px) {
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        width: 350px!important
    }
    .painspot-quiz .questions-wrapper .whiteBox {
        width: 350px
    }
    .painspot-quiz .questions-wrapper .progression-icon {
        margin: 85px 0 0 3px
    }
    .jcarousel-clip.jcarousel-clip-horizontal {
        width: 350px
    }
}

@media screen and (min-width:980px) {
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        width: 350px!important
    }
    .painspot-quiz .questions-wrapper .whiteBox {
        width: 350px;
        padding-right: 25px;
    }
    .painspot-quiz .questions-wrapper .progression-icon {
        margin: 85px 0 0 3px
    }
    .jcarousel-clip.jcarousel-clip-horizontal {
        width:350px
    }
}

@media screen and (max-width:768px) {
    .navbar-nav>li:hover {
        border-bottom: none
    }
    .navbar-nav>li.active {
        border-bottom: solid 2px #ec5b53
    }
    .btn-custom:hover {
        background: #623337
    }
    .btn-submit:hover {
        background: #7e7c7c;
    }
    .btn-submit:active {
        background: #7e7c7c;
    }
    .btn-cancel:hover {
        background: #7e7c7c;
    }
    .btn-cancel:active {
        background: #7e7c7c;
    }
    .btn-light-pink:hover {
        background: #ec8382;
    }
    .btn-light-pink:active {
        background: #df5857;
    }
    .painspot-quiz .questions-wrapper .answers a:hover {
        background: #d0d0d0;
        border: none;
    }
    .painspot-quiz .questions-wrapper .answers a:nth-child(2):hover {
        background: #d0d0d0;
        border-left: solid 1px #bbb;
    }
    .painspot-quiz .questions-wrapper .answers a.active:hover {
        background: #828282;
        border-left: solid 1px #686868;
    }
    .painspot-quiz .questions-wrapper .answers a:active {
        background: #828282;
    }
}
.jcarousel-clip.jcarousel-clip-horizontal .jcarousel-list.jcarousel-list-horizontal{width: 700000px !important;}
#bodyTool-desc{position: initial !important;}
.progress-bar-wrapper{ position: absolute !important; left: 0;  right: 0; padding: 0 !important; top:50px !important}
.progress-bar-wrapper .inner-wrapper{margin:0 !important; position: relative;     z-index: 9999;}
.body-tool-container-custom #slidebox{margin-top:15px !important}
.painspot-quiz .questions-wrapper{position: relative;}

input[type="textbox"], .email
{
  border:0;
  border-bottom: 1px solid #4b4e53 !important;
  padding:5px;
  width:200px;
  font-family: "Proxima Nova Rg";
  background: transparent;
}
input[type="submit"], .btn-cont
{
  border:0;
  background:#8c969b;
  color:#fff;
  padding:5px;
  margin-left:20px;
  width:125px;
  font-family: "Proxima Nova Rg";
  text-transform: uppercase;
  line-height: 22px !important;
}
#dialog-modal h1.page-header
{
    font-size: 64px;
    font-family: 'Proxima Nova Th' !important;
    text-transform: uppercase;
}
.form-group label.error {
    display: inline-block !important;
    text-transform: initial;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.form-group {padding-bottom: 0px;position:relative;}
input[class= 'email error']{display:initial !important; clear:initial !important;}