.sort-by-dropdown ul li a.active::before{
    color: black
}
.sort-by-dropdown ul li a:hover{
    background-color: black;
    color: white !important;
}
.widget-category-2 .count{
    background-color: black !important;
    color: white !important;
}
.pagination-area .page-item.active .page-link, .pagination-area .page-item:hover .page-link{
    background-color: black !important;
    color: white !important;
}
::selection {
    background: #adadad; /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background: #adadad; /* Gecko Browsers */
    color: #fff;
}
#gdpr-cookie-message {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 30px;
    max-width: 375px;
    background-color: rgba(255, 255, 255, .95);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e8ebf3;
    box-shadow: 0 8px 20px 0 rgba(40, 37, 89, .6);
    margin-right: 30px;
    text-align: center;
    display: none
}

#gdpr-cookie-message button {
    border: none;
    background: #000000;
    color: #fff;
    font-size: 15px;
    padding: 7px 18px;
    border-radius: 3px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s ease-in
}

#gdpr-cookie-message li {
    width: 49%;
    display: -webkit-inline-box
}

#gdpr-cookie-message input[type=checkbox] {
    float: none;
    margin-top: 0;
    margin-right: 5px
}

button#gdpr-cookie-advanced {
    margin-left: 4px;
    margin-right: 4px
}
#gifLoader{
    position:fixed;
    width:100% !important;;
    height:100% !important;;
    background-color:#FFFFFF !important;;
    background-repeat:no-repeat !important;;
    background-position:center !important;;
    z-index:10000000 !important;;
    opacity: 0.4 !important;;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#gifLoader img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 50px;
}
@media only screen and (max-width:320px){
    .mobile-header-wrapper-style{
        width: 320px;
    }
}
@media only screen and (max-width:480px){
    .price_table .text-end{
        text-align: center !important;
    }
}
.slider-nav-thumbnails button.slick-arrow:hover{
    background: black !important;
}
.invalid-feedback{
	display: block;
}
.select2-container{
    width: 100% !important;
}
.custom_select .select2-container{
    max-width: inherit !important;
}
.search-style-1 form input{
    width: 100% !important;
}
.search-style-1 form{
    width: 100% !important;
}
.search-style-1{
    width: 732px !important;
}
@media only screen and (max-width:1200px){
    .search-style-1{
        width: 550px !important;
    }
}
/*@media only screen and (max-width:1200px) and (min-width: 1110){
    .search-style-1{
        width: 552px !important;
    }
}
@media only screen and (max-width:1200px) and (min-width: 1115){
    .search-style-1{
        width: 552px !important;
    }
}*/
.header-action-right{
    display: inherit;
}
.shopping-cart-title{
    width: 52%;
}
.product-cart-wrap {
    border: 1px solid #e2e2e2 !important;
}
.required:after {
    content:" *";
    color: red;
}
.btn-search-bar{
    background: black !important;
    border-radius: 0px 26px 25px 0px !important;
    color: white !important;
}
.btn-search-bar:hover{
    background: #2a2a2a !important;
}
.search-style-1 form button {
    border-radius: 0px 22px 21px 0px !important;
}
#Reviews .user {
    width: 100%;
}
#Reviews .user .thumb  {
    width: 13%;
}
#Reviews .user .desc  {
    width: 85%;
}
.img-review{
    border-radius: 14px !important;
    margin-bottom: 13px !important;
}
.icon-services{
    color: black;
    font-size: 45px;
}
/* for footer linked documents  */
.legal_documents_css {
   margin: 5% 10% ;
}
.legal_documents_css p {
    margin: 1em 0;
}
.subsections {
    font-weight: bold;
    color:#646464;
}
.index-list-elements {
    font-size: 120%;
    transition: font-size .1s;
}
.index-list-elements:hover {
    font-size: 150%; 
}
.strernum {
    color: #0a0a0a;
}
/*help buttons*/
@media only screen and (min-width:1120px) {
    #button_structure1 {
        display: flex;
    }
    #button_structure1 .help-button {
        flex-grow: 1;
        margin: 1em;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width:1120px) {
    #button_structure1 .help-button {
        float: left;
        margin: 1em;
    }
}
.clear_box {
    clear: both;
}
.center_title {
    text-align: center;
}