/* Custom, iPhone Retina */
@media only screen and (min-width: 20px) {

    .prednosti .row-1 .col-md-4,
    .prednosti .row-2 .col-md-4 {
        margin-top: 50px;
    }

    .prednosti .row-1 .col-md-4:first-of-type {
        margin-top: 0;
    }

    .question-p{
        font-size: 20px;
        width: 100%;
        margin: 60px 0;
    }

    .new-clients-slider .slick-prev,
    .testimonial-slider .slick-prev {
        left: 15px;
        width: 40px;
        height: 40px;
        z-index:1;
    }

    .new-clients-slider .slick-next,
    .testimonial-slider .slick-next {
        right: 15px;
        width: 40px;
        height: 40px;
        z-index:1;
    }

    .new-clients-slider .slick-next:before,
    .new-clients-slider .slick-prev:before,
    .testimonial-slider .slick-next:before,
    .testimonial-slider .slick-prev:before {
        font-size: 40px;
    }

    .partner-homepage-call-to-action {
        margin-bottom: 20px;
    }

    .partner-homepage-call-to-action h3 {
        font-size: 18px;
        text-align: center;
        line-height: 24px;
        margin: 15px;
    }

    /* size extra-small */
    .navbar-logo {
        margin: 0 auto;
        display: table;
    }

    .navbar-user {
        position: absolute;
        right: 0px;
        top: 15px;
    }

    .navbar-header {
        position: relative;
        padding: 25px 15px 15px 15px;
    }

    .navbar-default .navbar-collapse {
        background-color: #fff;
    }

    .navbar-nav {
        margin: 0;
    }

    ul.mobile-homepage-categories li a.content-holder {
        padding: 100px 0 0;
        position: relative;
        display: block;
    }

    .mobile-homepage-categories li {
        display: block;
        margin-bottom: 15px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        min-height: 120px;
        background-repeat: no-repeat;
        -ms-background-position-x: right;
        background-position-x: right;
        background-size: contain;
    }

    ul.mobile-homepage-categories {
        list-style: none;
        padding: 0;
    }

    ul.mobile-homepage-categories li span.menu-category-content {
        position: absolute;
        left: 25px;
        bottom: 5px;
        font-size: 18px;
        color: #140601;
        display: block;
        width: 65px;
        text-align: left;
    }

    .head-welcomer #locate_me {
        color: #aaa;
        font-size: 12px;
        margin-top: 8px;
        display: block;
    }

    .head-welcomer h3 {
        margin-bottom: 5px;
    }

    .head-welcomer .welcome-user {
        color: #7b7b7b;
    }

    .head-welcomer {
        margin-bottom: 25px;
    }

    .head-welcomer input[type="text"] {
        width: 100%;
        background: #f5f4f7;
        border: 0;
        border-radius: 7px;
        padding: 10px 45px 10px 15px;
        font-size: 17px;
        background-image: url("/images/icons/icon-search.svg");
        background-repeat: no-repeat;
        background-size: 25px;
        background-position-x: calc(100% - 12px);
        background-position-y: center;
    }

    .head-welcomer input[type="text"]:focus {
        outline: none;
    }

    .category-service-page .category-service-header {
        min-height: 130px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
        position: relative;
    }

    .category-service-page .category-service-header a.go-back {
        position: relative;
        left: 25px;
        color: #000;
        font-size: 40px;
    }

    .category-service-page .category-service-header span.service-name {
        position: absolute;
        left: 25px;
        bottom: 15px;
        font-size: 18px;
        color: #140601;
        display: block;
        width: 65px;
        text-align: left;
    }

    .category-service-page .category-service-list {
        margin-top: 15px;
    }

    .category-service-page a.category-service-item {
        border: 1px solid #e7e7e7;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        padding: 10px;
        position: relative;
        /*padding: 80% 0 0;*/
        display: block;
        margin-bottom: 15px;
        color: #000;
        text-align: center;
    }

    .category-service-page a.category-service-item span.name {
        display: table;
        left: 20px;
        margin: 15px auto 0 auto;
        font-weight: 300;
        font-size: 11px;
    }

    .category-service-page a.category-service-item span.name span {
        font-weight: 500;
        font-size: 14px;
    }

    .current-category-mob {
        text-align: center;
        position: relative;
        margin-bottom: 15px;
    }

    .current-category-mob span.title {
        color: #140601;
        font-size: 25px;
    }

    .current-category-mob .back {
        position: absolute;
        left: 0px;
        top: -2px;
        color: #000;
        font-size: 30px;
        display: table;
    }

    .current-category-mob .filters {
        position: absolute;
        right: 0px;
        top: -2px;
        color: #000;
        font-size: 30px;
        display: table;
    }

    .services-list-mob-header #locate_me,
    .services-list-mob-header #locate_me_2 {
        color: #828282;
        font-size: 15px;
        margin-top: 25px;
        display: block;
    }

    .services-list-mob-header .head-welcomer > p {
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px;
    }

    .label {
        display: inline-block;
        background: #eaf1f9;
        color: #3992ea;
        font-weight: 300;
        font-size: 14px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .ponuda-container h3 {
        color: #333333;
        font-weight: 500;
        margin-top: 0;
        font-size: 17px;
        margin-bottom: 3px;
    }

    .initials {
        /*background: #ffeff1;*/
        /*text-align: center;*/
        /*padding: 16px 0;*/
        /*font-weight: 800;*/
        /*color: red;*/
        /*border-radius: 100%;*/
        /*font-size: 18px;*/
        background: #ffeff1;
        text-align: center;
        padding: 19px 0;
        font-weight: 800;
        color: red;
        border-radius: 100%;
        font-size: 18px;
        display: block;
        width: 63px;
        height: 63px;
        margin: 0 auto;
    }

    .initials-holder {
        display: block;
        padding: 30px 0;
    }

    .initials-holder:hover {
        text-decoration: none;
    }

    .search-page .search-sm {
        box-sizing: border-box;
        display: none;
        border: 0;
        background-color: #a956fa;
    }

    .search-page .search-f {
        width: 100%;
        text-align: center;
        position: relative;
        font-size: 21px;
        padding: 0 10px 15px 10px;
        color: #fff;
    }

    .search-page .search-actions .search-f a {
        color: #fff;
        position: absolute;
        left: 12px;
    }

    .subcategory-filters .search-map {
        margin-top: 15px;
    }

    .subcategory-filters .search-map .map {
        display: block;
        width: 100%;
        height: 176px;
        background-image: url('/images/search-map.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .subcategory-filters .search-map span {
        display: block;
        color: #fff;
        font-size: 16px;
        margin: 15px 0;
    }

    .search-page input[type="text"],
    .search-page input[type="email"],
    .search-page input[type="password"], select {
        border-radius: 7px;
        border: 1px solid #fff;
        color: #fff;
    }

    .search-page input.search-field {
        color: #999999;
    }

    .search-page input.search-field.white {
        color: #fff;
    }

    .subcategory-filters label.section-title {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px;
        margin-top: 20px;
        padding-bottom: 0;
        margin-bottom: 5px;
        color: #cb9bfd;
        display: block;
    }

    .search-wrapper input[name="date"] {
        background-position: 8px 6px;
    }

    .search-wrapper select[name="vrijeme"] {
        background-position: 10px -37px;
    }

    .search-wrapper input[type="text"].txt-input,
    .search-wrapper select.txt-input {
        background-image: url('/images/icons/icons-input.svg');
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 21px;
        color: #fff;
        padding-left: 37px;
        margin-bottom: 15px;
        width: 100%;
        font-size: 14px;
        font-weight: normal;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .search-wrapper input[type="text"],
    .search-wrapper input[type="email"],
    .search-wrapper input[type="password"],
    .search-wrapper select {
        background-color: #a956fa;
        border-radius: 7px;
        border: 1px solid #c38cfc;
        color: #fff;
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
    }

    .search-wrapper input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #c38cfc;
        opacity: 1;
    }

    .search-wrapper input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #c38cfc;
        opacity: 1;
    }

    .search-wrapper input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #c38cfc;
        opacity: 1;
    }

    .search-wrapper input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #c38cfc;
        opacity: 1;
    }

    .search-wrapper input:focus,
    .search-wrapper select:focus {
        outline: none;
    }

    .search-wrapper p.service-list-item {
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        padding: 0;
        margin: 0 0 10px 0;
        position: relative;
    }

    .search-wrapper p.service-list-item i {
        position: absolute;
        right: 10px;
    }

    .search-wrapper ul.service-underlist-items {
        margin-left: -15px;
        margin-right: -15px;
        background: #9e51ec;
        color: #fff;
        padding: 10px 0;
        margin-bottom: 15px;
    }

    .search-wrapper ul.service-underlist-items li label {
        font-weight: 100;
        font-size: 16px;
        padding: 10px 20px;
        marign: 0;
    }

    .search-wrapper ul.service-underlist-items li:first-of-type {
        margin-top: 10px;
    }

    .search-wrapper ul.service-underlist-items i.fa {
        position: absolute;
        right: 20px;
        top: 13px;
        display: none;
    }

    .search-wrapper ul.service-underlist-items li label input:checked ~ i.fa {
        display: inline-block;
    }

    .search-wrapper .c-container .ui-widget-header {
        background: #fff !important;
    }

    .search-wrapper .c-container .ui-widget.ui-widget-content {
        border: 0;
        background: #be81fc;
    }

    .search-wrapper .ui-slider .ui-slider-handle {
        width: 25px;
        height: 25px;
    }

    .search-wrapper .c-container .ui-slider-horizontal .ui-slider-handle {
        top: -9px;
    }

    .search-wrapper .c-container .c-holder {
        margin-bottom: 13px;
        text-align: center;
        font-weight: 300;
        font-size: 17px;
        color: #fff;
    }

    .search-wrapper .accept {
        background-color: #fff;
        border-radius: 40px;
        border: 0;
        color: #b844ff;
        font-size: 17px;
        width: 100%;
        padding: 20px;
        margin: 30px 0;
    }

    .search-wrapper .locme {
        background-color: #fff;
        border-radius: 40px;
        border: 0;
        color: #b844ff;
        font-size: 17px;
        width: 100%;
        padding: 6px;
        margin: 0 0 15px 0;
    }

    .search-wrapper .locme:active,
    .search-wrapper .locme:focus {
        outline: none;
    }

    .search-page .search-breadcrumb {
        margin-bottom: 25px;
    }

    .search-page .search-breadcrumb .label {
        display: inline-block;
        background: #eaf1f9;
        color: #3992ea;
        font-weight: 100;
        font-size: 15px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .search-page .search-breadcrumb .label {
        padding: 10px;
    }

    .web_partner-body .subs-partner .selected::before {
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 11px;
        left: 0;
        top: 2px;
        position: absolute;
    }

    .web_partner-body .subs-partner .selected {
        padding-left: 15px;
        position: relative;
    }

    .web_partner-body .subs-partner .currently-selected {
        background-color: initial;
        color: #8258a3;
        text-decoration: none;
    }

    .subs-partner {
        list-style: none;
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 15px;
    }

    .web_partner-body .subs-partner {
        margin-left: 0;
        margin-right: 0;
    }

    .subs-partner li {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        width: 50%;
    }

    .web_partner-body .subs-partner li {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
    }

    .subs-partner a:before {
        display: none;
    }

    .subs-partner a {
        background-color: #fff;
        font-weight: 100;
        color: #4D4D4D;
        padding: 12px 0px 12px 7px;
        font-size: 14px;
        line-height: 24px;
        display: block;
        border-bottom: 1px solid #ddd;
        position: relative;
        border: 1px solid #e7e7e7;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        padding: 10px;
        position: relative;
        /* padding: 80% 0 0; */
        display: block;
        margin-bottom: 15px;
        color: #000;
        text-align: center;
    }

    .web_partner-body .subs-partner a {
        background-color: #fff;
        font-size: 18px;
        display: block;
        border: 0;
        padding: 0;
        position: relative;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        margin-bottom: 15px;
        text-align: left;
        color: #232323;
        font-family: "Source Sans Pro";
        font-weight: 700;
        text-transform: uppercase;
    }

    .subs-partner a span.cat-name {
        display: table;
        left: 20px;
        margin: 0 auto;
        font-weight: 300;
        font-size: 11px;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
    }

    .subs-partner a span.name {
        display: table;
        left: 20px;
        margin: 15px auto 0 auto;
        font-weight: 300;
        font-size: 11px;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
    }

    .subs-partner a span.name span {
        font-weight: 500;
        font-size: 14px;
    }

    .partner-section-title {
        font-weight: 500;
        text-transform: capitalize;
        color: #343434;
        font-size: 16px;
        margin-top: 30px;
    }

    .partner-section-title.nocap {
        text-transform: none;
    }

    .partner-info .pl-holder {
        padding-left: initial;
        padding-right: initial;
    }

    .partner-info .partner-w-h {
        list-style: none;
        padding: 0;
        color: #858585;
    }

    .partner-info .description {
        color: #858585;
    }

    .partner-info .description.empty {
        background-image: url('/images/icons/notepad.png');
        min-height: 150px;
        background-repeat: no-repeat;
        opacity: 0.2;
        background-size: 100px;
        background-position: center;
    }

    #partnerMap {
        height: 250px;
        border-radius: 7px;
        margin-bottom: 30px;
    }

    .web_partner-body #partnerMap {
        border-radius: 0;
        height: 350px;
    }

    .partner-info .services-treatment-list li,
    #mobile-load-subs .services-treatment-list li {
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        border-radius: 7px;
        cursor: pointer;
    }

    .services-treatment-list li {
        padding: 10px;
    }

    .partner-info .text-left,
    #mobile-load-subs .text-left {
        padding-right: 0;
    }

    #submit-action-holder {
        position: fixed;
        bottom: 7px;
        padding: 20px 0px;
        left: 0px;
        text-align: center;
        border-top: 0;
        width: 100%;
        background: transparent;
        z-index: 9999999999;
        display: none;
    }

    .services-treatment-list {
        border-bottom: 0;
        border-top: 0;
        padding-top: 15px;
    }

    .web_partner-body .services-treatment-list li {
        margin-bottom: 0;
    }

    .web_partner-body .services-treatment-list {
        padding: 0;
    }

    .services-treatment-list h5 {
        padding: 0;
        margin: 0;
    }

    .services-treatment-list li .rightish-selection .treatment-price {
        padding: 0;
        display: block;
    }

    .services-treatment-list li.little-sel {
        background-color: #fcfaff;
        /*border: 1px solid #f6eefe !important;*/
    }

    .services-treatment-list li.vedran {
        background-color: #f6eefe;
        border: 0;
    }

    .navbar-header .go-back-partner {
        position: absolute;
        left: 24px;
        top: 12px;
        color: #000;
        font-size: 30px;
        display: table;
    }

    .btn.btn-proceed.empty.red,
    .btn.btn-proceed-lg.empty.red {
        border-color: #ff4746;
        color: #ff4746;
    }

    .btn.btn-proceed {
        color: #fff;
        background: rgb(159, 74, 242);
        background: linear-gradient(90deg, rgba(159, 74, 242, 1) 0%, rgba(48, 59, 255, 1) 100%);
        border-radius: 30px;
        padding: 15px;
        width: 64%;
        font-size: 15px;
        float: right;
    }

    .btn.btn-proceed-xs {
        color: #fff;
        background: rgb(159, 74, 242);
        background: linear-gradient(90deg, rgba(159, 74, 242, 1) 0%, rgba(48, 59, 255, 1) 100%);
        border-radius: 30px;
        padding: 10px 20px;
        font-size: 15px;
    }

    .btn.btn-proceed-xs.empty {
        background: transparent;
        border: 1px solid rgb(48, 59, 255);
        color: rgb(48, 59, 255);
    }

    .btn.btn-proceed-lg {
        color: #fff;
        background: rgb(159, 74, 242);
        background: linear-gradient(90deg, rgba(159, 74, 242, 1) 0%, rgba(48, 59, 255, 1) 100%);
        border-radius: 30px;
        padding: 15px;
        width: 100%;
        font-size: 15px;
    }

    .btn.btn-proceed-lg.empty {
        background: transparent;
        border: 1px solid rgb(48, 59, 255);
        color: rgb(48, 59, 255);
    }

    .btn.btn-remove-selected {
        color: #fff;
        background: rgb(159, 74, 242);
        background: linear-gradient(90deg, rgb(243, 104, 142) 0%, rgb(245, 73, 73) 100%);
        border-radius: 30px;
        padding: 15px;
        width: 33.333%;
        font-size: 15px;
        float: left;
    }

    .btn.btn-proceed.nf {
        float: none;
    }

    .btn.btn-decline,
    .btn.btn-ignore-viber-integration {
        color: #fff;
        background: rgb(159, 74, 242);
        background: linear-gradient(90deg, rgb(243, 104, 142) 0%, rgb(245, 73, 73) 100%);
        border-radius: 30px;
        padding: 15px;
        width: 33.333%;
        font-size: 15px;
    }

    .reservation-details {
        border: 0;
        padding: 0;
    }

    .reservation-details .kod-partnera {
        /*margin-bottom: 15px;*/
        border-bottom: 1px solid #d9d9d9;
        padding: 15px 0;
    }

    .reservation-details ul.selected-services-list {
        padding-left: 0;
        margin-left: 0;
        /*margin-top: 10px;*/
        border-top: 1px solid #d9d9d9;
    }


    .reservation-details ul.selected-services-list li {
        padding: 10px 0;
        list-style-type: none;
        /*margin-bottom: 10px;*/
        /*position: relative;*/
        /*background: #fdfdfd;*/
        border-bottom: 1px solid #d9d9d9;
    }

    .reservation-details ul.selected-services-list li.not-using-treatments {
        color: red;
    }

    .reservation-details ul.selected-services-list li.not-using-treatments * {
        text-decoration: line-through !important;
    }

    .reservation-details .treatments.info .description {
        float: left;
        display: table;
    }

    .reservation-details .treatments.info .value {
        float: right;
        display: table;
    }

    .reservation-details .treatments.info .clearfix {
        margin-bottom: 10px;
    }

    .reservation-details-form {
        margin: 10px 0;
        padding-top: 20px;
        border-top: 1px solid #d9d9d9;
    }

    .reservation-details-form .btn.btn-proceed {
        margin: 10px 0 0 0;
        width: 100%;
    }

    .reservation-details-form input:focus,
    .bookings input:focus {
        outline: none;
        border-color: #d9d9d9;
        box-shadow: none;
    }

    .reservation-details-form input,
    .bookings input,
    .login-form-holder input {
        border-bottom: 1px solid #d8d8d8;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        box-shadow: none;
        padding: 5px 0;
    }

    .reservation-details-form label,
    .bookings label,
    .login-form-holder label {
        color: #8a8a8a;
        font-weight: 400;
        font-size: 15px;
    }

    .reservation-details-form .has-danger input,
    .bookings .has-danger input,
    .login-form-holder .has-danger input {
        border-bottom: 1px solid #ff4746 !important;
    }

    .bookings .nav-tabs {
        margin-left: -15px;
        margin-right: -15px;
    }

    .bookings .nav-tabs > li {
        width: 33%;
        text-align: center;
    }

    .bookings .nav-tabs > li > a {
        border-right: 0;
        font-size: 16px;
    }

    .bookings .nav-tabs > li.active > a,
    .bookings .nav-tabs > li.active > a:focus {
        color: #a956fa;
        text-decoration: none;
    }

    .bookings .nav-tabs > li.active {
        border-bottom: 3px solid #a956fa;
    }

    .bookings .nav-tabs > li.active > a,
    .bookings .nav-tabs > li.active > a:focus,
    .bookings .nav-tabs > li.active > a:hover {
        border: 0;
    }

    .bookings .viber-integracija-0 {
        padding: 10px;
        border: 1px solid #d8d8d8;
        border-radius: 7px;
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .custom-alert-box,
    .bookings .booking-container-list {
        padding: 10px;
        border: 1px solid #d8d8d8;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    .bookings .booking-container-list .cajt {
        color: #434343;
    }

    .bookings .booking-container-list .mytreatment {
        color: #868686;
        font-size: 12px;
    }

    .bookings .topartner {
        display: block;
        font-size: 16px;
        margin: 5px 0;
    }

    .bookings .booking-container-list .review-separator {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #d8d8d8;
    }

    .bookings .footer-footer {
        color: #868686;
        font-weight: 400;
        text-align: left;
        margin-top: 5px;
    }

    .bookings .moje-informacije {
        height: 24px;
        /*width: 115px;*/
        color: #120603;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .vedransays .vedranissad {
        font-size: 46px;
        color: #c9c9c9;
        background: #f5f5f5;
        display: block;
        margin: 0 auto 30px auto;
        border-radius: 50%;
        width: 90px;
        height: 90px;
        padding: 11px;
    }

    .vedransays p {
        color: #343434;
        font-weight: 500;
        margin-bottom: 0;
    }

    .login-form-holder {
        background: transparent;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .login-form-holder h2
    .become-partner-form h2 {
        width: 250px;
        font-weight: 400;
        font-size: 28px;
        margin: 50px auto 20px;
        display: table;
    }

    .btn-fb {
        color: #fff;
        background-color: #3b5998;
        border-radius: 30px !important;
        font-size: 17px;
        padding: 12px;
    }

    .line-through {
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 17px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d8d8d8;
        line-height: 0.1em;
        margin: 70px 0 50px;
    }

    .line-through.small {
        margin: 30px 0 25px;
    }

    .line-through span {
        background: #fff;
        padding: 0 10px;
        color: #535353;
    }

    .become-partner-working-hours .form-control.time {
        padding: 6px 0;
    }

    .become-partner-working-hours .working-day {
        padding-top: 6px;
        margin: 0;
        padding-left: 6px;
        font-size: 14px;
        font-weight: 300;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 46px;
    }

    .modal {
        height: auto;
        min-height: 400;
    }

    .package-holder {
        border: 1px solid #efecec;
        border-radius: 7px;
        padding: 10px 0;
        margin-bottom: 20px;
        min-height: 87px;
    }

    .package-holder.active {
        background-color: #f7f7f7;
        border: 1px solid #efe3f9;
        box-shadow: 0 0 10px #e2e2e2;
    }

    .package-holder .package {
        display: table;
        margin: 0 auto;
    }

    .package-holder .package.bronze {
        color: #CD7F32;
    }

    .package-holder .package.gold {
        color: #cd7f32;
    }

    .package-holder .package.silver {
        color: #a5a5a5;
    }

    .package-holder .package.platinum {
        color: #9357EA;
    }

    .package-holder .package.exclusive {
        color: #2ECC71;
    }

    .package-holder .package i {
        display: inline-block;
        width: 45px;
        height: 51px;
        font-size: 40px;
        margin-top:12px;
    }

    .package-holder .package.bronze i {
        color: ;
    }

    .package-holder .package.gold i {
        color:;
    }

    .package-holder .package.silver i {
        color: #a5a5a5;
    }

    .package-holder .package span {
        display: inline-block;
        position: absolute;
        top: 11px;
        left: 110px;
    }

    .package-holder.business {
        border:1px solid #cd7f32;
    }

    .postani-partner ul {
        padding: 0 10px 0 0;
        margin: 0;
    }

    .postani-partner p.proceed {
        padding: 0;
    }

    .package-title-silver {
        color: #a5a5a5;
        margin-top: 7px;
        margin-bottom: 5px;
    }

    .package-title-brozne {
        color: #CD7F32;
        margin-top: 7px;
        margin-bottom: 5px;
    }

    .package-title-gold {
        color: #cd7f32;
        margin-top: 7px;
        margin-bottom: 5px;
    }

    .package-title-platinum {
        color: #9357EA;
        margin-top: 7px;
        margin-bottom: 5px;
    }

    .package-title-exclusive {
        color: #2ECC71;
        margin-top: 7px;
        margin-bottom: 5px;
    }

    .package-holder ul.upper li:first-of-type {
        font-size: 15px;
        margin-bottom: 0;
    }

    .package-holder ul.upper li:not(:first-of-type) {
        color: #858585;
        font-size: 12px;
    }

    .user-info-holder .profile-pic img {
        border: 1px solid #eeeeee;
        padding: 10px;
    }

    .user-info-holder .my-profile-pic {
        border: 1px solid #eeeeee;
        padding: 10px;
    }

    .user-info-holder .my-profile-pic .my-pic {
        width: 100%;
        display: block;
        padding: 0 0 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .postani-partner .subtitle {
        font-size: 16px;
        color: #69539C;
        margin-bottom: 30px;
        text-align: center;
    }

    .modal-body input {
        border-radius: 0;
        border-top: 0;
        border-left: 0;
        box-shadow: none;
        border-right: 0;
    }

    .blog-img {
        display: block;
        width: 100%;
        padding: 0 0 100%;
        background-position: center;
        background-size: cover;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .slant {
        position: absolute;
        margin-top: -100px;
        width: 100%;
        height: 100px;
        bottom: 0px;
        left: 0px;
        z-index: 1;
    }

    .slant polygon {
        fill: white;
    }

    .slant-top-grey {
        /*position: absolute;*/
        /*margin-top: -100px;*/
        width: 100%;
        height: 100px;
        /*top:0px;*/
        /*left:0px;*/
        z-index: 1;
    }

    .slant-top-grey polygon {
        fill: white;
    }

    .sect-3 .avg {
        color: #fff;
        font-size: 20px;
        font-weight: 200;
        text-align: right;
        padding-top: 6px
    }

    .sect-3 .perc {
        color: #fff;
        font-size: 50px;
        text-align: left;
        margin-top: 30px;
    }

    .front-reg-biz-btn {
        padding: 10px 15px !important;
    }

    .front-login-btn,
    .front-login-btn:hover {
        height: 40px;
        /*width: 144px;*/

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #E3FFE1 !important;
        padding: 10px 15px !important;
    }

    .front-howtouse-btn,
    .front-howtouse-btn:hover {
        height: 40px;
        /*width: 144px;*/

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #F4DA29 !important;
        padding: 10px 15px !important;
        margin-right: 10px;
    }

    .front-reg-new-btn,
    .front-reg-new-btn:hover {
        height: 40px;
        /*width: 144px;*/

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*background-color: #9357EA !important;*/
        padding: 10px 15px !important;
        margin-right: 10px;
    }

    .navbar-collapse .front-howtouse-btn {
        margin-right: 0px;
        margin-bottom: 5px;
    }

    .results-count {
        font-size: 16px;
        color: #999;
    }

    /* Search filters END */
    .ponuda-br {
        margin-bottom: 30px;
        border-radius: 4px;
        border: 1px solid #f2f2f2;
        padding: 17px;
        position: relative;
        overflow: hidden;
    }

    .ponuda-br:hover {
        /* border-bottom: 5px solid #F2F2F2; */
        /* margin-bottom: 30px; */
        /*box-shadow: 0px 0px 6px #b2cff5;*/
        border: 1px solid #A9C8EE;
    }

    .ponuda-br.ponuda-new {
        border: 1px solid rebeccapurple;
    }

    .ponuda-br.ponuda-new:hover {
        border: 1px solid #9a3fd9;
    }

    .ponuda-br.ponuda-new .as_new {
        font-size: 14px;
        margin: 0;
        background: rebeccapurple;
        color: white;
        padding: 0.5em 0;
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(30%) translateY(0%) rotate(45deg);
        transform-origin: top left;
    }

    .ponuda-br.ponuda-new .as_new:before,
    .ponuda-br.ponuda-new .as_new:after {
        content: '';
        position: absolute;
        top: 0;
        margin: 0 -1px; /* tweak */
        width: 100%;
        height: 100%;
        background: rebeccapurple;
    }

    .ponuda-br.ponuda-new .as_new:before {
        right: 100%;
    }

    .ponuda-br.ponuda-new .as_new:after {
        left: 100%;
    }


    footer ul {
        margin: 0 0 30px 0;
        padding: 0;
        list-style-type: none;
    }

    .hero-15do3 {
        height: calc(100% - 150px);
        min-height: 500px;
        background-image: url('/images/girl2.png');
        background-position: 100% -1px;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #f7c3cf;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hero-15do3.radnje {
        background-image: none;
        background-position: 100% -53px;
        background-repeat: no-repeat;
        background-color: transparent;
        -webkit-background-size: contain;
        background-size: contain;
        /*height: calc(100% - 150px);*/
        /*min-height: 541px;*/
        height: auto;
        min-height: auto;
    }

    .hero-15do3.radnje {
        text-align: center;
    }

    .hero-15do3.radnje h1 p {
        font-size: 18px;
        margin-top: 25px;
        width: 100%;
        line-height: 30px;
    }

    .hero-15do3 form {
        margin-top: -100px;
    }

    .hero-15do3 .hero-wlcm-msg h1 {
        color: #0C0C0C;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .hero-15do3 .hero-wlcm-msg h1 span.p {
        font-weight: 500;
    }

    .hero-15do3 .hero-wlcm-msg h1 span.p span.i,
    .hero-15do3 .hero-wlcm-msg h2 p span {
        color: #FF0000;
        font-weight: 500;
    }

    .hero-wlcm-msg,
    .hero-form,
    .hero-desc {
        width: auto;
        margin-top: 0;
    }

    .container.container-full {
        width: 100%;
        display: block;
    }

    .table .option-name {
        padding: 10px 0;
        word-break: break-word;
    }

    .godisnji-rast {
        display: block;
        background-color: #FFFFFF;
        box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.08);
        justify-content: left;
        padding: 30px;
        border-radius: 6px;
        /*margin-top: -180px;*/
        z-index: 2;
        position: relative;
        margin-top: 60px;
    }

    .godisnji-rast .lijevo {
        /*order: 1;*/
        /*flex: 1;*/
        /*border-right: 1px dashed #D3CD91;*/
        font-size: 54px;
        font-weight: 600;
        color: #6CD065;
        text-align: center;
        padding: 10px 0px;
    }

    .godisnji-rast .centar {
        /*order: 2;*/
        /*flex: 3;*/
        font-weight: 300;
        color: #222222;
        text-align: left;
        /*padding-left: 40px;*/
        font-size: 22px;
        /*align-items: center;*/
        display: flex;
        text-align: center;
        margin-bottom: 30px;
    }

    .godisnji-rast .desno {
        /*order: 2;*/
        /*flex: 1;*/
        font-weight: 300;
        color: #222222;
        text-align: left;
        /*padding-left: 40px;*/
        align-items: center;
        display: flex;
        padding-bottom: 35px;
    }

    .cjenovnik-t {
        background: #F8F8F8;
        padding: 30px 0;
    }

    .icng .col-md-4 {
        border-right: 0px dashed #c4c4c4;
    }

    .icng .col-md-4:last-of-type {
        border-right: 0;
    }

    .hero-15do3.radnje .hero-wlcm-msg p {
        line-height: 22px;
        margin-top: 40px;
    }

    .packages .col-md-4 {
        margin-bottom: 30px;
    }

    .packages .col-md-4:last-of-type {
        margin-bottom: 0;
    }

    .radnje-prednosti-opis {
        padding: 0 0 50px 0
    }

    .radnje-separator {
        margin-top: 0;
    }

    .table-responsive {
        display: block !important;
    }

    .faq h1 {
        font-size: 25px;
    }

    .faq h2 {
        font-size: 20px;
    }

    .faq h2 ~ p {
        margin-bottom: 30px;
    }

    .faq h2:after {
        background: linear-gradient(45deg, rgba(159, 74, 242, 1) 0%, rgba(48, 59, 255, 1) 100%);
        display: block;
        width: 100%;
        content: " ";
        height: 1px;
        margin-top: 5px;
    }

    .my-fav-p-holder {
        position: fixed;
        bottom: 30px;
        width: 100%;
        text-align: center;
        display: block;
    }

    .my-fav-p-holder .stage {
        background: #fff;
        width: 45px;
        height: 45px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #eee;
    }

    .partner-academy {
        background-color: #a956fa;
        /*background-image: url('/images/confetti-hop.svg');*/
        background-repeat: repeat-x;
        padding: 10px 0 50px 0;
        color: #fff;
        margin-top: 20px;
        position: relative;
    }

    /*.partner-academy:after {*/
    /*content: "";*/
    /*background-image: url('/images/confetti-hop.svg');*/
    /*background-repeat: repeat-x;*/
    /*opacity: 0.5;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*position: absolute;*/
    /*!*z-index: -1;*!*/
    /*}*/
    .register-now.academy {
        flex-direction: column;
        height: auto;
        padding: 30px;
    }

    .register-now.academy a {
        border: 0;
        padding: 15px 35px;
        border-radius: 5px;
        /* font-size: 38px; */
        line-height: 47px;
        font-weight: 300;
        font-size: 23px;
        width: 300px;
        font-family: 'Source Sans Pro', sans-serif;
        background: #9357EA;
        /*background: #FF0000;*/
        color: #fff;
        text-align: center;
    }

    .register-now.academy a:hover {
        text-decoration: none;
    }

    .academy-type-small-title {
        text-transform: uppercase;
        margin: 10px 0 5px 0;
        display: block;
    }

    .provjeren-salon {
        width: 17px;
        margin-top: -5px;
    }

    .rate-container .br-theme-fontawesome-stars-o .br-widget a {
        font-size: 35px;
        margin-right: 10px;
    }

    .rate-container .br-theme-fontawesome-stars-o .br-widget a:last-of-type {
        margin-right: 0;
    }

    .rate-container .br-theme-fontawesome-stars-o {
        display: table;
        margin: 15px auto;
    }


    .rate-container .br-theme-fontawesome-stars-o:last-of-type {
        margin-bottom: 30px;
    }

    .rating15do3-label {
        width: 50%;
    }

    .rating15do3.inline {
        float: right;
    }

    .web_partner-header {
        background-color: #232323;
        min-height: 30px;
        height: auto;
        padding: 2px 0 48px 0;
        margin-top: 55px;
    }

    .web_partner-header h1 {
        color: #ffffff;
        font-family: "Source Sans Pro";
        /*font-size: 19px;*/
        font-size: 18px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 0;
    }

    .web_partner-header .lokacija {
        /*width: 117px;*/
        /*height: 36px;*/
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 14px;
        font-weight: 400;

        position: relative;
        padding-left: 35px;
    }

    .web_partner-header .lokacija svg {
        position: absolute;
        left: 0;
        top: 4px;
    }

    .web_partner-header .total-ocjena {
        /* Style for "5.0" */
        height: 27px;
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 21px;
        font-weight: 700;

        margin-left: 0px;
    }

    .web_partner-header .social-holder {
        margin-top: 20px;
    }

    .web_partner-header #logo-partner-preview {
        /*height: 170px;*/
        width: 100%;
    }

    .web_partner-header #overall-partner-rating {
        margin: 16px 0;
    }

    .web_partner-header #overall-partner-rating .desktop {
        margin: 0 0 15px 0;
    }

    .web_partner-header #overall-partner-rating .desktop svg {
        margin-right: 18px;
    }

    .web_partner-header #overall-partner-rating .mobile svg {
        margin-right: 8px;
    }

    .web_partner-header .detail-description {
        margin-top: 20px;
    }

    .web_partner-header .detail-description .slogan span {
        color: #fbd968;
    }

    .web_partner-header .detail-description .slogan {
        /*width: 550px;*/
        color: #ffffff;
        font-family: "Abril Fatface";
        font-size: 30px;
        font-weight: 400;
        /* Text style for "11/10" */
        color: #fff;
    }

    .web_partner-header .detail-description .brief-description {
        opacity: 0.75;
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
    }

    .web_partner-header .header-right-hand {
        position: relative;
    }

    .web_partner-header .header-grey-separator {
        border-bottom: 1px solid rgba(245, 245, 245, 0.5);
    }

    .web_partner-header .rezervisi-se {
        margin-left: 0px;
        color: white;
        margin-bottom: 15px;
        display: block;
    }

    .web_partner-header .socials {
        line-height: 0;
        padding: 10px 0;
        overflow: hidden;
        display: table;
        margin: 0 auto
    }

    .web_partner-header .socials a.facebook svg,
    .web_partner-header .socials a.twitter svg,
    .web_partner-header .socials a.pinterest svg {
        width: 30px;
    }

    .web_partner-header .socials a {
        margin-right: 10px;
        display: table;
        height: 32px;
        width: 32px;
        float: left;
    }

    .web_partner-header .socials .total-shares {
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: 400;

        display: table;
        line-height: normal;
        float: left;
        color: #fff;
        padding: 5px 0;
    }

    .web_partner-header .p-t {
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 24px;
        font-weight: 400;
        margin-top: 31px;
        margin-bottom: 0;
    }

    .web_partner-header .representation-image {
        float: right;
        width: 150px;
    }

    .web_partner-header .popular-treatments {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .web_partner-header .popular-treatments .popular-treatment-item {
        display: inline-block;
        float: left;
        width: 80px;
        margin: 0;
        text-align: center;
        position: relative;
        cursor: pointer;
    }

    .web_partner-header .popular-treatments .popular-treatment-item .circle-grey {
        /*display: block;*/
    }

    .web_partner-header .popular-treatments .popular-treatment-item span {
        position: absolute;
        left: 50%;
        top: 34px;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

    .web_partner-header .popular-treatments .popular-treatment-info {
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 14px;
        font-weight: 400;
        margin: 8px 0 0 0;
        text-align: center;
        height: 40px;
        max-height: 40px;
        overflow: hidden;
    }

    .web_partner-header .popular-treatments .discount {
        width: 64px;
        height: 23px;
        border-radius: 2px;
        background-color: #8258a3;
        text-align: center;
        margin: 8px auto 0 auto;
        display: table;
        color: #fff;
        padding: 8px 0 6px 0;
        line-height: 10px;
    }

    /*ovdje*/
    .web_partner-header .slick-list,
    .web_partner-body .slick-list {
        /*padding:0 30% 0 0;*/
    }

    /*.web_partner-header .popular-treatments .slick-track {margin-left: -7px !important;}*/
    /*.web_partner-body .slick-track */
    .web_partner-body .slick-track {
        display: flex !important;
    }

    .web_partner-body .slick-slide {
        height: inherit !important;
    }

    .web_partner-body .pr-0,
    .web_partner-header .pr-0 {
        padding-right: 0;
    }

    .web_partner-body h3.section-title {
        color: #232323;
        font-family: "Source Sans Pro";
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px solid #cbcbcb;
        line-height: 0.1em;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .web_partner-body h3.section-title span {
        background-color: white;
        padding-right: 14px;
    }

    .web_partner-body .partner_about-us h3.section-title {
        border: 0;
    }

    .web_partner-body .partner_about-us h3.section-title span {
        background: transparent;
    }

    .web_partner-body .galleries {
        margin-top: 24px;
    }

    .web_partner-body .galleries .gallery-item {
        width: 250px;
        margin-right: 30px;
    }

    .web_partner-body .galleries .gallery-item:last-of-type {
        margin-right: 0;
    }

    .web_partner-body .all-treatments {
        margin-top: 24px;
    }

    .web_partner-body .all-treatments .slick-track {
        margin-left: auto;
        margin-right: auto;
    }

    .web_partner-body .rate-title {
        color: #292829;
        font-family: "Source Sans Pro";
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .web_partner-body .p-st:first-of-type {
        margin-top: 16px;
    }

    .web_partner-body .p-st:last-of-type {
        padding-bottom: 14px;
    }

    .web_partner-body .p-st {
        margin-top: 14px;
    }

    .web_partner-body .rating15do3-label {
        width: 100%;
        color: #292829;
        font-family: "Source Sans Pro";
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .web_partner-body .rating-star-holder svg {
        width: 10px;
    }

    .web_partner-body .profile-review-content .review-text {
        margin-top: 14px;
        color: #232323;
        font-family: "Source Sans Pro";
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    .web_partner-body .profile-review-content .date-published {
        color: #232323;
        font-family: "Source Sans Pro";
        font-size: 12px;
        font-weight: 400;
        line-height: 37px;
    }

    .web_partner-body .partner_about-us {
        background-color: #232323;
        padding-bottom: 24px;
        padding-top: 20px;
    }

    .web_partner-body .partner_about-us h2.section-title,
    .web_partner-body .partner_about-us h3.section-title {
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 20px;
        font-weight: 600;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .web_partner-body .partner_about-us h2.yellow,
    .web_partner-body .partner_about-us h3.yellow {
        color: #fbd968;
        font-size: 16px;
        text-transform: uppercase;
    }

    .web_partner-body .partner_about-us p.description {
        color: #ffffff;
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 14px;
    }

    .web_partner-body .partner_about-us .partner-w-h {
        list-style: none;
        padding: 0;
        color: #fff;
    }

    .web_partner-body .partner_about-us .partner-w-h li {
        padding: 10px 0px;
        border-bottom: 1px solid #313131;
    }

    .web_partner-body .partner_about-us .partner-w-h li:last-child {
        border-bottom: 0;
    }

    .web_partner-body .cards-icons .cash {
        background-image: url('/images/icons/cash_payment.png');
        background-position: center;
        float: left;
        width: 50px;
        background-color: white;
        background-size: cover;
        height: 31px;
        border-radius: 3px;
        margin-right: 3px;
    }

    .web_partner-body .cards {
        margin-top: 16px;
    }

    .web_partner-nav {
        top: 0;
        left: 0;
        background-color: #232323;
        min-height: 30px;
        height: auto;
        padding: 15px 0px;
        position: fixed;
        width: 100%;
        z-index: 99;
    }

    .web_partner-nav .container-web_header {
        margin: 0 30px;
    }

    .web_partner-nav .partner-header-logo-holder {
        display: inline-block;
        margin-left: 0px;
        border-left: 1px solid #ddd;
        padding-left: 20px;
        -webkit-transition: all .2s ease-in-out;
        opacity: 0;
    }

    .web_partner-nav .partner-header-logo-holder.show {
        -webkit-transition: all .2s ease-in-out;
        opacity: 1;
    }

    .web_partner-nav .partner-header-logo {
        width: 25px;
    }

    .web_partner-nav .navbar-logo {
        display: inline-block;
        margin: 0 20px 0 0;
    }

    .web_partner-nav .navbar-logo svg {
        width: 60px;
        fill: #fff;
    }

    .modal .modal-content .modal-header .close {
        color: #444 !important;
        opacity: 1;
        font-size: 30px;
    }

    .web_partner-body .icon-holder .circle-gold {
        display: none;
    }

    .web_partner-body .icon-holder.selected .circle-grey {
        display: none;
    }

    .web_partner-body .icon-holder.selected .circle-gold {
        display: block;
    }

    .web_partner-body .all-treatments .slick-slide {
        margin-right: 18px;
        position: relative;
        cursor: pointer;
    }

    .web_partner-body .all-treatments .slick-slide .icon-holder {
        width: 64px;
        height: 64px;
        display: block;
        position: relative;
    }

    .web_partner-body .all-treatments .slick-slide .icon-holder span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

    .web_partner-body .all-treatments .cat-name {
        color: #292829;
        font-family: Source Sans Pro;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        margin: 16px 0 16px 0;
        text-align: center;
        /*width: 100%;*/
        width: 64px;
        vertical-align: center;
    }

    .web_partner-body .mobile-services {
        position: relative;
    }

    .web_partner-body .services-list {
        position: absolute;
        max-height: 200px;
        border-bottom: 1px solid #dddddd;
        background: #fff;
        border-right: 1px solid #dddddd;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-left: 1px solid #dddddd;
        padding: 0 0 0 16px;
        width: 100%;
        top: 43px;
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
        z-index: 2;

        display: none;
    }

    .web_partner-body .current-service-name {
        border-radius: 8px;
        border: 1px solid #dddddd;
        padding: 14px 0 14px 16px;
        cursor: pointer;
    }

    .web_partner-body .current-service-name:after {
        content: "\f107";
        right: 15px;
        top: 18px;
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
    }

    .web_partner-body .services-list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }

    .web_partner-body .services-list::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }

    .web_partner-body .partner-service-selection {
        /*background-image: none;*/
    }

    .web_partner-body #partnerMap {
        margin-bottom: 0 !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

    .sect-3 .perc {
        margin-top: -3px;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

    .container.container-full {
        display: flex;
    }

    .rate-container .br-theme-fontawesome-stars-o .br-widget a {
        font-size: inherit;
        margin-right: inherit;
    }

    .rate-container .br-theme-fontawesome-stars-o .br-widget a:last-of-type {
        margin-right: inherit;
    }

    .rate-container .br-theme-fontawesome-stars-o {
        display: inherit;
        margin: inherit;
    }


    .rate-container .br-theme-fontawesome-stars-o:last-of-type {
        margin-bottom: inherit;
    }

    .rating15do3-label {
        width: inherit;
    }

    .rating15do3 {
        float: inherit;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .web_partner-header .social-holder {
        margin-bottom: 29px;
    }

    .web_partner-header h1 {
        font-size: 25px;
        padding-top: 15px;
        margin-bottom: 15px;
        height: auto;
        line-height: normal;
        display: block;
        border-top: 1px solid rgba(245, 245, 245, 0.5);
        width: 100%;
    }

    .web_partner-header .socials {
        line-height: 0;
        padding: 10px 0;
        overflow: hidden;
        display: block;
        margin: initial;
    }

    .web_partner-body .pr-0,
    .web_partner-header .pr-0 {
        padding-right: 15px;
    }

    .web_partner-body .rating-star-holder svg {
        width: 12px;
    }

    .web_partner-body .p-st svg {
        width: 16px;
    }

    .web_partner-body .partner_about-us {
        background-color: #fff;
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .web_partner-body .partner_about-us h2.section-title,
    .web_partner-body .partner_about-us h3.section-title {
        color: #232323;
        font-family: "Source Sans Pro";
        font-size: 20px;
        font-weight: 600;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .web_partner-body .partner_about-us h2.yellow,
    .web_partner-body .partner_about-us h3.yellow {
        color: #232323;
        font-size: 16px;
    }

    .web_partner-body .partner_about-us p.description {
        color: #232323;
        font-family: "Source Sans Pro";
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }

    .web_partner-body .partner_about-us .partner-w-h {
        list-style: none;
        padding: 0;
        color: #232323;
    }

    .web_partner-body .partner_about-us .partner-w-h li {
        padding: 10px 0px;
        border-bottom: 1px solid #DDDDDD;
    }

    .web_partner-body .partner_about-us .partner-w-h li:last-child {
        border-bottom: 0;
    }

    .web_partner-body h3.section-title {
        color: #232323;
        font-family: "Source Sans Pro";
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px solid #cbcbcb;
        line-height: 0.1em;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .web_partner-body h3.section-title span {
        background: #fff;
    }

    .web_partner-body .partner_about-us h3.section-title {
        border-bottom: 1px solid #cbcbcb;
    }

    .web_partner-body .partner_about-us h3.section-title span {
        background: #fff;
    }

    .web_partner-header #overall-partner-rating {
        margin: 16px 0 0 0;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    
    .prednosti .row-1 .col-md-4,
    .prednosti .row-2 .col-md-4 {
        margin-top: 0px;
    }

    .prednosti .row-2 {
        margin-top: 50px;
    }

    .partner-homepage-call-to-action {
        margin-bottom: 0px;
    }

    .partner-homepage-call-to-action h3 {
        font-size: 24px;
        text-align: center;
        line-height: 24px;
        margin: 20px;
    }

    .my-fav-p-holder {
        display: none;
    }

    .academy-type-small-title {
        text-transform: uppercase;
        margin-top: 0px;
    }

    .icng .col-md-4 {
        border-right: 1px dashed #c4c4c4;
    }

    .icng .col-md-4:last-of-type {
        border-right: 0;
    }

    .table .option-name {
        padding: 10px 0;
        word-break: normal;
    }

    .container.container-full {
        width: 100%;
        display: flex;
    }

    .navbar-header {
        padding: 25px 25px 25px 15px
    }

    .navbar-header svg {
        width: 105px !important;
    }

    .cjenovnik-t {
        background: #F8F8F8;
        padding: 30px 0;
        margin-top: 50px;
    }

    .navbar-nav > li > a {
        padding: 10px 10px;
    }

    .hero-15do3 {
        height: calc(100% - 150px);
        min-height: 500px;
        background-image: url('/images/girl2.png');
        background-position: 100% -1px;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #f7c3cf;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hero-15do3.radnje {
        background-image: url('/images/zelim-otvoriti-radnju-15do3.jpg');
        background-position: 100% -53px;
        background-repeat: no-repeat;
        background-color: transparent;
        -webkit-background-size: cover;
        background-size: cover;
        height: calc(100% - 150px);
        min-height: 541px;
        text-align: left;
    }

    .hero-15do3.radnje h1 p {
        font-size: 18px;
        margin-top: 25px;
        width: 69%;
        line-height: 30px;
    }

    .hero-15do3 form {
        margin-top: -100px;
    }

    .content {
        margin-top: 20px;
    }

    .hero-wlcm-msg,
    .hero-form,
    .hero-desc {
        width: 981px;
    }

    .hero-wlcm-msg {
        order: 1;
    }

    .hero-15do3 .radnje.hero-wlcm-msg p {
        font-size: 18px
    }

    .hero-15do3 .hero-wlcm-msg h1 {
        color: #0C0C0C;
        font-weight: 400;
        margin-bottom: 40px;
    }

    .hero-15do3 .hero-wlcm-msg h1 span.p {
        font-weight: 500;
        display: block;
    }

    .hero-15do3 .hero-wlcm-msg h1 span.p span.i {
        color: #FF0000;
        font-weight: 500;
    }

    .hero-15do3.radnje .hero-wlcm-msg {
        margin-top: -150px;
    }

    .hero-15do3.radnje .hero-wlcm-msg h1 {
        color: #0C0C0C;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .hero-15do3.radnje .hero-wlcm-msg p {
        font-weight: 500;
        margin-bottom: 40px;
        font-size: 18px;
        width: 650px;
        line-height: normal;
        margin-top: auto;
    }

    .hero-15do3.radnje .hero-wlcm-msg p span {
        color: #FF0000;
        font-weight: 500;
    }

    .hero-15do3 form .form-datum input[type="text"] {
        padding-right: 37px;
    }

    .hero-15do3 form input[type="text"] {
        border: 0;
        padding: 15px;
        border-radius: 5px;
        width: 100%;
    }

    .hero-15do3 form input[type="text"]:focus {
        outline: none;
    }

    .hero-15do3 .form-open {
        display: flex;
        justify-content: left;
    }

    .hero-15do3 .form-open .form-pretraga {
        flex: 10 auto;
        padding-right: 10px;
    }

    .hero-15do3 .form-open .form-datum {
        flex: 1 auto;
        padding-right: 10px;
        z-index: 1;
        position: relative;
    }

    .hero-15do3 .form-open .form-datum:after {
        font-size: 20px;
        /* text-shadow: 0px 2px 2px #dcdcdc; */
        content: "\f073";
        position: absolute;
        z-index: 10;
        color: #CCCCCC;
        right: 25px;
        font-family: FontAwesome;
        top: 11px;
    }

    .hero-15do3 .form-open .form-submit {
        flex: 1 auto;
    }

    .hero-15do3 .form-open .form-submit .trazi {
        border: 0;
        padding: 15px;
        border-radius: 5px;
        width: 100%;
        background: #FF0000;
        color: #fff;
    }

    .hero-15do3 .hero-desc {
        order: 3;
        margin-top: 12px;
    }

    .hero-15do3 .hero-desc p {
        color: #343434;
        display: inline-table;
    }

    .hero-15do3 .hero-desc p:first-of-type {
        border-right: 1px solid #e8d1d8;
        padding-right: 30px;
    }

    .hero-15do3 .hero-desc p:last-of-type {
        text-decoration: underline;
        padding-left: 30px;
    }

    .hero-15do3 .hero-desc p:last-of-type a,
    .hero-15do3 .hero-desc p:last-of-type a:hover {
        color: #343434;
        position: relative;
        padding-left: 10px;
    }

    .hero-form {
        order: 1;
    }

    .o-nama {
        display: flex;
        background-color: #FFFDEA;
        justify-content: left;
        padding: 30px;
        border-radius: 6px;
        margin-top: -100px;
        z-index: 2;
        position: relative;
    }

    .o-nama .lijevo {
        order: 1;
        flex: 1 30%;
        border-right: 1px dashed #D3CD91;
        font-size: 22px;
        font-weight: 300;
        color: #222222;
        text-align: center;
        padding: 24px 0px;
    }

    .o-nama .desno {
        order: 2;
        flex: 1 auto;
        font-weight: 300;
        color: #222222;
        text-align: left;
        padding-left: 40px;
    }

    .godisnji-rast {
        display: flex;
        background-color: #FFFFFF;
        box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.08);
        justify-content: left;
        padding: 30px;
        border-radius: 6px;
        margin-top: -180px;
        z-index: 2;
        position: relative;
    }

    .godisnji-rast .lijevo {
        order: 1;
        flex: 1;
        border-right: 1px dashed #D3CD91;
        font-size: 54px;
        font-weight: 600;
        color: #6CD065;
        text-align: center;
        padding: 10px 0px;
    }

    .godisnji-rast .centar {
        order: 2;
        flex: 3;
        font-weight: 300;
        color: #222222;
        text-align: left;
        padding-left: 40px;
        font-size: 22px;
        align-items: center;
        display: flex;
    }

    .godisnji-rast .desno {
        order: 2;
        flex: 1;
        font-weight: 300;
        color: #222222;
        text-align: left;
        padding-left: 40px;
        align-items: center;
        display: flex;
    }

    .btn-fb {
        width: 100px;
        display: table;
        margin: 0 auto;
    }

    .login-form-holder h2,
    .become-partner-form h2 {
        width: 100%;
        /*width: 250px;*/
        font-weight: 400;
        font-size: 28px;
        margin: 50px auto 20px;
        display: table;
    }

    .become-partner-working-hours .working-day {
        padding-top: 6px;
        margin: 0;
        padding-left: 6px;
        font-size: 14px;
        font-weight: 300;
        -ms-text-overflow: initial;
        text-overflow: initial;
        width: 85px;
    }

    /* Search filters START */
    .search-page .search-f {
        width: 100%;
        text-align: center;
        position: relative;
        font-size: 21px;
        padding: 0 10px 15px 10px;
        color: #fff;
    }

    .search-page .search-actions .search-f a {
        color: #fff;
        position: absolute;
        left: 12px;
    }

    .subcategory-filters .search-map {
        margin-top: 15px;
    }

    .subcategory-filters .search-map .map {
        display: block;
        width: 100%;
        height: 176px;
        background-image: url('/images/search-map.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .subcategory-filters .search-map span {
        display: block;
        color: #fff;
        font-size: 16px;
        margin: 15px 0;
    }

    .search-page input[type="text"],
    .search-page input[type="email"],
    .search-page input[type="password"], select {
        border-radius: 7px;
        border: 1px solid #fff;
        color: #fff;
    }

    .subcategory-filters label.section-title {
        font-weight: 300;
        text-transform: initial;
        font-size: 14px;
        margin-top: 20px;
        padding-bottom: 0;
        margin-bottom: 5px;
        color: #8c8c8c;
        display: block;
        font-family: "Source Sans Pro";
    }

    .search-page .search-sm {
        display: block;
        border: 1px solid #E7E7E7;
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(210, 210, 210, 0.42);
    }

    .search-wrapper input[name="date"] {
        background-position: 8px 6px;
    }

    .search-wrapper select[name="vrijeme"] {
        background-position: 10px -37px;
    }

    .search-wrapper input[type="text"].txt-input,
    .search-wrapper select.txt-input {
        background-image: url('/images/icons/icons-input-gray.svg');
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 21px;
        color: #270702;
        padding-left: 37px;
        margin-bottom: 15px;
        width: 100%;
        font-size: 14px;
        font-weight: normal;
        -webkit-appearance: initial;
    }

    .search-wrapper input[type="text"],
    .search-wrapper input[type="email"],
    .search-wrapper input[type="password"],
    .search-wrapper select {
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #CDCDCD;
        color: #270702;
    }

    .search-wrapper input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #B9BABA;
        opacity: 1;
        font-size: 12px;
    }

    .search-wrapper input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #B9BABA;
        opacity: 1;
        font-size: 12px;
    }

    .search-wrapper input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #B9BABA;
        opacity: 1;
        font-size: 12px;
    }

    .search-wrapper input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #B9BABA;
        opacity: 1;
        font-size: 12px;
    }

    .search-wrapper input:focus,
    .search-wrapper select:focus {
        outline: none;
    }

    .search-wrapper p.service-list-item {
        color: #7B7B7B;
        font-weight: 300;
        font-size: 14px;
        padding: 0;
        margin: 0 0 10px 0;
        position: relative;
        cursor: pointer;
    }

    .search-wrapper p.service-list-item i {
        position: absolute;
        right: 10px;
    }

    .search-wrapper ul.service-underlist-items {
        margin-left: -15px;
        margin-right: -15px;
        background: #fff;
        color: #777777;
        padding: 0;
        margin-bottom: 15px;
    }

    .search-wrapper ul.service-underlist-items li label {
        font-weight: 100;
        font-size: 13px;
        padding: 5px 20px;
        marign: 0;
        cursor: pointer;
    }

    .search-wrapper ul.service-underlist-items li:first-of-type {
        margin-top: 10px;
    }

    .search-wrapper ul.service-underlist-items i.fa {
        position: absolute;
        right: 20px;
        top: 13px;
        display: none;
    }

    .search-wrapper ul.service-underlist-items li label input ~ i.fa.unchecked {
        display: inline-block;
    }

    .search-wrapper ul.service-underlist-items li label input:checked ~ i.fa {
        display: inline-block;
    }

    .search-wrapper .c-container .ui-widget-header {
        background: #ff0000 !important;
    }

    .search-wrapper .c-container .ui-widget.ui-widget-content {
        border: 0;
        background: #E4E4E4;
    }

    .search-wrapper .ui-slider .ui-slider-handle {
        width: 20px;
        height: 20px;
    }

    .search-wrapper .c-container .ui-slider-horizontal .ui-slider-handle {
        top: -7px;
        background: #fff;
    }

    .ui-state-default, .ui-widget-content .ui-state-default {
        border: 3px solid #ff0000;
    }

    .search-wrapper .c-container .c-holder {
        margin-bottom: 13px;
        text-align: center;
        font-weight: 300;
        font-size: 17px;
        color: #ff0000;
    }

    .search-wrapper .accept {
        background-color: #fff;
        border-radius: 40px;
        border: 0;
        color: #b844ff;
        font-size: 17px;
        width: 100%;
        padding: 20px;
        margin: 30px 0;
    }

    .search-wrapper .locme {
        background-color: #ff0000;
        border-radius: 40px;
        border: 0;
        color: #fff;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        border-radius: 4px;
        margin: 0 0 15px 0;
    }

    .ponuda-container h3 {
        color: #333333;
        font-weight: 600;
        margin-top: 0;
        font-size: 18px;
        margin-bottom: 6px;
    }

    .blog-img {
        height: 320px;
        padding: 0;
    }

    #submit-action-holder > div {
        width: 50% !important;
    }

    footer ul {
        margin: 0;
    }

    .radnje-prednosti-opis {
        padding-left: 100px;
        padding-top: 90px;
    }

    .radnje-separator {
        margin-top: 100px;
    }

    .table-responsive {
        display: table !important;
    }

    .register-now.academy {
        flex-direction: column;
        height: 300px;
        /*padding-top: 50px;*/
    }

    .provjeren-salon {
        width: 22px;
        margin-top: 0px;
    }

    .web_partner-body .current-service-name {
        display: none;
    }

    .web_partner-body .services-list {
        position: initial;
        max-height: initial;
        display: block !important;
        border: 0;
    }

    .web_partner-header .detail-description .brief-description {
        /*height: 100px;*/
        /*max-height: 100px;*/
    }

    .web_partner-header {
        padding: 2px 0 30px 0;
        margin-top: 55px;
    }

    .web_partner-header .detail-description .slogan {
        font-size: 50px;
        line-height: 46px;
        min-height: 114px;
        height: auto;
    }

    .peskirko-lg .representation-image {
        float: none;
        width: 100%;
    }

    .web_partner-header .total-ocjena {
        font-size: 28px;
    }

    .web_partner-header h1 {
        /*font-size: 36px;*/
        font-size: 25px;
    }

    .web_partner-header .header-right-hand .with-web-icon {
        height: 230px;
    }

    .web_partner-header .header-right-hand .with-web-icon .peskirko-lg {
        height: 100%;
    }

    .web_partner-header .header-right-hand .with-web-icon .peskirko-lg .flex-holder {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        align-items: center;
    }

    .web_partner-header #logo-partner-preview {
        width: 100%;
    }

    .web_partner-header .total-ocjena {
        margin-left: 8px;
    }

    .web_partner-header .rezervisi-se {
        margin-left: 8px;
    }

    .web_partner-header .detail-description {
        margin-top: 0px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}


input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider.purple {
    background-color: #9f4af2;
}

input:disabled + .slider {
    cursor: not-allowed;
}

input:disabled:checked + .slider.purple {
    background-color: rgba(159, 74, 242, 0.46);
}

input:disabled + .slider.purple {
    background-color: #dfdfdf;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.modal-content {
    -webkit-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.modal-footer {
    /*padding: 0;*/
    border-top: none;
}

.my-employees.table {
    margin-bottom: 10px;
}

.subhead {
    position: relative;
    background: #F2F2F2;
    padding: 30px;
    margin-bottom: 40px;
}

.subhead h1 {
    color: #69539C;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 100;
    margin: 0;
}

.subhead a.idi-nazad {
    position: absolute;
    left: 30px;
    top: 34px;
    font-size: 40px;
    color: #348fe9;
}

.subhead .procenat {
    line-height: 1px;
    height: 5px;
    background: #e1e1e1;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 200px;
    display: block;
    margin: 14px auto;
    overflow: hidden;
}

.subhead .procenat .i {
    display: block;
    height: 6px;
    position: relative;
    background: #348fe9;
}

.subhead h1 {
    font-size: 16px;
    text-align: center;
    color: #348fe9;
}

.postani-partner ul.services li .service,
.postani-partner ul.treatments li .treatment {
    border: 1px solid #e3e3e3;
    color: #878787;
}

.preporucujemo {
    color: #0C0C0C;
    font-weight: 300;
    margin: 35px 0 35px 0;
}

.preporucujemo.grey {
    margin: 10px 0 35px 0;
}

.new-partners-home {
    /*background: #F8F8F8;*/
    /*border: 1px solid #F8F8F8;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.new-partner-home:first-of-type {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;

}

.new-partner-home:last-of-type {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;

}

.new-partner-home {
    background: #F8F8F8;
    padding: 15px 0 10px 0;
}

.new-partner-home:hover {
    background: #e9e9e9;
    /*border: 1px solid #e9e9e9;*/
}

.procitaj-sve {
    padding: 15px 35px;
    color: #3A3A3A;
    background-color: #CFCFCF;
    border-radius: 4px;
}

.procitaj-sve:hover {
    color: #3A3A3A;
}

.blog-item {
    margin-bottom: 20px;
    padding-top: 15px;
}

.blog-desc {
    display: block;
    max-height: 300px;
    height: 145px;
}

.blog-desc h3 {
    font-size: 14px;
    color: #343434;
}

.blog-desc p {
    font-size: 13px;
    font-weight: 300;
    color: #343434;
}

.packages .package {
    display: block;
    width: 100%;
    /*height: 525px;*/
    height: auto;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    padding-bottom: 36px;
}

.packages .package.silver {
    border-top: 15px solid #EBEBEB;
}

.packages .package.silver strong {
    font-weight: normal;
    background-color: #7B7B7B;
    color: #fff;
    padding: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.packages .package.gold {
    border-top: 15px solid #cd7f32;
}

.packages .package.gold strong {
    font-weight: normal;
    background-color: #F4DA29;
    color: #343434;
    padding: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.packages .package.platinum {
    border-top: 15px solid #9357EA;
}

.packages .package.platinum strong {
    font-weight: normal;
    background-color: #9357EA;
    color: #fff;
    padding: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.packages .package.silver .type {
    color: #7B7B7B;
}

.packages .package.gold .type {
    color: #F4DA29;
}

.packages .package.platinum .type {
    color: #9357EA;
}

.packages .package .type {
    margin: 36px auto;
    display: table;
    height: 23px;
    width: 43px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
}

.packages .package .lorem-ipsum {
    height: 36px;
    width: 262px;
    color: #343434;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.packages .package .price {
    display: table;
    margin: 0 auto;
}

.packages .package .price span:first-of-type {
    height: 45px;
    width: 36px;
    color: #343434;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 36px;
    line-height: 45px;
    text-align: center;
}

.packages .package .price span:last-of-type {
    height: 23px;
    width: 23px;
    color: #343434;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
}

.packages .package .per-month {
    height: 15px;
    width: 53px;
    color: #858585;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin: 0 auto;
    display: table;
}

.packages .package ul {
    list-style: none;
    width: 70%;
    margin: 30px auto 0 auto;
    padding-left: 20px;
}

.packages .package ul li {
    /*height: 18px;	*/
    /*width: 190px;	*/
    color: #343434;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    margin-bottom: 3px;
}

.packages .package ul li i.fa {
    position: absolute;
    left: -18px;
    color: #43A63C;
    top: 4px;
}

.packages .package .choose-holder {
    /*position: absolute;*/
    bottom: 25px;
    width: 100%;
}

.packages .package .choose {
    border: 0;
    border-radius: 4px;
    background-color: #E3FFE1;
    color: #43A63C;
    padding: 15px 35px;
    margin: 0 auto;
    display: table;
}

.packages .package .choose-holder a {
    text-align: center;
    margin: 10px auto;
    display: table;
}

.register-now .action a {
    border: 0;
    padding: 15px 35px;
    border-radius: 5px;
    /* font-size: 38px; */
    line-height: 47px;
    font-weight: 300;
    font-size: 23px;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    background: #FF0000;
    color: #fff;
}

.register-now {
    display: flex;
    height: 350px;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
}

.register-now.academy {
    margin-top: 60px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}

.register-now .action {
    order: 1;
    flex: 1 auto;
    text-align: right;
}

.register-now .action a:hover {
    text-decoration: none;
}

.register-now .msg {
    order: 1;
    flex: 1 auto;
}

.register-now .msg p {
    color: #222222;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 28px;
}

.register-now .msg h3 {
    color: #0C0C0C;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 38px;
    line-height: 47px;
}

.blog-href:hover {
    text-decoration: none;
}

.blog-href {
    text-decoration: none;
    display: block;
}

.blog-href.news {
    border: 5px solid #fff;
    border-radius: 7px;
}

.blog-href.promo {
    border: 5px solid #F4DA29;
    border-radius: 7px;
}

.blog-href.promo .blog-desc {
    padding: 0 5px;
}

.media-holder {
    text-align: center;
    width: 100%;
    height: 100px;
}

.media-holder img {
    width: 70px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    -webkit-transition: all .2s ease-in-out;
}

.media-holder img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.newclients-hidden,
.testimonials-hidden {
    margin: 30px 0 60px 0;
    height: 320px;
    overflow: hidden;
    transition: all 500ms linear;
    opacity: 0;
}

.newclients-visible,
.testimonials-visible {
    height: auto;
    overflow: visible;
    transition: all 500ms linear;
    opacity: 1;
}

.testimonial-15do3 a,
.testimonial-15do3 a:hover {
    color: inherit;
    text-decoration: none;
}

.testimonial-15do3 blockquote {
    /*min-height: 210px;*/
    display: block;
}

.testimonial-15do3 blockquote p {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25;
    /*min-height: 200px;*/
}

.testimonial-15do3 blockquote footer {
    padding: 0;
    margin: 0;
    border: 0;
}

.testimonial-15do3 .fa.fa-quote-right {
    color: #5db4c0;
    font-size: 13px;
    padding-right: 10px;
}

.latest-reviews-homepage {
    border: 1px solid #F0F0F0;
    border-radius: 0px;
    padding: 20px;
    display: block;
    color: #333;
}

.latest-reviews-homepage:hover {
    text-decoration: none;
    color: #333;
}

.save-user-info-viber,
.povezi-me {
    text-align: center;
    cursor: pointer;
    display: block;
    padding: 5px 15px !important;
    border-radius: 4px;
    border: 0;
    /* margin-top: 15px; */
    background-color: #a956fa;
    color: #fff;
}

.save-user-info-viber:hover,
.povezi-me:hover {
    text-decoration: none;
    color: #fff;
}

footer {
    font-family: 'Source Sans Pro', sans-serif;
    background: transparent !important;
    border-top: 1px solid #D8D8D8;
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 50px;
}

footer h4 {
    color: #343434;
    font-size: 14px;
    font-weight: bold;
}

footer ul li {
    color: #343434;
    font-size: 12px;
    padding: 0;
}

footer ul li a {
    color: #343434;
    font-weight: 400;
    display: table;
}

footer ul li a:hover {
    color: #343434;
    text-decoration: underline;
}

.fa.check-mark-15do3 {
    height: 18px;
    width: 18px;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    font-size: 17px;
    font-weight: 100;
    color: red;
}

.vidi-sve-popuste:hover,
.vidi-sve-popuste {
    border: 0;
    padding: 15px 35px;
    border-radius: 5px;
    /* font-size: 38px; */
    /*line-height: 47px;*/
    font-weight: 300;
    font-size: 23px;
    /*width: 300px;*/
    font-family: 'Source Sans Pro', sans-serif;
    background: #9357EA;
    /* background: #FF0000; */
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    text-decoration: none;
    display: inline-block;
}

/*#date-field::-webkit-input-placeholder,*/
/*#search-field::-webkit-input-placeholder {*/
/*!* WebKit, Blink, Edge *!*/
/*color: #333;*/
/*}*/
/*#date-field:-moz-placeholder,*/
/*#search-field:-moz-placeholder {*/
/*!* Mozilla Firefox 4 to 18 *!*/
/*!*color: #909;*!*/
/*!*opacity: 1;*!*/
/*}*/
/*#date-field::-moz-placeholder,*/
/*#search-field::-moz-placeholder {*/
/*!* Mozilla Firefox 19+ *!*/
/*!*color: #eee;*!*/
/*!*opacity: 1;*!*/
/*}*/
/*#date-field:-ms-input-placeholder,*/
/*#search-field:-ms-input-placeholder {*/
/*!* Internet Explorer 10-11 *!*/
/*!*color: #eee;*!*/
/*}*/

.partner-info .review-container-partner-page {
    display: table;
    float: right;
    margin-top: 15px;
}

.partner-info .average-reviews h2 {
    margin-right: 15px;
    font-weight: 200;
    font-size: 25px;
    color: #69539C;
    float: right;
    margin-top: 15px;
}

.partner-info .average-reviews .review-stars {
    float: right;
    margin-top: 18px;
    background-image: url('/images/icons/icon-asset-purple.png');
    background-position: -4px -274px;
    background-repeat: no-repeat;
    display: table;
    width: 165px;
    height: 28px;
}

.partner-info .average-reviews .review-stars .fill {
    background-position: -3px -141px;
    background-image: url('/images/icons/icon-asset-purple.png');
    background-repeat: no-repeat;
    display: table;
    height: 28px;
}

.partner-info .partnername {
    font-weight: 300;
    color: #69539C;
    /*padding-left: 25px;*/
    margin-top: 10px;
}

.ios,
.ios * {
    cursor: pointer;
}

.package-holder {
    cursor: pointer;
}

.package-holder .more-details {
    display: none;
}

.scale-up-center {
    -webkit-animation: scale-up-center 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation-delay: 1.6s;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

#box-object {
    /*background-color: #3e3e3e;*/
    width: 60px;
    height: 60px;
    overflow: hidden;
    box-sizing: border-box;
    position: fixed;
    bottom: 23px;
    left: 26px;
    background: linear-gradient(45deg, rgba(159, 74, 242, 1) 0%, rgba(48, 59, 255, 1) 100%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 40px;
    text-align: center;
    color: #fff;
    z-index: 30;
}

#box-object:hover {
    text-decoration: none;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 10px;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}

.ui-state-active {
    /*border: 0 !important;*/
    background: #fffde8 !important;
}

.ui-autocomplete {
    max-height: 200px;;
    overflow-y: scroll;
    overflow-x: hidden;
}

.cards-icons img {
    width: 50px;
}

.heart {
    width: 100px;
    height: 100px;
    background: url("https://cssanimation.rocks/images/posts/steps/heart.png") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    transition: background-position 1s steps(28);
    transition-duration: 0s;

    position: absolute;
    left: -28px;
    top: -27px;
}

.heart.is-active {
    transition-duration: 1s;
    background-position: -2800px 0;
}

.stage {
    margin: 10px 0;
    position: relative;
    top: -4px;
    left: 0;
    display: block;
    width: 45px;
    height: 38px;
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
}

.modal .modal-content .modal-header .close {
    color: #a7abc3;
    /* font-family: "LineAwesome"; */
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    outline: none !important;
}

.academy-info-data {
    background-color: #E3FFE1;
    color: #777;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 10px;
}

ul.discounted-treatments {
    padding: 0;
    list-style: none;
}

ul.discounted-treatments li a {
    padding: 10px 10px;
    display: flex;
    color: #140601;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

ul.discounted-treatments li a:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}

ul.discounted-treatments li {
    border-bottom: 1px solid #f2f2f2;
}

ul.discounted-treatments li:last-of-type {
    border-bottom: 0;
}

ul.discounted-treatments li a .treatment {
    /*display: table;*/
    /*float: left;*/
    flex: 1;
    text-align: left;
}

ul.discounted-treatments li a .treatment.not-available {
    text-decoration: line-through;
}

ul.discounted-treatments li a .price-discount {
    /*display: table;*/
    /*float: right;*/
    flex: 1;
    text-align: right;
}

ul.discounted-treatments li a .price-discount .price {
    display: block;
    text-align: right;
    text-decoration: line-through;
    /*font-size:14px;*/
    color: #aaa;
    font-weight: bold;
}

ul.discounted-treatments li a .price-discount .discount {
    display: block;
    text-align: right;
    font-weight: bold;
    color: #9357EA;
}

ul.discounted-treatments li a .price-discount .discount span,
.new-price-span {
    font-weight: bold;
    font-size: 23px;
    color: white;
    background: #9357EA;
    padding: 0 3px;
    border-radius: 7px;
}

ul.discounted-treatments li a .current-price {
    /*color: #aaa;*/
    font-weight: bold;
}

.treatment-price .current-date {
    /*display: table;*/
    /*float: right;*/
    font-weight: 300;
    margin-bottom: 3px;
    font-size: 12px;
}

.discounts-homepage .single-discount {
    color: #222222;
}

.discounts-homepage .single-discount:hover {
    color: #222222;
    text-decoration: none;
}

.aktivni-popusti-hp {
    color: #333;
}

.aktivni-popusti-hp:hover {
    color: #333;
    text-decoration: none;
}

.hp-discount-container {
    position: relative;
    box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    margin-bottom: 30px;
}

.hp-discount-container .discount-percentage {
    position: absolute;
    left: -15px;
    top: 10px;
    font-size: 19px;
    padding: 15px;
    text-align: center;
    border-radius: 7px;
    background-color: #9357EA;
    color: white;
}

.hp-discount-container .partner-image {
    padding: 66% 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.hp-discount-container .d-service {
    text-align: center;
    font-size: 14px;
    padding: 15px 0 0 0;
    color: #777
}

.hp-discount-container .d-treatment {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 15px 0;
    height: 50px;
    overflow: hidden;
}

.hp-discount-container .d-old-price {
    float: left;
    width: 49%;
    text-align: center;
}

.hp-discount-container .d-old-price p {
    text-decoration: line-through;
}

.hp-discount-container .d-new-price {
    float: right;
    width: 49%;
    text-align: center;
}

.hp-discount-container .d-new-price b {
    font-weight: bold;
}

.hp-discount-container .d-price-holder {
    width: 90%;
    margin: 15px auto 0 auto;
    border-top: 1px solid #eaeaea;
    padding: 10px 0;
    text-align: center;
}

.hp-discount-container .when {
    display: block;
    color: #9c9b9b;
}

.hp-discount-container .date {
    padding: 0;
    color: #484848;
    font-weight: bold;
}

.d-partner-message h5 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    /*color: #3ecf8e;*/
    color: #9357EA;
    position: relative;
    margin-bottom: 5px;
}

.d-partner-message h5:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -7px;
    bottom: -7px;
    left: -10px;
    width: 50px;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: #9357EA;
    opacity: .1;
    /*background: #f2feef;*/
}

.uredi-link-partner {
    color: #fff;
    background: #0b8cf0;
    border-radius: 8px;
    padding: 1px 8px;
    font-size: 12px;
}

.uredi-link-partner:hover {
    color: #fff;
    text-decoration: none;
}

.drmuckaj {
    animation: drmuckaj 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes drmuckaj {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.unified-panel-header__sandbox-banner {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 4px solid #F56812;
    text-align: center;
    line-height: 0;
    overflow: hidden !important;
    z-index: 5;
}

.unified-panel-header__sandbox-content {
    color: #fff;
    height: 1.3rem;
    position: relative;
    display: inline-block;
    padding: 0 .8rem .2rem;
    font-size: 1rem;
    letter-spacing: .05em;
    background: #F56812;
    line-height: 1;
}

.unified-panel-header__sandbox-content::before {
    left: -2px;
}

.unified-panel-header__sandbox-content::before, .unified-panel-header__sandbox-content::after {
    content: "";
    position: absolute;
    width: 4px;
    top: 0;
    height: 21px;
    z-index: -1;
    background: #F56812;
    transform: perspective(2px) rotateX(-30deg);
}

.unified-panel-header__sandbox-content::after {
    right: -2px;
}

.unified-panel-header__sandbox-content::before, .unified-panel-header__sandbox-content::after {
    content: "";
    position: absolute;
    width: 4px;
    top: 0;
    height: 21px;
    z-index: -1;
    background: #F56812;
    transform: perspective(2px) rotateX(-30deg);
}

#choose-gender-modal div.title.blue {
    color: #337ab7;
}

#choose-gender-modal div.title.red {
    color: #F26B6A;
}

#choose-gender-modal div.title {
    margin-bottom: 15px;
    color: #777;
}

#choose-gender-modal h1 {
    font-size: 22px;
}

.gender-option {
    filter: grayscale(100%);
    -webkit-transition: all .2s ease-in-out;
}

.gender-option .male {
    width: 69px;
}

.gender-option .female {
    width: 52px;
}

#choose-gender-modal .none:hover {
    text-decoration: none;
}

#choose-gender-modal a:hover {
    text-decoration: none;
}

#choose-gender-modal .none {
    margin-top: 25px;
    display: block;
}

.gender-option:hover {
    cursor: pointer;
    filter: grayscale(0);
    -webkit-transition: all .2s ease-in-out;
}

.category-yiyle i {
    font-size: 19px;
}

.category-yiyle {
    border-bottom: 1px solid #ddd;
    font-size: 25px;
    font-weight: 100;
    margin-top: 10px;
    padding-bottom: 6px;
}

.mobile-store {
    display: block;
    margin-bottom: 5px;
}

.mobile-store a {
    width: 100px;
}

.mobile-store img {
    filter: grayscale(100%);
    -webkit-transition: all .2s ease-in-out;
}

.mobile-store img:hover {
    filter: grayscale(0%);
    -webkit-transition: all .2s ease-in-out;
}

.mobile-store:first-of-type {
    margin-top: 10px;
}

.footer_social_holder {
    margin: 6px 0;
}

.footer_social_holder a {
    filter: grayscale(100%);
    color: #000;
    margin-right: 14px;
    display: inline-block !important;
    background-image: url('/images/icons/15do3-social-icons.png');
    background-repeat: no-repeat;
    background-size: 108px;
    width: 29px;
    height: 29px;
    -webkit-transition: all .2s ease-in-out;
}

.footer_social_holder a:hover {
    filter: grayscale(0%);
    -webkit-transition: all .2s ease-in-out;
}

.footer_social_holder a.fb {
    background-position: 0 0;
}

.footer_social_holder a.ig {
    background-position: -40px 0px;
}

.footer_social_holder a.yt {
    background-position: -81px 0;
}

.progress {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    z-index: 9999;
    background-color: #f2f2f2
}

.bar {
    background: linear-gradient(90deg, rgba(159, 74, 242, 1) 0%, rgba(48, 59, 255, 1) 100%);
    width: 0%;
    height: 2px;
    border-radius: 0
}

.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%
}

.slick-prev:before, .slick-next:before {
    color: gray;
}

.miniLoader-div {
    padding: 20px;
    text-align: center;
}

.invite-text-box a {
    color: inherit;
}

.invite-text-box {
    border: 1px solid #D8D8D8;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 18px;
}

.mainmenu .large-mainmenu.dropdown {
    position: unset;
}

.large-main-menu {
    min-width: 100%;
    top: 86px;
    border: 0;
    border-top: 1px solid #9357EA;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 14px 12px rgba(0, 0, 0, .175);
    border-bottom: 1px solid #eee;
}

.large-main-menu strong {
    padding: 10px 5px;
    display: block;
}

.category-listing-menu-title {
    width: 150px;
    float: left;
}

.category-listing-in-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(100% - 150px);
}

