/*image*/
img.img-fluid {
    object-fit: cover!important;
    width: 100%;
    height: 100%!important;
    transition: 0.5s ease;
}

img.img-fluid:hover {
    cursor: pointer;
    transform: scale(1.05);
    transition: 0.5s ease;
}
div.float-end{
    display: none;
}
#list_fullordering_chosen{
    display: none;

}
#list_limit_chosen{
    display: none;
}

/*toolbar*/
.view-designers .js-stools-container-bar .btn-toolbar {justify-content: flex-start;}
.js-stools-container-bar {padding: 0;}
.js-stools-container-bar {margin: 0!important;margin-bottom: 8px!important;}
.btn-toolbar .input-group {width: 100%;}
.pagination.pagination-toolbar.clearfix {display: flex;justify-content: flex-start;line-height: 50px;}
div#limit_chosen {margin-left: 10px;}
a.chosen-single {/* width: 60px; */font-size:14px!important;}


/*filter search*/
input#filter_search::placeholder {
    color: #fff;
}

input#filter_search {
    height: 50px;
    border-radius: 0px!important;
    font-size: 16px;
    background: white!important;
    color: #000!important;
}

button.filter-search-bar__button.btn.btn-primary {
    height: 50px;
    background: #273e8a;
    border: 1px solid;
    line-height: 0px;
    padding: 10px 20px;
}

.js-stools-container-bar .filter-search-bar.btn-group {width: 50%;}




/*filter option*/
button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter {
    height: 50px;
    padding: 10px 15px;
    font-size: 16px;
    background: #273e8a !important;
    border: 1px solid;
    width: 80%;
    text-align: left;
    margin:0px;
}

button.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
    height: 50px!important;
    padding: 10px 20px;
    background: #273e8a;
    border: 1px solid;
    font-size: 16px;
}

.view-designers .filter-search-actions.btn-group {width: 48%;}


