.samplesPage .productBox {
    box-shadow: 0 4px 20px #bfbbc4;
}

    .samplesPage .productBox img {
        filter: drop-shadow(0 2px 10px #bfbbc4);
    }

    .samplesPage .productBox .col-lg-4 {
        align-self: center !important;
    }

    .samplesPage .productBox .brand {
        width: 100px !important;
        height: auto;
    }

    .samplesPage .productBox h6 {
        margin: 20px auto;
        color: #a09f9f;
    }

        .samplesPage .productBox h6 span {
            color: #132666;
        }

    .samplesPage .productBox a:hover {
        color: #7a7a7a !important;
    }

.samplesPage .btn-addToCart {
    background-color: #ebb801;
    color: #fff;
    padding: 20px 10px;
    border: none;
}

    .samplesPage .btn-addToCart:hover {
        animation: Btn .3s linear;
    }

.gray {
    color: #a09f9f;
}

.contactTitle {
    text-align: center;
    font-weight: bolder;
    color: #6a95cc;
    position: relative;
}

    .contactTitle:after {
        position: absolute;
        content: " ";
        right: 0;
        top: 20px;
        width: 10%;
        height: 4px;
        background-color: #6a95cc;
    }

    .contactTitle:before {
        position: absolute;
        content: " ";
        left: 0;
        top: 20px;
        width: 10%;
        height: 4px;
        background-color: #6a95cc;
    }

.samplesPage .col-lg-2 a {
    color: #6a95cc !important;
    font-weight: 700 !important;
}

    .samplesPage .col-lg-2 a :hover {
        color: #132666 !important;
    }

.samplesPage .col-lg-2 img {
    width: 100%;
    height: 150px;
}

@media(max-width:992px) {
    .contactTitle:after, .contactTitle:before{
        display:none;
    }
}

@keyframes Btn {
    0% {
        background-image: linear-gradient(140deg, #f7c512 0, #f7c512 10%, #ebb801 10%, #ebb801 100%);
    }

    15% {
        background-image: linear-gradient(140deg, #f7c512 0, #f7c512 30%, #ebb801 30%, #ebb801 100%);
    }

    30% {
        background-image: linear-gradient(140deg, #f7c512 0, #f7c512 30%, #f7c512 30%, #f7c512 80%, #ebb801 80%, #ebb801 100%);
    }

    45% {
        background-image: linear-gradient(140deg, #ebb801 0, #ebb801 20%, #f7c512 20%, #f7c512 100%);
    }

    60% {
        background-image: linear-gradient(140deg, #ebb801 0, #ebb801 40%, #f7c512 40%, #f7c512 100%);
    }

    85% {
        background-image: linear-gradient(140deg, #ebb801 0, #ebb801 60%, #f7c512 60%, #f7c512 100%);
    }

    100% {
        background-image: linear-gradient(140deg, #ebb801 0, #ebb801 80%, #f7c512 80%, #f7c512 100%);
    }
}

#sharemodal img {
    width: 2.5rem;
    height: 2.5rem;
}

#sharemodal .modal-content {
    border: unset !important;
}

#sharemodal .modal-dialog {
    margin-top: 10rem;
}

.box {
    border: unset;
    box-shadow: 0 0 15px #b9b9b9;
    margin-bottom: 2rem;
}

    .box .card-body {
        padding: 0;
    }

        .box .card-body a.hashtag, .postcard .card-body a.hashtag {
            color: #6a95cc !important;
            margin-right: 1rem;
        }

            .box .card-body a.hashtag:hover, .postcard .card-body a.hashtag:hover {
                color: #39669d !important;
            }

.postcard, .blogcard {
    height: 22.6rem;
    border: unset;
    box-shadow: 0 0 5px #c4c4c4;
    margin-bottom: 2rem;
}
.madebyPage .postcard {
    height: 19rem;
}
.madebyPage .postcard .card-img-top {
    max-height: 14rem;
}
    .postcard .card-img-top, .blogcard .card-img-top {
        max-height: 13rem;
        overflow-y: hidden;
        transition: all .3s ease;
    }
    .postcard:hover .card-img-top {
        filter: brightness(70%) !important;
    }

        .postcard .card-body {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
.keywords .hashtag {
    color: #a09f9f !important;
    margin:0 .3rem;
}
.keywords .hashtag:hover{
    color:#6a95cc !important;
}
        .box .card-body a, .postcard .card-body a {
            color: #4c4d4d !important;
        }

            .box .card-body a:hover, .postcard .card-body a:hover {
                color: #628bbe !important;
            }

    .postcard small {
        color: #9a9999;
        margin-bottom: .2rem;
    }

.detailsv {
    position: relative;
    display: block;
    color: #c1bfbf;
}

.postcard .detailsn {
    position: absolute;
    top: -.8rem;
    right: -.6rem;
    font-size: small;
    color: #666767;
}

.detailsv .fa-thumbs-up.green {
    color: #5ec445 !important;
}

.detailsv:hover .fa-thumbs-up {
    color: #5ec445;
}

.detailsv:hover .fa-thumbs-down {
    color: #e25959;
}

.detailsv .fa-thumbs-down.red {
    color: #e25959 !important;
}
.detailsv:hover .fa-eye {
    color: #5b83b7;
}

.media {
    border-bottom: 1.2px solid #d5d5d5;
}

    .media img {
        width: 6rem;
        height: 6rem;
        margin: .5rem;
    }

    .media .media-body {
        padding: .5rem;
        align-self: normal;
    }

    .media small {
        color: #989898;
    }

.activepage {
    background-color: #b7c9e1;
    box-shadow: 0 0px 15px #c7c7c7 !important;
}

.page-link {
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    margin: .5rem;
    box-shadow: 0 0px 10px #ccc !important;
}

    .page-link:focus {
        box-shadow: 0 0px 10px #ccc !important;
    }

.page-item:last-child .page-link, .page-item:first-child .page-link {
    border-radius: 50% !important;
}

.samplespage .containercheckbox {
    display: block;
    position: relative;
    margin: 0;
    margin-bottom:.7rem !important;
    padding-right: 2rem;
    cursor: pointer;
    font-size: .8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .samplespage .containercheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.samplespage .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #d9d8d8;
}

.samplespage .containercheckbox:hover input ~ .checkmark {
    background-color: #d9d8d8;
}

.samplespage .containercheckbox input:checked ~ .checkmark {
    background-color: #fff;
}

.samplespage .containercheckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.samplespage .containercheckbox input:checked ~ .checkmark:after {
    display: block !important;
}

.samplespage .containercheckbox .checkmark:after {
    left: .5rem;
    top: -.5rem;
    width: .5rem;
    height: 1.3rem;
    border: solid #638ec6;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.newsscrolldiv {
    height: 35rem;
    max-height: 40rem;
    overflow-y: scroll;
}

    .newsscrolldiv .nav-link {
        color: #2f2f2f !important;
    }

        .newsscrolldiv .nav-link:hover {
            color: #3c69a3 !important;
        }



.addoreditblog .card {
    border: unset;
    box-shadow: 0 0 15px #b7b6b6;
}

.addoreditblog textarea {
    min-height: 10rem;
}

.removeimg {
    position: absolute;
    bottom: 1.2rem;
    left: 1.5rem;
}

.blogcard {
    position: relative;
}

.btn-newstype {
    position: absolute;
    top: .5rem;
    left: .5rem;
    color: white;
    width: 5rem;
}

.blogcard .card-body i {
    font-size: 1.2rem
}

.blogcard .fa-comments {
    color: #33a5ca;
    cursor: pointer;
}

.blogcard .editblog i {
    color: #e8b50f;
}

.blogcard .deleteblog i {
    color: #dd3267;
}

.blogcard .card-text {
    color: #868585;
}

.btn-savepost {
    background-color: #3c9333;
    color: #fff;
}

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 15px;
}

    .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: 0;
        bottom: -2px;
        background-color: #e9e9e9;
        -webkit-transition: .4s;
        transition: .4s;
        box-shadow: 0 1px 3px #ccc;
    }

input:checked + .slider {
    background-color: #7bc872;
}

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

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background-color: #2c7f23;
}

.slider.round {
    border-radius: 34px;
}

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

.msg {
    position: relative;
    background-color: #fff;
    border: unset !important;
    box-shadow: 0 0 5px #aaa;
    border-radius: .9rem;
    width: 75%;
}

    .msg:before {
        position: absolute;
        top: 45%;
        right: -.5rem;
        width: 1rem;
        height: 1rem;
        background-color: #fff;
        content: "";
        transform: rotateZ(-45deg);
        box-shadow: 2px 2px 5px #ddd;
    }

    .msg img {
        width: 3.7rem;
        height: 3.7rem;
        border-radius: 50%;
    }

.btn-savecomment, .btn-savereplycomment {
    background-color: #5ec445;
    color: #fff;
}

.commenttext, .replytext {
    border: unset !important;
}

.replymsg {
    background-color: #eeeded;
    width: 75%;
}

    .replymsg:before {
        background-color: #eeeded !important;
    }

.replycomment {
    cursor: pointer;
}

.newcomment h5 {
    cursor: pointer;
}

.idbadge {
    position: absolute;
    top: .5rem;
    left: .5rem;
}

.sharenews img {
    width: 2.2rem;
}

#loading-center-absolute{
    top:20% !important;
}
.sampledecortype a {
    color: #3d3d3d !important;
}
.sampledecortype a:hover {
    color: #2e2e2e !important;
}

@media(max-width:992px) {
    .postcard, .blogcard {
        height: auto;
    }

    .msg {
        width: 90%;
    }

    .replymsg {
        width: 90%;
    }

    .sharenews {
        margin-bottom: 1rem;
    }
    .box{
        margin-bottom:.8rem;
    }
    .scrollimg {
        height:auto !important;
        overflow-y:unset !important;
    }
}

.imagegallerydetaileBox .count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px 15px;
    background-image: linear-gradient(180deg, #6a95cc, #132666);
    color: #fff;
    font-weight: 700;
    z-index: 100 !important;
    perspective: 5px;
}

.imagegallerydetaileBox:hover .count {
    background-image: linear-gradient(180deg, #ffca01, #d09901) !important;
    color: #132666 !important;
}

.decortype a {
    color: #6a95cc !important;
    font-weight: 700 !important;
}

    .decortype a :hover {
        color: #132666 !important;
    }

.decortype img, .made img {
    width: 100%;
    height: 150px;
}

.container .table td {
    border-top: unset;
    color: #132666;
    position: relative;
    padding-right: 0 !important;
    padding-top: 1.5rem !important;
    padding-bottom: .5rem !important;
}

.beforeTD:after {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #332b3a;
    content: " ";
    height: 2px;
    width: 50px;
}

.madebyPage a {
    color: #6a95cc !important;
    font-weight: 700 !important;
}

    .madebyPage a :hover {
        color: #132666 !important;
    }

.container i {
    font-size: 18px;
    background-color: #332b3a;
    padding: 7px;
    color: #ffca01;
    width: 30px;
    height: 30px;
}


 .card-newProducts {
    background-color: transparent;
    position: relative;
    border-radius: 5px;
    border: none;
    margin-bottom: 6px;
    overflow: hidden;
}

     .card-newProducts .brand {
        position: absolute;
        z-index: 100;
        right: 43%;
        top: -200px;
        transition: all .5s ease-out;
    }

     .card-newProducts:hover .brand {
        top: 50px;
    }

     .card-newProducts .brand img {
        width: 60px;
        height: auto;
        transition: all .7s ease-out;
        text-align: center;
    }

     .card-newProducts:hover .brand img {
        transform: scale(1.3);
    }
.shopping-cart img {
    width: 50px;
}
.shopping-cart {
    cursor: pointer;
    opacity: .8;
}
.card-newProducts .card-body {
    padding: 0;
}
 .card-newProducts .card-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 70px;
    background-image: linear-gradient(360deg, #201a26, transparent);
    color: #fff;
    padding: 5px 10px;
    transition: all .3s ease;
}
 .card-newProducts .card-box a {
    color: #fff !important;
}
 .card-newProducts .card-img-top{
     border: 1.5px solid #ccc;
     height:  16rem !important;
 }
.scrollimg{
    height:40rem;
    overflow-y:scroll;
}
    .scrollimg::-webkit-scrollbar {
        width: 3px;
    }
    .owl-item{
        padding:.4rem .6rem;
        transition:all .2s ease;
    }
    .owl-item.center{
        transform:scale(1.1) !important;
    }
    .owl-item.center .card{
        box-shadow:unset !important;
    }
    .owl-item .card{
        box-shadow:0 0 5px #a09f9f;
        border:unset !important;
    }
.owl-item img{
    height:14rem !important;
}
.samplespage .owl-item a small {
    color: #8f8f8f !important;
}
.samplespage .owl-item a:hover small {
    color: #8f8f8f !important;
}
.samplespage .owl-item a h6 {
    color: #3e3e3e !important;
}
.samplespage .owl-item a:hover h6{
  color:#6a95cc !important;
}
.owl-prev , .owl-next{
    width:5rem;
    background-color:#969696 !important;
    border-radius:1rem !important;
}
.owl-next:hover, .owl-prev:hover{
    background-color:#6a95cc !important;
}
.decortypebox{
    padding:.5rem;
    overflow-y:scroll;
    max-height:18rem;
}
    .decortypebox::-webkit-scrollbar {
        width: 4px !important;
    }