.category-listing-in-menu li:hover {
    background: #9357EA;
    color: #fff;
    border-radius: 5px;
}

.category-listing-in-menu li:hover a {
    text-decoration: none;
    color: #fff;
}

.category-listing-in-menu li {
    display: inline-block;
}

.category-listing-in-menu li a {
    padding: 10px 5px;
    display: block;
    color: #222222;
}

.category-listing-in-menu:first-of-type {
    padding-left: 15px;
}

.partner-homepage-call-to-action {
    background: linear-gradient(90deg, rgba(159, 74, 242, 1) 20%, rgba(48, 59, 255, 1) 100%);
}

.navbar-language {
    right: 50px;
    border: 0;
    padding: 4px;
}

.navbar-language .lang-flag {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.navbar-language-desktop .lang-flag {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

img.flag-country-desktop {
    display: inline-block;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
}

img.flag-country {
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Opera and Firefox */
}


.sides-shadow:before {
    box-shadow: -15px 0 15px -15px inset;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
.sides-shadow:after {
    box-shadow: 15px 0 15px -15px inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
}
.sides-shadow {
    /*background: none repeat scroll 0 0 #EEEEEE;*/
    /*height: 100px;*/
    /*margin: 50px;*/
    position: relative;
    /*width: 100px;*/
}

.this-on {
    color: #cd7f32;
    /*color: #9357ea;*/
    font-weight: 600;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: #fdf2e7;
}