/*Theme Name: Kloe ChildTheme URI: http://kloe.select-themes.com/Description: A child theme of Kloe ThemeAuthor: Select ThemesAuthor URI: http://kloe.select-themes.comVersion: 1.0.0Template: kloe*/@import url("../kloe/style.css");/* -------------------------------------------------------------------------- *//* Top header - items */@media only screen and (max-width: 1000px) {        .qodef-top-bar .qodef-position-left-inner {        display: none;    }        .header-phone {        float: left;    }        .header-phone .qodef-icon-shortcode {        margin-left: 0 !important;    }}/* -------------------------------------------------------------------------- *//* Main menu */.qodef-main-menu>ul>li>a {    letter-spacing: normal;}@media only screen and (min-width: 1025px) and (max-width: 1200px) {    .qodef-search-opener {        padding-left: 10px;    }        .qodef-main-menu>ul>li>a span.item_inner {        padding: 0 5px;    }}/* -------------------------------------------------------------------------- *//* Main menu -> Logo */.qodef-logo-wrapper a {    height: 24px !important;}/* -------------------------------------------------------------------------- *//* Home page -> animations */.animations-fix .vc_column_container>.vc_column-inner {    padding-right: 14px;}/* Home page -> main slider */.carousel-inner .item .qodef-image {    top: 30px;    height: 100%}/* -------------------------------------------------------------------------- *//* Home page -> Counters */.qodef-counter-holder.center {    padding: 20px 0;}/* -------------------------------------------------------------------------- *//* Home page -> Aktuelnosti */.aktuelnosti h2 {    color: #fefefe;}.aktuelnosti .qodef-blog-slider-info-inner  {    background-color: transparent !important;}.aktuelnosti .qodef-post-info-date {    color: #fefefe !important;}.aktuelnosti .qodef-post-info-author, .aktuelnosti a {    color: #fefefe !important;}.qodef-blog-slider-holder .qodef-blog-slider-items .qodef-blog-slider-info-inner {    padding: 0;}.aktuelnosti .qodef-blog-slider-holder .qodef-blog-slider-items .qodef-blog-slider-item-inner .qodef-blog-slider-image a::after {    content: '';    position: relative;    top: 0;    left: 0;    height: 100%;    width: 100%;    background: initial !important;    opacity: 0;    -webkit-transition: opacity .6s ease;    -moz-transition: opacity .6s ease;    transition: opacity .6s ease;}.aktuelnosti .qodef-blog-slider-item-inner {	-webkit-filter: brightness(70%) !important;	-webkit-transition: all .5s ease;	-moz-transition: all .5s ease;	-o-transition: all .5s ease;	-ms-transition: all .5s ease;	transition: all .5s ease;}.aktuelnosti .qodef-blog-slider-item-inner:hover {	-webkit-filter: brightness(100%) !important;}.qodef-blog-slider-holder .qodef-blog-slider-items .qodef-blog-slider-title {    margin-bottom: 0;}/* -------------------------------------------------------------------------- *//* Home page -> Testimonials */.qodef-testimonials.boxed .qodef-testimonial-content {    border-bottom: 4px #000 solid;}/* -------------------------------------------------------------------------- *//* About us -> Direktori */@media only screen and (max-width: 600px) {    .accoridon-quotes .qodef-accordion-holder {        padding: 20px 20px 0 20px;    }   }.accoridon-quotes .qodef-accordion-holder {    padding-top: 20px;}.accoridon-quotes .qodef-accordion-holder .qodef-title-holder .qodef-accordion-mark {    display: none;}.accoridon-quotes .qodef-accordion-holder.qodef-initial .qodef-title-holder .qodef-tab-title {    padding: 0;}.accoridon-quotes .qodef-accordion-holder.qodef-initial .qodef-title-holder .qodef-tab-title span.qodef-tab-title-inner {    font-family: Raleway,sans-serif;    font-size: 13px;    line-height: 25px;    text-transform: none;    color: #000;    letter-spacing: 0;    font-weight: 400;    text-align: justify;}.accoridon-quotes .qodef-accordion-holder .qodef-accordion-content {    padding-top: 0 !important;}/* -------------------------------------------------------------------------- *//* About us -> Brojevi */.qodef-process-text-holder {    text-align: justify;}/* -------------------------------------------------------------------------- *//* Brands -> image white line fix *//* Brands -> responsive fix */.qodef-portfolio-list-holder article .qodef-item-image-holder a img, .qodef-portfolio-list-holder article .qodef-item-image-holder img {    max-width: 101%;    width: 101%;}/* Owl slider height *//*.owl-item {    height: 50vh;    width: 100%;    background-size: cover;    background-position: center center;    background-repeat: no-repeat;}*//* -------------------------------------------------------------------------- *//* Title - Breadcrumbs */.qodef-title .qodef-title-holder .qodef-breadcrumbs-holder .qodef-breadcrumbs {    float: left;}.qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner {    padding-top: 24px;}.qodef-breadcrumb-type, .qodef-breadcrumb-type .qodef-title-holder {    height: 58px !important;}.qodef-title.qodef-breadcrumb-type {    padding: 0;}.qodef-title .qodef-title-holder .qodef-breadcrumbs-holder .qodef-breadcrumbs {    margin: 0;}/* -------------------------------------------------------------------------- *//* FAQ page, etc. - Accordion */.qodef-accordion-holder .qodef-title-holder {    height: auto;}/* -------------------------------------------------------------------------- *//* Brands, Projects -> "Related projects" title */.qodef-portfolio-single-holder .qodef-portfolio-related-holder h5 {    display: none;}/* -------------------------------------------------------------------------- *//* Post info author */.qodef-post-info-author {    display: none !important;}.qodef-blog-holder.qodef-masonry-full-width {    margin-bottom: 50px;    overflow: hidden !important;}/* Blog - load more button */.qodef-blog-load-more-button-holder {    text-align: center;    margin: 30px;}/* Sidebar archive links */aside.qodef-sidebar .widget:not(.qodef-separator-widget) ul>li {    margin-bottom: 5px;}/* -------------------------------------------------------------------------- *//* Form page - Prijava za CV */.press-application-form label {    font-size: 15px;    margin-bottom: 10px;    outline: none;}.press-application-form div {    margin-top: 15px;}.press-application-form input, .press-application-form textarea{    font-size: 13px;    padding-left: 15px;}.press-application-form input {    height: 33px;}.press-application-form input:focus-visible, .press-application-form textarea:focus-visible {    outline: none;}/*.press-application-form textarea {*//*    height: 100px;*//*    padding-top: 15px;*//*    font-family: "Roboto", sans-serif;*//*}*/.press-application-form .workposition {    height: 80px;}.form-container {    max-width: 1200px;    margin-left: auto;    margin-right: auto;    padding: 43px 0 50px;}.form-wrap {    max-width: 550px;    margin-left: auto;    margin-right: auto;}.form-text-center {    text-align: center;}.form-flex {    display: flex;    flex-direction: column;}.press-application-form .form-button {    padding: 0 15px;    height: 40px;    line-height: 36px;    border-radius: 40px;    border: none;    font-size: 14px;    font-weight: 600;    font-family: "Poppins", sans-serif;    background-color: #222;    color: #fff;    transition: all .3s ease;    margin-top: 17px;}.form-button:hover {    background-color: #b50938;    cursor: pointer;}.press-application-form .press-checkbox input {    height: initial;}.press-checkbox {    display: flex;}.press-checkbox input{    margin-right: 10px;}.press-required {    color: #b50938;    font-size: 20px;    line-height: 1;    position: relative;    top: 5px;}.success-custom-msg {    color: green;    font-size: 20px;}@media (max-width: 784px) {    .form-wrap {        padding: 0 10px;    }}.comment-wrapper.hidden-comment-content-dropdown.hidden-comment-content-1.show-hidden .low-res {    display: block;}
#maincontent select:not([multiple]), #maincontent select.form-control:not([multiple]), #maincontent select.input-text:not([multiple]) {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(https://staging.fashionandfriends.com/pub/static/version1671540156/frontend/SyncIt/FashionandFriends/sr_Latn_RS/images/select-bg.svg) no-repeat scroll 100% 45%;
    height: 40px;
    text-indent: 0.01em;
    text-overflow: "";
    padding: 0 25px 0 10px;
}
#maincontent select, #maincontent select.form-control,#maincontent select.input-text {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}
#maincontent select {
    cursor: pointer;
}
#maincontent button,#maincontent select {
    text-transform: none;
}
#maincontent .form-group {
    margin-bottom: 15px;
}
#maincontent select:not([multiple]) option,#maincontent select.form-control:not([multiple]) option,#maincontent select.input-text:not([multiple]) option {
    height: 40px;
    padding: 8px 10px;
}
#maincontent .contact-form-content .actions-toolbar button {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
}
#maincontent .btn-primary {
    color: #fff;
    border: 2px solid #222;
    background-color: #222 !important;
}
#maincontent .btn {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    height: 40px;
    font-weight: 600;
    padding: 0 35px;
    line-height: 36px;
    background-color: transparent;
}
#maincontent .btn {
    font-family: "Poppins";
}
#maincontent .margin-bottom60 {
    margin-bottom: 60px;
}