/*sorting - limit*/
a.chosen-single, select#list_fullordering, select#list_limit {height: 50px!important;border-radius: 0px!important;box-shadow: none!important;font-size: 16px;padding: 12px 10px!important;background: #ffffff!important;color: #000!important;}
.js-stools-field-list {width: 100%;}
.chosen-container-single .chosen-single div{top:10px;}
.chosen-container-single .chosen-single span {margin: 0;font-size: 14px;}
.ordering-select .js-stools-field-list:nth-child(2) {width: 40%;}
.js-stools-container-bar .ordering-select {display: flex;/* width: 27%!important; */margin-right: 0px;}
.chosen-drop {background: #ffffff!important;color: #000!important;}.chosen-drop li{background: #ffffff!important;color:#000!important;}



/*filter option 2nd level*/
.js-stools-container-filters.clearfix.js-stools-container-filters-visible {justify-content: center;grid-gap: 8px;margin-top: 8px;}
.js-stools-container-filters.clearfix.js-stools-container-filters-visible,
select#filter_design_style,select#filter_catid{background: transparent;width: 100%;padding: 0;margin: 0;/* justify-content: space-between; */}
.js-stools-field-filter {/* width: 35%; *//* margin: 5px 0px; *//* float: left; *//* margin-inline-end: 0px; */grid-gap: 10px;}
select#filter_design_style,select#filter_catid {height: 50px;border-radius: 0px;color: #fff;padding: 0px 20px;line-height: 50px;}

/*mobile filter*/
@media (max-width: 768px){
button.filter-search-actions__button.btn.btn-primary.js-stools-btn-filter {width: 80%;text-align: left;color: #fff;}
.filter-search-bar.btn-group, .filter-search-actions.btn-group {width: 100%!important;display: block;margin-right: 0;}
.filter-search-actions.btn-group {display: flex;margin-right: 0;color: #fff;}
.js-stools-container-bar .ordering-select {display: flex;width: 100%!important;margin: 0;margin-top: 5px;}
.js-stools-field-list {width: 100%;}}




/*designer*/
.col-md-6.border.border-dark.designer-row .row {display: flex;align-items: center;}
.designer-name {font-weight: 900;font-size: 22px;margin-bottom: 15px;display: block;}
a.designer-profile-btn {padding: 0;font-size: 16px;background: transparent!important;color:#fff;border:0px;}
a.designer-profile-btn:hover{color:#fff!important;background: transparent!important;border:0px!important;opacity:1;}
a.designer-profile-btn {position: relative;}
a.designer-profile-btn:after {position: absolute;content: '';width: 30px;height: 2px;transition:0.5s ease;background:#fff;margin:auto;bottom:0;top:0;margin-left:10px;}
a.designer-profile-btn:hover:after {width: 60px;background: #fff;transition:0.5s ease;}
.row.designer-profiles-wrapper {margin-top: 30px;}
.designer-row {margin-bottom: 30px!Important;}
span.close.cursor {color: #fff;}


/*designer details left*/
p.designer-name {margin-top: 30px;font-size: 25px;font-family: 'cg-bold';margin-bottom: 0px;}.view-designer .col-4.border.rounded-3 {padding: 30px 20px!important;border-radius:0px!important;background:#8b5e3c ;}
.col-xs-12.col-sm-4.border.rounded-3.designer-detail-left {
    padding: 0 15px!important;
    border: 0px!important;
    padding-bottom: 30px!important;
}
.designer-detail-left .detail-left {
    padding: 30px;
    border: 1px solid #d1d1d1ab;
    background: #8b5e3c;
}


/*designer details right*/
select#design_style, .view-designer section#sp-main-body select.form-control {font-size: 15px!important;padding: 10px 15px!important;line-height: 1.2;color: #fff!important;background: #272521!important;border: 1px solid #ffffff82;border-radius: 0px!important;height: 50px;}
.com-dt-designer select {/* -webkit-appearance: listbox !important; */}
.row.designer-row button {height: 50px;box-shadow: none!important;border: 0px;padding: 10px 14px;background: #8b5e3c;}
p.designer-position {font-weight: 500!important;font-family: 'cg-bold';margin-top: 15px;}
.designer-row .col-4 {margin-bottom: 30px;}


/*designer gallery*/
button.close.cursor {z-index: 9;transform: scale(0.7);transform-origin: right top;background: #8b5e3c;color: #fff!important;box-shadow: none;padding:15px;}

div#GalleryModal {height: fit-content;width: 100%!important;height: 100%;background: #000000ab!important;}

div#GalleryModal .prev, div#GalleryModal .next {
    background: #8b5e3c!important;
    color: #fff !important;
    font-family: 'fangsong';
}

@media (max-width: 480px){
div#GalleryModal .prev, div#GalleryModal .next {top: 43%;}
.row.designer-row button, .step-detail button{height: 50px;box-shadow: none!important;border: 0px;padding: 10px 14px;margin-top: 30px;}
button.close.cursor {z-index: 9;transform: scale(0.7);transform-origin: right top;background: #8b5e3c;color: #fff!important;box-shadow: none;top: 25%;right: 0px;}
}

.view-designer .modal-content, .view-step .modal-content, .view-projectmanagement .modal-content{border: 0px!important;width: 70%;margin: auto;top: 5%;}

@media (max-width: 767px){
div#GalleryModal {
    height: 100%!important;
    top: 50%!important;
    width: 100%!important;
}

.view-designer .modal-content, .view-step .modal-content, .view-projectmanagement .modal-content {border: 0px!important;width: 100%;margin: auto;top: 35%;}
}

.mySlides img {
    width: 100%;
}



/*pagination*/

.com-dt-designer .limit.float-end {
    /* display: inline-flex; */
}
.com-dt-designer ul.pagination-list.d-flex.list-unstyled.ms-2 {
    margin-bottom: 0px!important;
}


.com-dt-designer nav.pagination-wrapper ul li.page-item .page-link,div.pagination ul li.page-item .page-link {
    min-width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    padding: 0px;
    text-align: center;
    background: #273e8a;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0px;
}

.com-dt-designer nav.pagination-wrapper ul li.page-item.active .page-link,
.com-dt-designer div.pagination ul li.page-item.active .page-link {
    color: #ffffff;
    background-color: #8b5e3c;
    border-color: #ffffff
}

.com-dt-designer section .fa-angle-right:before {
    content: '\f105'!important;
}


/*end designer*/




