.rating-loading{
    width:25px;
    height:25px;
    font-size:0;
    color:#fff;
    background:url(../img/loading.gif) top left no-repeat;
    border:none;
}
.rating-container .rating-stars{
    position:relative;
    cursor:pointer;
    vertical-align:middle;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
}
.rating-container .rating-input{
    position:absolute;
    cursor:pointer;
    width:100%;
    height:1px;
    bottom:0;
    left:0;
    font-size:1px;
    border:none;
    background:0 0;
    padding:0;
    margin:0;
}
.rating-disabled .rating-input,.rating-disabled .rating-stars{
    cursor:not-allowed;
}
.rating-container .star{
    display:inline-block;
    margin:0 3px;
    text-align:center;
}
.rating-container .empty-stars{
    color:#aaa;
}
.rating-container .filled-stars{
    position:absolute;
    left:0;
    top:0;
    margin:auto;
    color:#fde16d;
    white-space:nowrap;
    overflow:hidden;
    /*text-shadow:1px 1px #999;*/
}
.rating-rtl{
    float:right;
}
.rating-animate .filled-stars{
    transition:width .25s ease;
}
.rating-rtl .filled-stars{
    left:auto;
    right:0;
}
.rating-rtl.is-star .filled-stars{
    right:.06em;
}
.rating-rtl.is-heart .empty-stars{
    margin-right:.07em;
}
.rating-lg{
    font-size:3.91em;
}
.rating-md {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    font-size: 25px;
}
.rating-sm{
    font-size:2.5em;
}
.rating-xs{
    font-size:2em;
}
.rating-xl{
    font-size:4.89em;
}
.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 100%;
    padding-right: 5px;
}
.clear-rating-active{
    cursor:pointer!important;
}
.clear-rating-active:hover{
    color:#843534;
}
.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 70%;
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 0;
}
.rating-rtl .caption{
    margin-right:5px;
    margin-left:0;
}
@media print{
    .rating-container .clear-rating{
        display:none;
    }
}
#card ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 20px;
}
#card li {
    padding-top: 10px;
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
}
.submitWrapper {
    border-style: solid;
    border-color: rgba(0, 129, 171, 1.0);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-radius: 5px;
}
.submitColor {
    font-family: Montserrat;
    font-size: 24px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 700;
}
.submitColor {
    padding: 5px 15px 5px 15px;
}
.submitColor {
    background-image: none;
    background-color: #0081AB;
}
#card label {
    flex-basis: 100%;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
#card .rating-stars .form-control {
    display: block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
@media (max-width: 767px){
    .rating-container .star {
        display: inline-block;
        margin: 0 3px;
        text-align: center;
        font-size: 30px;
    }
    .rating-stars {
        width: 100%!important;
        margin: 0 auto;
    }
    .area-box {
        flex: 100%!important;
        max-width: 100%!important;
    }
}
@media (max-width: 480px){
    .wrap-box-outer {
        background: #fff;
        padding: 20px 20px!important;
        margin-bottom: 48px;
    }
}
@media (max-width: 991px){
    .container {
        max-width: 960px;
    }
    .area-box {
        margin-bottom: 1rem;
        flex: 50%;
        max-width: 50%;
    }
    .col-md-10.offset-1.area-box.area-36 {
        flex: 83%;
        max-width: 83%;
    }
}