#maincontent .field>.label,#maincontent .form-group>.label,#maincontent .field>label,#maincontent .form-group>label {
    display: inline-block;
    font-weight: 500;
}
#maincontent .label,#maincontent label {
    color: #878787;
    padding: 0;
    margin: 0 0 9px;
    font-weight: 400;
    text-align: left;
    line-height: inherit;
}
#maincontent input[type=text], #maincontent input[type=password], #maincontent input[type=url], #maincontent input[type=tel], #maincontent input[type=search], #maincontent input[type=number], #maincontent input[type=datetime], #maincontent input[type=email] {
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    font-size: 14px;
    height: 40px;
    line-height: 36px;
    padding: 0 10px;
    vertical-align: baseline;
    width: 100%;
    color: #878787;
    box-shadow: none !important;
}
#maincontent .field.required>label:after, #maincontent .form-group.required>label:after, #maincontent .field._required>label:after, #maincontent .form-group._required>label:after, #maincontent .field.required>.label:after, #maincontent .form-group.required>.label:after, #maincontent .field._required>.label:after, #maincontent .form-group._required>.label:after {
    color: #b50938;
    content: "*";
    font-size: 13px;
    margin: 0 0 0 3px;
}

/*FROM SECTION maincontent*/
#maincontent {
    min-height: 400px;
}
@media (min-width: 1200px) {
    #maincontent .container {
        width: 1200px;
    }
}
#maincontent .page-title-wrapper+.page-main {
    margin-top: 25px;
}
#maincontent .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#maincontent .row {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 1200px) {
    #maincontent .col-lg-12 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    #maincontent .col-sm-6 {
        width: 50%;
    }
}
#maincontent .margin-bottom60 {
    margin-bottom: 60px;
}
@media (min-width: 768px) {
    #maincontent .col-sm-1, #maincontent .col-sm-2,#maincontent .col-sm-3,#maincontent .col-sm-4,#maincontent .col-sm-5,#maincontent .col-sm-6,#maincontent .col-sm-7,#maincontent .col-sm-8,#maincontent .col-sm-9,#maincontent .col-sm-10,#maincontent .col-sm-11,#maincontent .col-sm-12 {
        float: left;
    }
}
#maincontent .margin-bottom10 {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    #maincontent .col-sm-12 {
        width: 100%;
    }
}
#maincontent #html-body [data-pb-style="605BD5D7C4186"] {
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    border-style: none;
    border-width: 1px;
    border-radius: 0px;
    margin: 0px 0px 10px;
    padding: 10px;
}
#maincontent div[data-content-type=row]>div {
    padding: 0 !important;
}
#maincontent #html-body [data-pb-style="605BD5D7C4193"] {
    border-style: none;
    border-width: 1px;
    border-radius: 0px;
    margin: 0px 0px 0px -15px;
    padding: 0px;
}
#maincontent .contact-form-content select {
    color: #878787;
    font-size: 14px;
    font-family: "Poppins",arial,tahoma;
    letter-spacing: normal;
}
#maincontent .contact-form-content h5{
    text-transform: capitalize;
    font-family: "Poppins",arial,sans-serif !important;
    font-weight: 600;
    margin: 1rem 0;
    color: #000;
    line-height: 1.428;
    letter-spacing: .5px;
}
#maincontent textarea, #maincontent textarea.form-control,#maincontent textarea.input-text {
    width: 95%;
    height: auto;
    border: 1px solid #ccc;
    min-height: 120px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    background: #fff;
    box-shadow: none;
    padding: 15px;
    box-shadow: none !important;
    color: #878787;
    font-family: "Poppins", arial, tahoma;
}
@media(max-width: 520px){
    #maincontent textarea, #maincontent textarea.form-control,#maincontent textarea.input-text {
        width: 92%;
    }
}
#maincontent form textarea {
    resize: none;
}
#maincontent .contact-form-content .actions-toolbar button{
    transition: 0.5s;
    cursor: pointer;
}
#maincontent .contact-form-content .actions-toolbar button:hover{
    background-color: #b50938 !important;
    border: 2px solid #b50938;
    transition: 0.3s;
}
.parent-title-page {
    display: flex;
    margin-bottom: 25px;
}
.parent-title-page a {
    color: #222;
    margin-right: 10px;
}
.parent-title-page p {
    margin-left: 5px;
}

.error-message{
    display: none;
}

.error, .reason-error{
    color: #b50938 !important;
    font-size: 12px;
    font-style: italic;
}
.input-text.form-control{
    color: #878787 !important;
    font-style: unset;
}
div#notice-phone span {
    font-size: 13px;
    text-transform: unset;
}
select#reason {
    color: #878787 !important;
    font-style: unset;
}