.logreg.fade.in {
   opacity: 1;
}

.fade.in {
   opacity: 1;
}

.actaccbtn {
   width: 49%;
   float: left;
   margin: 10px 0 0 0% !important;
   background-color: #129a12db !important;
}

.sendactbtnv {
   width: 49%;
   float: left;
   margin: 10px 0 0 2% !important;
   background-color: #3b5999 !important;
}

#ts_pager_filter tfoot {
   display: none;
}


.gj_body .gj_otp_verf input {
   height: 45px !important;
   display: inline-block;
   width: 45px !important;
   margin: 0px 0px 20px 15px !important;
}

.ftz15 {
   font-size: 15px !important;
}

/***** Sidebar *****/

.sidebar {
   width: 250px;
   height: 100vh;
   position: fixed;
   top: 0;
   left: -255px;
   background: #000;
   color: #fff;
   transition: all .3s;
   box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
   text-align: left;
   z-index: 9999;
}

.gj_prp_imgtit {
   text-align: left;
   font-size: 15px;
   font-weight: 500;
}

.gj_av_img {
   border: 1px solid #ccc;
}

.gj_av_imgtit {
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}


textarea.gj_av_destext {
   padding: 15px !important;
   margin-bottom: 30px;
   height: 176px !important;
   border-radius: 10px !important;

}

textarea.gj_prp_destext {
   padding: 15px !important;
   margin-bottom: 10px;
   height: 127px !important;
}


.gj_prp_img {
   border: 1px solid #ccc;
}

.sidebar.active {
   left: 0;
}

.dismiss {
   width: 26px;
   height: 26px;
   position: absolute;
   top: 20px;
   right: 10px;
   transition: all .3s;
   background: #000;
   border-radius: 4px;
   text-align: center;
   line-height: 25px;
   cursor: pointer;
   font-size: 22px;
}

.dismiss:hover,
.dismiss:focus {
   background: #555;
   color: #fff;
}

.sidebar .logo {
   padding: 40px 20px;
   border-bottom: 1px solid #444;
   transition: all .3s;
}

.sidebar .logo a {
   display: inline-block;
   width: 172px;
   height: 34px;
   background: url(../img/logo.png) left top no-repeat;
   border: 0;
   text-indent: -999999px;
}

.sidebar ul.menu-elements {
   padding: 0;
   border-bottom: 1px solid #3c3202;
   transition: all .3s;
}

.sidebar ul li a {
   display: block;
   padding: 10px 20px;
   border: 0;
   color: #fff;
   /*	border-bottom: #555 solid 1px;*/
}

.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li.active>a:hover,
.sidebar ul li.active>a:focus {
   outline: 0;
   background: #ffd600;
   color: #fff;
}

.sidebar ul li a i {
   margin-right: 5px;
}

.sidebar ul li.active>a {
   background: #ffd600;
   color: #fff;
}


.sidebar ul ul a {
   background: #282201;
   padding-left: 30px;
   font-size: 13px;
}

.sidebar ul ul li.active>a {
   background: #555;
}

.sidebar a[data-toggle="collapse"] {
   position: relative;
}

.sidebar .dropdown-toggle::after {
   display: block;
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
}

.sidebar .to-top {
   padding: 20px;
   text-align: center;
}

.sidebar .dark-light-buttons {
   padding: 10px 20px 30px 20px;
   text-align: center;
}

/* sidebar light */

.sidebar.light {
   background: #fff;
   color: #888;
}

.sidebar.light .dismiss {
   background: #ddd;
   color: #888;
}

.sidebar.light .dismiss:hover,
.sidebar.light .dismiss:focus {
   background: #ccc;
   color: #888;
}

.sidebar.light .logo {
   border-color: #eee;
}

.sidebar.light .logo a {
   background-image: url(../img/logo-dark.png);
}

.sidebar.light ul.menu-elements {
   border-color: #eee;
}

.sidebar.light ul li a {
   color: #888;
}

.sidebar.light ul li a:hover,
.sidebar.light ul li a:focus,
.sidebar.light ul li.active>a:hover,
.sidebar.light ul li.active>a:focus {
   background: #ccc;
   color: #888;
}

.sidebar.light ul li.active>a,
.sidebar.light a[aria-expanded="true"] {
   background: #ddd;
   color: #888;
}

.sidebar.light ul ul a {
   background: #ddd;
}

.sidebar.light ul ul li.active>a {
   background: #ccc;
}

.sidebar.light a.btn-customized-3 {
   background: #ddd;
   color: #888;
}

.sidebar.light a.btn-customized-3:hover,
.sidebar.light a.btn-customized-3:active,
.sidebar.light a.btn-customized-3:focus,
.sidebar.light a.btn-customized-3:active:focus,
.sidebar.light a.btn-customized-3.active:focus,
.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   background: #ccc;
   color: #888;
}

.sidebar.light a.btn-customized-4.btn-customized-dark {
   background: #555;
}

.sidebar.light a.btn-customized-4.btn-customized-light {
   background: #eee;
}

.sidebar.light a.btn-customized-4.btn-customized-dark:hover,
.sidebar.light a.btn-customized-4.btn-customized-dark:active,
.sidebar.light a.btn-customized-4.btn-customized-dark:focus,
.sidebar.light a.btn-customized-4.btn-customized-dark:active:focus,
.sidebar.light a.btn-customized-4.btn-customized-dark.active:focus,
.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   background: #ccc;
   color: #fff;
}

.sidebar.light a.btn-customized-4.btn-customized-light:hover,
.sidebar.light a.btn-customized-4.btn-customized-light:active,
.sidebar.light a.btn-customized-4.btn-customized-light:focus,
.sidebar.light a.btn-customized-4.btn-customized-light:active:focus,
.sidebar.light a.btn-customized-4.btn-customized-light.active:focus,
.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   background: #ccc;
   color: #fff;
}





.profile-info .wrapper_full {
   padding-right: 15px;
   padding-left: 15px;
}

.profile-info .cover {
   position: relative;
   cursor: pointer;
}

.profile-info .cover img {
   width: 100%;
   width: 100%;
   height: 310px;
   object-fit: cover;
   max-width: 100%;
}

.profile-info .cover .edit-cover {
   color: #fff;
   padding: 12px 15px;
   position: absolute;
   top: 15px;
   right: 15px;
   border-radius: 5px;
   background: rgba(0, 0, 0, 0.5);
}

.profile-info .cover .edit-cover i {
   font-size: 15px;
   margin-right: 5px;
}

.profile-info .cover .edit-cover input {
   position: absolute;
   opacity: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}




.account-detail {
   padding-bottom: 60px;
}

.account-detail .slick-dotted.slick-slider {
   margin-bottom: 0px;
}

.account-detail .slick-dots {
   bottom: 20px;
}

.account-detail .slick-dots li {
   width: 14px;
   height: 14px;
   margin: 0 4px;
   background: #fff;
   border-radius: 30px;
}

.account-detail .slick-dots li.slick-active {
   background: #ffd703;
}

.account-detail .nav-tabs {
   background: #fafafa;
   border: 1px solid #e6e6e6;
   padding: 0px 30px;
   margin-bottom: 30px;
}

.account-detail .nav-tabs .nav-link {
   padding: 15px 5px;
   font-size: 18px;
   color: #000;
   border: 0;
   border-bottom: 2px solid transparent;
   margin: 0 15px;
}

.account-detail .nav-tabs .nav-link.active,
.account-detail .nav-tabs .nav-item.show .nav-link {
   color: #ffd703;
   background-color: #fafafa;
   border-color: #ffd703;
}

.account-detail .tab-content .padding-box {
   padding: 30px;
   border: 1px solid #e6e6e6;
}

.account-detail .tab-content form label {
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 15px;
   display: block;
}

.account-detail .tab-content form .form-group {
   margin-bottom: 30px;
}

.account-detail .tab-content form .form-control,
.account-detail .tab-content form select {
   height: 55px;
   border-radius: 2px;
}

.form-control:focus {
   border-color: #ced4da;
}

.account-detail .tab-content form .update-btn {
   height: 55px;
   width: 100%;
   background: #ffd703;
   border: 0;
   font-size: 18px;
   font-weight: 500;
   border-radius: 4px;
}

.account-detail .tab-content h3 {
   font-size: 24px;
   color: #222;
}

.account-detail .tab-content .delivery-details .add-address {
   min-height: 180px;
   width: 180px;
   background: #fafafa;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   color: #000;
   font-size: 17px;
   border: 1px dashed #afafaf;
   margin-bottom: 30px;
   margin-left: 15px;
}

.account-detail .tab-content .delivery-details .saved-address {
   min-height: 288px;
   margin-bottom: 30px;
   border: 1px solid #ccc;
}

.account-detail .tab-content .delivery-details .saved-address .box-head {
   background: #ffd600;
   padding: 12px 20px;
   font-size: 16px;
   color: #222;
   font-weight: 700;
}

.account-detail .tab-content .delivery-details .saved-address .box-head.gray {
   background: #fafafa;
   border-bottom: 1px solid #ccc;
}

.account-detail .tab-content .delivery-details .saved-address .box-body {
   padding: 15px 20px;
   border-top: 0;
}

.account-detail .tab-content .delivery-details .saved-address .box-body table th {
   padding-right: 10px;
}

.account-detail .tab-content .delivery-details .saved-address .box-body table th,
.account-detail .tab-content .delivery-details .saved-address .box-body table td {
   font-size: 16px;
   color: #222;
   padding-bottom: 12px;
}

.account-detail .tab-content .delivery-details .saved-address .box-body .action-btns a {
   cursor: pointer;
   font-size: 16px;
   color: #222;
}

.account-detail .tab-content .delivery-details .saved-address .box-body .action-btns span {
   font-size: 18px;
}

.account-detail .tab-content .delivery-details p {
   font-size: 18px;
   margin-top: 15px;
   color: #222;
   margin-bottom: 40px;
}

.account-detail .tab-content form textarea.form-control {
   height: 150px;
   resize: none;
}

.account-detail .tab-content form .password-strong {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-top: 15px;
}

.account-detail .tab-content form .password-strong .text {
   font-size: 16px;
   color: #06ff01;
}

.account-detail .tab-content form .password-strong .bar {
   width: 25px;
   height: 4px;
   background: #06ff01;
   margin-left: 10px;
}

.add-address-form {
   height: 0;
   overflow: hidden;
}

.add-address-form.open {
   height: auto;
}

.account-detail .tab-content .delivery-details .saved-address .box-body .action-btns a:hover {
   font-size: 16px;
   cursor: pointer;
   color: #ffd600;
}

.account-detail .tab-content .delivery-details .saved-address .action-btns {
   display: flex;
   align-items: center;
}

.account-detail .tab-content .delivery-details .saved-address .action-btns .custom-control {
   margin-bottom: 0px;
   line-height: 24px;
   margin-left: 20px;
}

.account-detail .tab-content .delivery-details .saved-address .action-btns .custom-control .custom-control-label {
   padding-left: 5px;
   font-size: 16px;
}

.account-detail .tab-content .delivery-details .saved-address .action-btns .custom-control.custom-radio .custom-control-label::before,
.account-detail .tab-content .delivery-details .saved-address .action-btns .custom-control.custom-radio .custom-control-label::after {
   top: 2px;
}

.account-detail .tab-content .delivery-details .saved-address .action-btns .custom-control.custom-radio .custom-control-label::before {
   border-color: #c5c5c5;
}



.account-detail .tab-content .order-main-box {
   border: 1px solid #e6e6e6;
}

.account-detail .tab-content .order-main-box .order-info-bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #fafafa;
   padding: 15px 30px;
   font-size: 16px;
   color: #222;
   border-bottom: 1px solid #e6e6e6;
}

.account-detail .tab-content .order-main-box .order-detail-box {
   display: flex;
   align-items: flex-start;
   padding: 30px;
   border-bottom: 1px solid #e6e6e6;
}

.account-detail .tab-content .order-main-box .order-detail-box:last-child {
   border: 0;
}

.account-detail .tab-content .order-main-box .order-detail-box .img-area {
   margin-right: 30px;
}

.account-detail .tab-content .order-main-box .order-detail-box .img-area .img-box {
   width: 200px;
   padding: 15px 15px;
   border: 1px solid #e6e6e6;
   margin-bottom: 20px;
}

.account-detail .tab-content .order-main-box .order-detail-box .img-area .img-box img {
   width: 100%;
   max-width: 100%;
}

.account-detail .tab-content .order-main-box .order-detail-box .img-area .btn {
   background: #ffd703;
   color: #000;
   width: 100%;
   font-size: 15px;
   padding: 10px;
   font-weight: 500;
}

.account-detail .tab-content .order-main-box .order-detail-box .img-area .btn:hover {
   opacity: .7;
}

.account-detail .tab-content .order-main-box .order-detail-box .text-area table th {
   font-size: 16px;
   color: #222;
   padding-bottom: 15px;
   font-weight: 500;
   padding-right: 15px;
}

.account-detail .tab-content .order-main-box .order-detail-box .text-area table td {
   font-size: 16px;
   color: #777;
   padding-bottom: 15px;
   font-weight: 400;
}

.account-detail .tab-content .order-main-box .order-detail-box .text-area p {
   font-size: 16px;
   font-weight: 500;
   margin: 0;
}

.account-detail .tab-content .order-main-box .order-detail-box .text-area .green {
   color: #6bad0d;
}

.account-detail .tab-content .order-main-box .order-detail-box .text-area .red {
   color: #ff0015;
}




.account-detail .tab-content .order-main-box .order-detail-box .btns-area {
   width: 200px;
   margin-left: auto;
}

.account-detail .tab-content .order-main-box .order-detail-box .btns-area .btn {
   background: #000;
   color: #fff;
   width: 100%;
   font-size: 13px;
   padding: 10px;
   font-weight: 500;
   margin-bottom: 8px;
}

.account-detail .tab-content .order-main-box .order-detail-box .btns-area .btn:hover {
   opacity: .7;
}

.account-detail .tab-content .order-main-box .order-detail-box .btns-area .btn.active {
   color: #000;
   background: #ffd703;
}

.account-detail .tab-content .heading-row {
   background: #eeeeee;
   padding: 15px 30px;
   border-right: 1px solid #e6e6e6;
   border-left: 1px solid #e6e6e6;
}

.account-detail .tab-content .heading-row h3 {
   font-size: 20px;
}


.account-detail .tab-content .accordion .btn-link {
   background: #ffd703;
   display: flex;
   align-items: center;
   width: 100%;
   height: auto;
   border-radius: 0;
   font-size: 20px;
   padding: 10px 30px;
   color: #000;
   font-weight: 600;
   text-decoration: none;
}

.account-detail .tab-content .accordion .btn-link i {
   position: relative;
}

.account-detail .tab-content .accordion .btn-link.collapsed i:after {
   content: '';
   display: block;
   width: 3px;
   height: 17px;
   background: black;
   position: absolute;
   right: 7.2px;
   bottom: 2px;
}




.side-box {
   padding: 20px 20px;
   background: #fafafa;
   margin-bottom: 30px;
   border: 1px solid #e6e6e6;
}

.side-box .b-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 30px;
}

.side-box .b-head h4 {
   font-size: 19px;
   color: #222;
}

.side-box .b-head a {
   color: #ffd600;
   font-size: 14px;
   font-weight: 500;
}

.side-box .b-body .similar-list {
   display: flex;
   align-items: center;
   width: 100%;
   padding: 20px 0;
   border-bottom: 1px solid #ddd;
}

.side-box .b-body .similar-list:last-child {
   border: none;
}

.side-box .b-body .similar-list img {
   width: 54px;
   height: 54px;
   min-width: 54px;
   min-height: 54px;
   border-radius: 30px;
   object-fit: cover;
   margin-right: 12px;
   border: 1px solid #777;
}

.side-box .b-body .similar-list h5 {
   font-size: 17px;
   color: #222;
   margin-bottom: 5px;
}

.side-box .b-body .similar-list .ratings span {
   font-size: 13px;
   color: #ffd703;
}

.side-box .b-body .similar-list .text-area p {
   margin-bottom: 0;
}

.side-box .b-body .similar-list .btn.like-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 6px 12px;
   font-size: 13px !important;
   background: #fff;
   color: #b9b9b9;
   padding: 5px 10px;
   font-size: 15px;
   border: 1px solid #b9b9b9;
   border-radius: 4px;
   margin-left: auto;
}

.side-box .b-body .similar-list .btn.like-btn:hover {
   background: #efefef;
   color: #6b6b6b;
}

.side-box .b-body .similar-list .btn.like-btn i {
   margin-right: 5px;
}

.side-box .b-body .similar-list .btn.arrow-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 6px 12px;
   font-size: 16px !important;
   background: transparent;
   color: #b9b9b9;
   padding: 5px 0px 5px 5px;
   margin-left: auto;
}





.wallet .card-box {
   margin-bottom: 30px;
}

.wallet .card-box .box-head {
   background: #fafafa;
   border: 1px solid #e6e6e6;
   border-bottom: 0;
   padding: 10px 30px;
   display: flex;
   align-items: center;
}

.wallet .card-box .box-head .heading {
   font-size: 16px;
   font-weight: 600;
   color: #222;
   margin-left: 15px;
}

.wallet .card-box .box-head .expire-title {
   font-size: 16px;
   font-weight: 600;
   color: #222;
   margin-right: 150px;
}

.wallet .card-box .box-body {
   padding: 30px 30px;
   border: 1px solid #e6e6e6;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.wallet .card-box .box-body p {
   font-size: 16px;
   color: #757575;
   margin-bottom: 5px;
   display: flex;
   align-items: center;
}

.wallet .card-box .box-body p strong {
   color: #222;
}

.wallet .card-box .box-body .right-side {
   width: 50%;
}

.wallet .card-box .accordion .btn-link {
   font-size: 15px;
   font-weight: 500;
   background: #ffd703;
   border: 1px solid #e6e6e6;
   padding: 15px 30px;
}

.wallet .card-box .accordion .btn-link.collapsed {
   background: transparent;
}

.wallet .card-box .accordion .btn-link span {
   display: flex;
   align-items: center;
}

.wallet .card-box .accordion .btn-link span.expire-date {
   margin-right: 130px;
}

.wallet .card-box .accordion .btn-link i {
   position: relative;
}

.wallet .card-box .accordion .btn-link.collapsed i:after {
   content: '';
   display: block;
   width: 2px;
   height: 13px;
   background: black;
   position: absolute;
   right: 6px;
   bottom: 1px;
}







.wallet .card-box .accordion .collapse .b-body {
   padding: 30px 30px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   border: 1px solid #e6e6e6;
}

.wallet .card-box .accordion .collapse .b-body .right {
   width: 45%;
}

.wallet .card-box .accordion .collapse .b-body p {
   font-size: 16px;
   color: #757575;
   margin-bottom: 8px;
   display: flex;
   align-items: center;
}

.wallet .card-box .accordion .collapse .b-body p strong {
   color: #222;
}

.wallet .card-box .accordion .collapse .b-body .btns-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.wallet .card-box .accordion .collapse .b-body .btns-area .btn {
   background: #ffd600;
   font-size: 14px;
   color: #000;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   padding: 10px 20px;
   font-weight: 500;
   width: 50%;
   justify-content: center;
}

.wallet .card-box .accordion .collapse .b-body .btns-area .btn.black {
   background: #000;
   color: #fff;
}

.wallet .card-box .accordion .collapse .b-body .btns-area .btn:hover {
   opacity: .8;
}

.wallet .add-new-card-btn {
   background: #ffd600;
   font-size: 14px;
   color: #000;
   padding: 10px 30px;
   font-weight: 500;
   margin-bottom: 30px;
}

.wallet .add-new-card-btn:hover {
   opacity: .8;
}

.wallet .add-card-box {
   border: 1px solid #e6e6e6;
   padding: 30px 30px;
   height: 0;
   overflow: hidden;
   display: none;
}

.wallet .add-card-box.open {
   height: auto;
   display: block;
}

.account-detail .tab-content form .update-btn:hover {
   opacity: .8;
}






.profile-meta {
   display: flex;
   align-items: flex-start;
   background: #fafafa;
   padding: 10px 30px 30px;
   border: 1px solid #e6e6e6;
   margin-bottom: 30px;
}

.profile-meta .profile-img {
   margin-top: -50px;
   z-index: 11;
   position: relative;
   cursor: pointer;
}

.profile-meta .profile-img img {
   min-width: 165px;
   width: 165px;
   height: 165px;
   min-height: 165px;
   border: 5px solid #fff;
   object-fit: cover;
}

.edit-profile-img {
   position: absolute;
   top: -15px;
   right: -10px;
   background: #ffd703;
   width: 35px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   border-radius: 30px;
   color: #fff;
   overflow: hidden;
   cursor: pointer;
}

.edit-profile-img input {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
}

.profile-meta .text-area {
   width: 100%;
   padding-left: 25px;
}

.profile-meta .text-area h2 {
   font-size: 28px;
   color: #222;
   margin-bottom: 8px;
}

.profile-meta .btns-area {
   display: flex;
   align-items: center;
   width: 100%;
}

.profile-meta .btns-area .ratings {
   cursor: pointer;
}

.profile-meta .btns-area .ratings span {
   color: #ffd703;
   font-size: 20px;
   margin-right: 5px;
}

.profile-meta .btns-area .btn {
   color: #b9b9b9;
   padding: 8px 15px;
   font-size: 15px;
   border: 1px solid #b9b9b9;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.profile-meta .btns-area .btn i {
   margin-right: 8px;
   font-size: 18px;
}

.profile-meta .btns-area .btn.follow-btn {
   padding: 6px 12px;
   font-size: 13px;
   background: #fff
}

.profile-meta .btns-area .btn.follow-btn i {
   font-size: 16px;
}

.profile-meta .btns-area .btn.follow-btn:hover {
   background: #efefef;
   color: #6b6b6b;
}

.profile-meta .btns-area .btn.support-btn {
   background: #ffd600;
   color: #000;
   border-color: #ffd600;
}

.profile-meta .btns-area .btn.support-btn:hover {
   background: #ffe45a;
}

.profile-meta .btns-area .btn.share-btn {
   background: #000;
   color: #fff;
   border-color: #000;
}

.profile-meta .btns-area .btn.share-btn:hover {
   background: #424242;
}

.profile-meta .phone-address {
   display: flex;
   align-items: flex-start;
   margin-top: 10px;
}

.profile-meta .phone-address p {
   font-size: 17px;
   color: #adadad;
   margin: 0;
   margin-right: 15px;
}

.profile-meta .phone-address p i {
   margin-right: 5px;
}

.profile-info .about-us {
   padding: 30px 30px;
   background: #fafafa;
   margin-bottom: 30px;
   border: 1px solid #e6e6e6;
   border-radius: 3px;
}

.profile-info .about-us h3 {
   font-size: 26px;
   color: #222;
   margin-bottom: 10px;
}

.profile-info .about-us p {
   margin: 0;
   font-size: 16px;
   line-height: 25px;
   color: #848484;
}



.side-widget-toggle-btn {
   display: none;
}



/***** Dark overlay *****/

.overlay {
   display: none;
   position: fixed;
   width: 100vw;
   height: 100vh;
   background: rgba(51, 51, 51, 0.7);
   z-index: 998;
   opacity: 0;
   transition: all .5s ease-in-out;
}

.overlay.active {
   display: block;
   opacity: 1;
}


/***** Content *****/

.content {
   width: 100%;
   transition: all 0.3s;
}

.open-menu {
   position: fixed;
   top: 20px;
   left: 10px;
   z-index: 997;
   box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}

.open-menu.btn-customized,
.open-menu.btn-customized:hover,
.open-menu.btn-customized:active,
.open-menu.btn-customized:focus,
.open-menu.btn-customized:active:focus,
.open-menu.btn-customized.active:focus,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}


/***** Buttons *****/

a.btn-customized {
   margin-left: 5px;
   margin-right: 5px;
   padding: .75rem 1.5rem;
   background: #f35b3f;
   border: 0;
   border-radius: 4px;
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   box-shadow: none;
}

a.btn-customized:hover,
a.btn-customized:active,
a.btn-customized:focus,
a.btn-customized:active:focus,
a.btn-customized.active:focus,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   outline: 0;
   background: #cd533d;
   background: rgba(243, 91, 63, 0.7);
   border: 0;
   color: #fff;
   box-shadow: none;
}

a.btn-customized-2 {
   margin-left: 5px;
   margin-right: 5px;
   padding: .75rem 1.5rem;
   background: #fff;
   border: 0;
   border-radius: 4px;
   font-size: 16px;
   font-weight: 300;
   color: #555;
   box-shadow: none;
}

a.btn-customized-2:hover,
a.btn-customized-2:active,
a.btn-customized-2:focus,
a.btn-customized-2:active:focus,
a.btn-customized-2.active:focus,
a.btn-customized-2.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-2.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   outline: 0;
   background: #ccc;
   background: rgba(255, 255, 255, 0.5);
   border: 0;
   color: #555;
   box-shadow: none;
}

a.btn-customized-3 {
   display: inline-block;
   width: 100%;
   margin: 0;
   padding: .75rem 1.5rem;
   background: #444;
   border: 0;
   border-radius: 4px;
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   box-shadow: none;
}

a.btn-customized-3:hover,
a.btn-customized-3:active,
a.btn-customized-3:focus,
a.btn-customized-3:active:focus,
a.btn-customized-3.active:focus,
a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   outline: 0;
   background: #555;
   border: 0;
   color: #fff;
   box-shadow: none;
}

a.btn-customized i,
a.btn-customized-2 i,
a.btn-customized-3 i {
   margin-right: 5px;
}


a.btn-customized-4 {
   display: inline-block;
   width: 28px;
   height: 28px;
   margin: 0 3px;
   padding: 0;
   background: #444;
   border: 0;
   border-radius: 50%;
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   box-shadow: none;
   text-indent: -999999px;
}

a.btn-customized-4.btn-customized-dark {
   background: #222;
}

a.btn-customized-4.btn-customized-light {
   background: #fff;
}

a.btn-customized-4.btn-customized-dark:hover,
a.btn-customized-4.btn-customized-dark:active,
a.btn-customized-4.btn-customized-dark:focus,
a.btn-customized-4.btn-customized-dark:active:focus,
a.btn-customized-4.btn-customized-dark.active:focus,
a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   outline: 0;
   background: #555;
   border: 0;
   color: #fff;
   box-shadow: none;
}

a.btn-customized-4.btn-customized-light:hover,
a.btn-customized-4.btn-customized-light:active,
a.btn-customized-4.btn-customized-light:focus,
a.btn-customized-4.btn-customized-light:active:focus,
a.btn-customized-4.btn-customized-light.active:focus,
a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   outline: 0;
   background: #555;
   border: 0;
   color: #fff;
   box-shadow: none;
}


/***** General style, all sections *****/

.section-container {
   margin: 0 auto;
   padding-bottom: 80px;
}

.section-container-gray-bg {
   background: #f8f8f8;
}

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 {
   color: #fff;
}

.section-container-image-bg .divider-1 span {
   border-color: #fff;
   border-color: rgba(255, 255, 255, 0.8);
}

.section-description {
   margin-top: 60px;
   padding-bottom: 10px;
}

.section-description p {
   margin-top: 20px;
   padding: 0 120px;
}

.section-container-image-bg .section-description p {
   opacity: 0.8;
}

.section-bottom-button {
   padding-top: 20px;
}


/***** Divider *****/

.divider-1 span {
   display: inline-block;
   width: 200px;
   border-bottom: 1px dotted #aaa;
}


/***** Top content *****/

.top-content {
   width: 100%;
   padding: 60px 0 120px 0;
}

.top-content h1 {
   padding-top: 60px;
   color: #fff;
}

.top-content .description {
   margin: 30px 0 0 0;
   padding-bottom: 30px;
}

.top-content .description p {
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
}

.top-content .description a {
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
   border-color: #fff;
   border-color: rgba(255, 255, 255, 0.8);
}

.top-content .description a:hover,
.top-content .description a:focus {
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
}


/***** Section 1 *****/

.section-1-box {
   padding-top: 30px;
   text-align: left;
}

.section-1-box .section-1-box-icon {
   width: 80px;
   height: 80px;
   margin: 0 auto;
   border: 1px solid #f35b3f;
   font-size: 40px;
   color: #f35b3f;
   line-height: 78px;
   text-align: center;
   border-radius: 50%;
}

.section-1-box h3 {
   margin-top: 0;
   padding: 0 0 10px 0;
}


/***** Section 2 *****/

.section-2-box {
   margin-top: 30px;
   text-align: left;
}

.section-2-box h3 {
   margin-top: 0;
}

.section-2-box-text .medium-paragraph {
   margin-top: 20px;
   margin-bottom: 20px;
}

.section-2-box img {
   border-radius: 6px;
}


/***** Section 3 *****/

.section-3-box {
   margin-top: 30px;
   text-align: left;
}

.section-3-box .section-3-box-icon {
   width: 60px;
   height: 60px;
   margin: 0 auto;
   background: #f35b3f;
   font-size: 28px;
   color: #fff;
   line-height: 60px;
   text-align: center;
   border-radius: 50%;
}

.section-3-box h3 {
   margin-top: 0;
   padding: 0 0 10px 0;
}


/***** Section 5 *****/

.section-5-box {
   padding-top: 30px;
   text-align: left;
}

.section-5-box-image {
   overflow: hidden;
   border-radius: 6px;
}

.section-5-box-image img {
   transition: all .8s;
}

.section-5-box-image:hover img {
   transform: scale(1.25);
}

.section-5-box h3 {
   margin-top: 30px;
}

.section-5-box h3 a {
   color: #555;
   border: 0;
}

.section-5-box h3 a:hover,
.section-5-box h3 a:focus {
   color: #f35b3f;
}

.section-5-box h3 i {
   padding-left: 10px;
   color: #ccc;
   transition: all .3s;
}

.section-5-box h3:hover i {
   padding-left: 15px;
}

.section-5-box-date {
   padding-bottom: 10px;
   font-size: 14px;
   color: #aaa;
   text-transform: uppercase;
}

.section-5-box-date i {
   padding-right: 5px;
   color: #ddd;
}

.section-5-container .section-bottom-button {
   padding-top: 40px;
}


/***** Section 6 *****/

.section-6-box {
   padding-top: 30px;
   text-align: left;
}

.section-6-box h3 {
   margin-top: 0;
}

/* contact form */
.section-6-form {
   padding-top: 20px;
   text-align: left;
}

.section-6-form input[type="text"],
.section-6-form textarea {
   background: none;
   border: 1px solid #fff;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   box-shadow: none;
   transition: all .3s;
}

.section-6-form textarea {
   height: 90px;
}

.section-6-form input[type="text"]:focus,
.section-6-form textarea:focus {
   outline: 0;
   background: #fff;
   border: 1px solid #fff;
   color: #888;
   box-shadow: none;
}

.section-6-form input[type="text"].input-error,
.section-6-form textarea.input-error {
   border-color: #f35b3f;
}

.section-6-form input[type="text"]::-moz-placeholder,
.section-6-form textarea::-moz-placeholder {
   color: #ccc;
   font-style: italic;
}

.section-6-form input[type="text"]:-ms-input-placeholder,
.section-6-form textarea:-ms-input-placeholder {
   color: #ccc;
   font-style: italic;
}

.section-6-form input[type="text"]::-webkit-input-placeholder,
.section-6-form textarea::-webkit-input-placeholder {
   color: #ccc;
   font-style: italic;
}

.section-6-form button.btn-customized {
   padding: .75rem 1.5rem;
   background: #f35b3f;
   border: 0;
   border-radius: 4px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   box-shadow: none;
}

.section-6-form button.btn-customized:hover,
.section-6-form button.btn-customized:active,
.section-6-form button.btn-customized:focus,
.section-6-form button.btn-customized:active:focus,
.section-6-form button.btn-customized.active:focus,
.section-6-form button.btn.btn-primary:not(:disabled):not(.disabled):active,
.section-6-form button.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
   outline: 0;
   background: #cd533d;
   background: rgba(243, 91, 63, 0.7);
   border: 0;
   color: #fff;
   box-shadow: none;
}

.section-6-form button.btn-customized i {
   margin-right: 5px;
}

/* end contact form */

.section-6-social {
   padding-top: 20px;
}

.section-6-social a {
   display: inline-block;
   width: 46px;
   height: 46px;
   margin: 0 10px 10px 0;
   background: #fff;
   border: 0;
   border-radius: 50%;
   color: #555;
   text-align: center;
   line-height: 46px;
}

.section-6-social a:hover,
.section-6-social a:focus {
   background: #ccc;
   background: rgba(255, 255, 255, 0.5);
   border: 0;
   color: #555;
}


/***** Footer *****/

footer {
   padding: 0px 0px 0px;
}



/* Anstalin Style */

/* #gj_xs-contact-form{
 padding: 15px; 
 box-shadow: 0px 0px 12px #ccc;
} */
#gj_xs-contact-form .form-group select {
   margin-bottom: 15px;
}

#gj_xs-contact-form .form-group h3 {
   font-size: 15px;
   font-weight: 500;
}

.gj_nrc_div p {
   margin-top: 0;
   margin-bottom: 15px;
   box-shadow: 1px 6px 12px #ccc;
   padding: 10px 12px;
   text-align: left !important;
}

.profile-info #nav-tabContent .form-group .gj_email_verified {
   margin: 0px 0px 0px !important;
}

.gj_cmspages_bdy .gj_supp_cnt_div {
   padding: 15px;
   font-size: 15px;
   line-height: 27px;
   text-align: justify;
}

.gj_faq_cnt_div {
   padding: 15px;
   font-size: 15px;
   box-shadow: 0px 0px 12px #ccc;
   line-height: 27px;
   text-align: justify;
}

.faqs__body {
   background: #fff;
   padding: 20px;
   box-shadow: 0px 0px 12px #ccc;
   text-align: justify;
   line-height: 27px;
}

.faqs__heading .faqs__title .faqs__link .faqaricnz {
   text-align: right;
   float: right;
}

.panel.faqs__item {
   margin-bottom: 20px;
   background: transparent;
   border: 0px;
}

.faqs__heading .faqs__title .faqs__link.collapsed .fa-minus:before {
   content: "\f067";
}

.faqs__heading .faqs__title .faqs__link {
   color: #222;
   font-size: 18px;
   background: #ffd600;
   text-align: left;
   float: left;
   width: 100%;
   font-weight: 400;
   padding: 10px 18px;
   margin-bottom: 20px;
}

.faqs__heading .faqs__title .faqs__link.collapse:not(.show) {
   display: block;
}

.faqs__heading .faqs__title .faqs__link:hover {
   color: #222;
}

.faqs__heading .faqs__title {
   margin-bottom: 0px !important;
}

.gj_faq_cnt_div p {
   font-size: 15px;
}

.gj_faq_cnt_div p span {
   font-size: 15px !important;
}

.gj_product_bdy .products-page .col-md-12.col-lg-12 h4 {
   text-align: center;
   margin: 0px 0px 15px;
}

.gj_cohn_div table {
   width: 100%;
}

.gj_cohn_div table tr {
   margin-bottom: 12px;
   box-shadow: 4px 6px 12px #ccc;
   padding: 12px;
   float: left;
   width: 100%;
}

.gj_all_model .modal-content .modal-title {
   font-size: 18px;
}

.gj_rch_div h4 {
   margin: 10px 0px 10px;
   font-size: 16px;
}

.gj_rch_div {
   text-align: center;
   margin: 25px 0px 0px;
   padding: 12px;
   box-shadow: 0px 0px 12px #ccc;
}

.gj_support1_div {
   padding: 15px;
   box-shadow: 0px 0px 12px #ccc;
}

.gj_support2_div {
   padding: 15px;
   box-shadow: 0px 0px 12px #ccc;
}

.gj_support2_div ul {
   padding: 0px;
}

.gj_support2_div ul li {
   line-height: 27px;
   text-align: justify;
}

.gj_support1_div .form-group h3 {
   font-size: 18px;
   color: #222;
   margin-bottom: 15px;
}


.gj_cmspages_bdy .gj_supp_cnt_div p {
   line-height: 27px;
   text-align: justify;
   font-size: 15px;
}

.gj_cmspages_bdy .wrapper_full h4 {
   text-align: center;
   margin: 0px 0px 20px;
}

.gj_about_cnt_div {
   padding: 15px;
}

.gj_about_cnt_div h2 {
   margin-bottom: 12px;
   line-height: 1.2;
   padding-bottom: 12px;
   border-bottom: 1px dotted #000;
   font-size: 24px !important;
   color: #222;
   display: table;
   letter-spacing: -0.5px;
}

.gj_about_cnt_div p {
   line-height: 27px;
   text-align: justify;
   font-size: 15px;
}

.gj_about_cnt_div h3 {
   margin-bottom: 12px;
   line-height: 1.2;
   padding-bottom: 12px;
   display: table;
   border-bottom: 1px dotted #000;
   font-size: 24px !important;
   color: #222;
   letter-spacing: -0.5px;
}

.gj_about_cnt_div h4 {
   margin-bottom: 12px;
   line-height: 1.2;
   padding-bottom: 12px;
   border-bottom: 1px dotted #000;
   font-size: 24px !important;
   color: #222;
   letter-spacing: -0.5px;
}

.gj_supp_cnt_div h2 {
   margin-bottom: 12px;
   line-height: 1.2;
   padding-bottom: 12px;
   border-bottom: 0px dotted #000 !important;
   font-size: 24px !important;
   border-left: 4px solid #ffd600;
   padding-left: 10px !important;
   min-height: 40px !important;
   font-weight: 400;
   letter-spacing: 0px !important;
   color: #222;
   letter-spacing: -0.5px;
}

.gj_supp_cnt_div h3 {
   margin-bottom: 12px;
   line-height: 1.2;
   padding-bottom: 12px;
   border-bottom: 0px dotted #000 !important;
   font-size: 24px !important;
   color: #222;
   border-left: 4px solid #ffd600;
   padding-left: 10px !important;
   min-height: 40px !important;
   font-weight: 400;
   letter-spacing: 0px !important;
   letter-spacing: -0.5px;
}

.gj_supp_cnt_div h4 {
   margin-bottom: 12px;
   line-height: 1.2;
   padding-bottom: 12px;
   border-bottom: 1px dotted #000;
   font-size: 24px !important;
   color: #222;
   letter-spacing: -0.5px;
}


.notbtnz {
   top: 10px !important;
   left: -10px !important;
   border-radius: 0px;
   box-shadow: 0px 0px 12px #ccc;
   min-width: 200px !important;
   position: absolute;
   transform: translate3d(-138px, 30px, 0px) !important;
   top: 0px;
   left: 0px;
   will-change: unset !important;
}

.notbtnz li .gj_btn_co_notif {
   padding: 7px 12px;
   margin: 0px 0px 5px;
   width: 100%;
   color: #222;
   border-radius: 0px;
   background: #ffd600;
}

.prodxdet .xzoom-container .xzoom {
   width: 100%;
   min-height: 500px;
}

.notbtnz li {
   width: 100%;
   padding: 0 4px !important;
}

.notifybtn {
   padding: 0px 0px !important;
   margin: 0px 0px;
}

.xzoom-thumbs a {
   display: inline-block;
}

.xzoom-thumbs .xzoom-gallery {
   border: 0;
   padding: 8px 8px;
   margin: 0;
   border-radius: 16px;
}

.xzoom-gallery {
   min-width: 120px;
   min-height: 115px;
}

.gj_wishl_div .gj_w_img {
   max-width: 120px;
   min-height: auto;
   min-width: 120px;
   position: relative;
   max-height: auto;
   overflow: hidden;
   box-shadow: 0px 0px 12px #ccc;
   padding: 7px;
}

#ts_pager_filter td {
   vertical-align: middle;
}

.gj_wishl_div .gj_add2cart {
   padding: 6px 12px;
   display: inline-block;
   border: 1px solid;
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
   border-radius: 7px;
   white-space: nowrap;
   color: var(--whiteColor);
   border-color: var(--blueColor);
   background-color: var(--blueColor);
}


.gj_wishl_div .gj_add2cart:hover {
   background-color: var(--yellowColor);
   border-color: var(--yellowColor);
   color: var(--whiteColor);
}

.gj_wishl_div .table thead th {
   text-align: center;
   border-bottom: 1px solid #dee2e6;
}

.gj_wishl_div #ts_pager_filter td {
   text-align: center;
}

.vender_title p span {
   font-size: 15px !important;
}

.xs-customer-form .input-group {
   background-color: #FAFAFC;
   border: 1px solid #eaeaea;
   height: 42px;
   margin-bottom: 20px;
}

.xs-customer-form input:not([type="submit"]) {
   border: 0;
   padding: 0 20px;
   border-radius: 0;
   font-style: normal;
   background-color: transparent;
   font-size: 1em;
   font-style: normal;
}

.xs-customer-form i {
   font-size: 1.28571em;
   color: #ffd600;
   padding: 0 15px;
}

.xs-customer-form ::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #555555;
   font-style: normal;
   font-size: 12px;
}

.xs-customer-form ::-moz-placeholder {
   /* Firefox 19+ */
   color: #555555;
   font-style: normal;
   font-size: 12px;
}

.xs-customer-form :-ms-input-placeholder {
   /* IE 10+ */
   color: #555555;
   font-style: normal;
   font-size: 12px;
}

.xs-customer-form :-moz-placeholder {
   /* Firefox 18- */
   color: #555555;
   font-style: normal;
   font-size: 12px;
}

.xs-customer-form .input-group-text {
   background-color: transparent;
   border: 0px solid #ced4da;
   border-radius: 0;
}

.xs-customer-form .btn-info {
   background-color: #3b5999;
}

.xs-customer-form .btn-danger {
   background-color: #dd4b39;
}

.xs-customer-form .btn {
   border: 0;
   cursor: pointer;
}

.xs-customer-form p {
   margin: 20px 0;
   color: #222;
   font-size: 13px;
   font-weight: 500;
   text-align: center;
}

.xs-customer-form .btn-block+.btn-block {
   margin-top: 10px;
}

.xs-modal~.modal-backdrop {
   position: fixed;
   background-color: transparent;
   z-index: 9999;
}

.xs-modal~.modal-backdrop:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background-color: rgba(0, 0, 0, 0.87);
   width: 100%;
   height: 0;
   padding-bottom: 100%;
   border-radius: 100%;
   -webkit-transform: scale(0.04) translateY(9999px);
   transform: scale(0.04) translateY(9999px);
   overflow: hidden;
   -webkit-animation: menu-animation 1.2s ease-out forwards;
   animation: menu-animation 1.2s ease-out forwards;
}

.xs-modal~.modal-backdrop.show {
   -webkit-animation: menu-animation 1.2s ease-out forwards;
   animation: menu-animation 1.2s ease-out forwards;
   -webkit-transform: scale(2) translateY(0);
   transform: scale(2) translateY(0);
}

.xs-modal {
   z-index: 99999;
}

.xs-modal .modal-content {
   background-color: #FFFFFF;
   border-radius: 10px;
   -webkit-box-shadow: 0px 6px 23px 0px rgba(135, 135, 135, 0.118);
   box-shadow: 0px 6px 23px 0px rgba(135, 135, 135, 0.118);
   max-width: 100%;
   padding: 60px;
}

.xs-modal .modal-dialog {
   position: absolute;
   top: -100%;
   left: 0;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: .55s;
   transition: .55s;
   background-color: transparent;
   min-width: 570px;
   opacity: 0;
   margin: 0;
   z-index: 9999;
}

.xs-modal .modal-dialog {
   -webkit-transform: translate(-50%, -50%) !important;
   transform: translate(-50%, -50%) !important;
   -webkit-transition: top .53s ease-out, opacity .35s ease-out;
   transition: top .53s ease-out, opacity .35s ease-out;
   -webkit-transition-delay: .7s;
   transition-delay: .7s;
   opacity: 1;
   top: 51%;
   left: 50%;
}

.field-icon {
   margin-left: 295px;
   margin-top: -40px;
   position: absolute;
   z-index: 2;
   color: #e3e3e3;
}





.xs-modal.in .modal-dialog {
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: top .53s ease-out, opacity .35s ease-out;
   transition: top .53s ease-out, opacity .35s ease-out;
   -webkit-transition-delay: .7s;
   transition-delay: .7s;
   opacity: 1;
   top: 51%;
   left: 50%;
}

/* tab nav */
.xs-tab-nav {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-color: #F1F1F1;
   margin-bottom: 20px;
}

.xs-tab-nav .nav-link {
   border: 0;
   border-radius: 0;
   padding: 0;
   padding-bottom: 10px;
   position: relative;
   color: #D1D1D1;
   font-weight: 600;
   font-size: 1.28571em;
}

.xs-tab-nav .nav-link:hover:before,
.xs-tab-nav .nav-link.active:before {
   width: calc(100% + 18px);
}

.xs-tab-nav .nav-item a:hover:before,
.xs-tab-nav .nav-item.active a:before {
   width: calc(100% + 18px);
}


.xs-tab-nav .nav-link:hover,
.xs-tab-nav .nav-link:hover:before,
.xs-tab-nav .nav-link.active:before,
.xs-tab-nav .nav-link.active {
   color: #ffd600;
}

.xs-tab-nav .nav-item:hover,
.xs-tab-nav .nav-item:hover:before,
.xs-tab-nav .nav-item.active:before,
.xs-tab-nav .nav-item.active a {
   color: #ffd600;
}

.transition,
.xs-tab-nav .nav-item,
.xs-tab-nav .nav-item:before,
.xs-post-meta-list span a,
.xs-blog-post-tag a {
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
}

.xs-tab-nav .nav-item a:before {
   position: absolute;
   content: "";
   bottom: -1px;
   left: 50%;
   height: 2px;
   width: 0;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   background-color: #ffd600;
}


.xs-tab-nav .nav-item {
   margin-bottom: 0;
   margin-right: 35px;
}

.xs-tab-nav .nav-item:last-child {
   margin-right: 0;
}

@-webkit-keyframes menu-animation {
   0% {
      opacity: 0;
      -webkit-transform: scale(0.04) translateY(300%);
      transform: scale(0.04) translateY(300%);
   }

   40% {
      -webkit-transform: scale(0.04) translateY(0);
      transform: scale(0.04) translateY(0);
      -webkit-transition: ease-out;
      transition: ease-out;
   }

   40% {
      -webkit-transform: scale(0.04) translateY(0);
      transform: scale(0.04) translateY(0);
   }

   60% {
      opacity: 1;
      -webkit-transform: scale(0.02) translateY(0px);
      transform: scale(0.02) translateY(0px);
   }

   61% {
      opacity: 1;
      -webkit-transform: scale(0.04) translateY(0px);
      transform: scale(0.04) translateY(0px);
   }

   99.9% {
      opacity: 1;
      height: 0;
      padding-bottom: 100%;
      border-radius: 100%;
   }

   100% {
      opacity: 1;
      -webkit-transform: scale(2) translateY(0px);
      transform: scale(2) translateY(0px);
      height: 100%;
      padding-bottom: 0;
      border-radius: 0;
   }
}

.modal button.close {
   position: absolute;
   right: 20px;
   top: 20px;
   outline: none;
   z-index: 99;
}

/* quick view modal*/
.xs-quick-view-modal .modal-dialog {
   min-width: 1170px;
}

.xs-quick-view-modal .modal-content {
   padding: 30px;
}


.loginCusBtn {
   width: 49%;
   float: left;
   margin-right: 1%;
}


.forgetCusBtn {
   width: 49%;
   float: left;
   margin: 0 0 0 1% !important;
   background-color: #ff6251 !important;
}


.logreg .form-control {
   height: auto;
}

.toggle-password {
   font-size: 20px;
   position: absolute;
   bottom: 13px;
   right: 17px;
   cursor: pointer;
   z-index: 999;
}

.faceIconCus {
   font-size: 16px !important;
   padding: 14px 17px !important;
   text-align: center;
}

.faceIconCus i {
   padding: 0 !important;
   font-size: 23px;
   color: #fff;
   margin-right: 7px;
   display: inline-block;
   position: absolute;
   left: 0;
}

.faceIconCus span {
   display: inline-block;
   position: relative;
   padding-left: 35px;
}

.googlIconCus {
   font-size: 16px !important;
   padding: 14px 17px !important;
   text-align: center;
}

.googlIconCus i {
   padding: 0 !important;
   font-size: 23px;
   color: #fff;
   margin-right: 7px;
   display: inline-block;
   position: absolute;
   left: 0;
}

.googlIconCus span {
   display: inline-block;
   position: relative;
   padding-left: 35px;
}

.toggle-password {
   font-size: 20px;
   position: absolute;
   top: 50px;
   right: 10px;
   cursor: pointer;
   z-index: 999;
   color: #333;
}

.toggle-passwordPlain {
   font-size: 20px;
   position: absolute;
   top: 50px;
   right: 10px;
   cursor: pointer;
   z-index: 999;
   color: #333;
}


.loginForge {
   width: 100%;
   display: inline-block;
}

.loginCusBtn {
   width: 49%;
   float: left;
   margin-right: 1%;
}

.forgetCusBtn {
   width: 49%;
   float: left;
   margin: 0 0 0 1% !important;
   background-color: #ff6251 !important;
}

.userNameCus {
   position: relative;
}

.userNameCus input[type="text"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.userNameCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.userNameCus input[type="text"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}


.loginPassCus {
   position: relative;
}

.loginPassCus input[type="password"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.loginPassCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.loginPassCus input[type="password"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}

.nameSignCus {
   position: relative;
}

.nameSignCus input[type="text"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.nameSignCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.nameSignCus input[type="text"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}

.emailSignCus {
   position: relative;
}

.emailSignCus input[type="email"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.emailSignCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.emailSignCus input[type="email"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}

.emailRepeSignCus {
   position: relative;
}

.emailRepeSignCus input[type="email"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.emailRepeSignCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.emailRepeSignCus input[type="email"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}

.passSignCus {
   position: relative;
}

.passSignCus input[type="password"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.passSignCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.passSignCus input[type="password"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}

.passRepeSignCus {
   position: relative;
}

.passRepeSignCus input[type="password"] {
   width: 100%;
   border-bottom: 1px solid transparent;
}

.passRepeSignCus i {
   position: absolute;
   top: 9px;
   right: 0;
}

.passRepeSignCus input[type="password"]:focus {
   width: 100%;
   border-bottom: 1px solid #ffd600;
}



/*.loginCustomForm input.form-control::before{*/

/*.loginCustomForm .input-group::after{width: 100%; height: 2px; position: absolute; left: 0; background: red; content: ""; bottom: 0; left: 0;}*/

.capture {
   margin-top: 0;
   margin-bottom: 15px;
   display: inline-block;
   border: #e8e8e8 solid 1px;
}






.btn:not([data-toggle="popover"]).btn-primary {
   background-color: #ffd600;
}

.btn:not([data-toggle="popover"]).btn-primary::before,
.btn:not([data-toggle="popover"]).btn-primary:hover {
   background-color: #000;
}

.btn:not([data-toggle="popover"]).btn-primary {
   border: 0px;
}

.btn:not([data-toggle="popover"]):hover::before {
   -webkit-transform: scale3d(20, 20, 1);
   transform: scale3d(20, 20, 1);
}

.btn:not([data-toggle="popover"]).btn-primary::before,
.btn:not([data-toggle="popover"]).btn-primary:hover {
   background-color: #000;
}

.btn:not([data-toggle="popover"])::before {
   content: '';
   z-index: -1;
   position: absolute;
   top: 50%;
   left: 102%;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background-color: #222222;
   -webkit-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
   -webkit-transform: scale3d(1, 2, 1);
   transform: scale3d(1, 2, 1);
   -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
   transition: opacity 0.4s, -webkit-transform 0.4s;
   transition: transform 0.4s, opacity 0.4s;
   transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
   -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
   transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}


.popupPass ul li {
   list-style-type: none;
   background: url(../images/grenIcon.png) no-repeat 0 2px;
   padding-left: 21px;
   color: #63db39;
   font-size: 12px;
   line-height: 18px;
}

.xs-section-padding {
   padding: 50px 0px;
}

.shop-category .widget {
   margin-bottom: 30px;
}

.shop-category .widget:not(.widget_banner) {
   padding: 20px;
   border: 0px;
   box-shadow: 0px 0px 12px #ccc;
}


.widget_range .price_label {
   margin-bottom: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.shop-category .widget-title {
   font-size: 1.14286em;
   font-weight: 500;
   margin-bottom: 15px;
}

.shop-category .custom-control .custom-control-label span {
   color: #ffd600;
}

.shop-category .custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   background-color: #ffd600;
   border-color: #ffd600;
}

.rate-list li .star-rating::before {
   color: #fed700;
}

/*.rate-list li .star-rating[data-value="5"]::before {*/
/*    content: '\f005\f005\f005\f005\f005';*/
/*}*/
.widget_cate .custom-control {
   margin-bottom: 10px;
}

/*.star-rating::before {
   content: "\f005\f005\f005\f005\f123";
   font-family: "FontAwesome";
   top: 0;display:none;
   left: 0;
   font-size: 0.85714em;
   color: #ffa801;
   letter-spacing: 4px;
}*/

.rate-list li b {
   font-weight: 400;
   color: #aaaaaa;
   font-size: 0.85714em;
   padding-left: 5px;
}

.rate-list li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   list-style-type: none;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 20px;
}



.widget_rate .rate-list li {
   margin-bottom: 10px;
}

.shop-cate-list {
   padding: 12px 10px;
   border: 1px solid #eaeaea;
   margin-bottom: 20px;
}


#myTabContent {
   padding-bottom: 20px;
}



.shop-cate-list .shop-cate-title {
   display: inline-block;
}


.shop-cate-list .shop-cate-title h5 {
   font-size: 1.14286em;
   margin-bottom: 0;
}

.shop-cate-list .shop-catelist-item {
   float: right;
}

.shop-catelist-item>li {
   margin-right: 20px;
   padding-right: 20px;
   position: relative;
}


.shop-catelist-item>li::before {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   height: 36px;
   width: 1px;
   background-color: #eaeaea;
}



.shop-catelist-item li .media {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}


.shop-catelist-item li h6 {
   font-size: 1em;
   margin-bottom: 0;
   font-weight: 400;
   padding-right: 20px;
   margin-top: 2px;
}

.shop-catelist-item li .media-body .custom-control {
   display: inline-block;
   margin-bottom: 0;
   padding-left: 20px;
   line-height: 1;
}

.shop-catelist-item li h6 {
   font-size: 1em;
   margin-bottom: 0;
   font-weight: 400;
   padding-right: 20px;
   margin-top: 0px;
}

.shop-view-nav .nav-item {
   margin-bottom: 0;
   margin-right: 10px;
}

.shop-view-nav .nav-item .nav-link {
   padding: 0;
   border: 0px;
   color: #c3c3c3;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}


.shop-catelist-item li {
   display: inline-block;
}


.category-v4 .xs-product-wraper:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-color: #eaeaea;
}


.category-v4 .xs-product-wraper {
   padding: 0;
   text-align: center;
   margin-bottom: 30px;
   border-color: #eaeaea;
   margin-left: -1px;
}


.xs-product-wraper:hover {
   border-color: transparent;
   -webkit-box-shadow: 0px 2px 20px 0px rgba(144, 144, 144, 0.2);
   box-shadow: 0px 2px 20px 0px rgba(144, 144, 144, 0.2);
   z-index: 2;
}


.xs-product-wraper {
   padding: 10px 30px 30px;
   background-color: #FFFFFF;
   border: 1px solid #efefef;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   position: relative;
   z-index: 1;
}


.category-v4 .xs-product-wraper .xs-product-content {
   padding: 30px;
   padding-top: 0;
}



.xs-product-content .product-categories {
   font-size: 0.85714em;
   margin-bottom: 4px;
   display: block;
}

.xs-product-content .product-title {
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 10px;
   line-height: 1.625;
}

.xs-product-content .product-title a {
   color: #222222;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   display: inline-block;
}


.xs-product-content .price {
   color: #ffd600;
   font-size: 17px;
}


.price.version-2 del {
   font-size: 0.700em;
}

.price.version-2 {
   font-size: 1.42857em;
}

.price del {
   color: #d4d4d4;
   padding-left: 5px;
}


#list-justify .xs-single-product {
   margin-bottom: 30px;
}



.xs-single-product {
   position: relative;
   border: 1px solid #efefef;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.feature-product-v4 .xs-product-wraper,
.feature-product-v4 .xs-list-group {
   padding: 20px;
   border: 0px;
   background-color: #FFFFFF;
}

.xs-product-wraper {
   padding: 10px 30px 30px;
   background-color: #FFFFFF;
   border: 1px solid #efefef;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   position: relative;
   z-index: 1;
}


.xs-product-wraper img {
   opacity: 1;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

.xs-product-wraper .product-item-meta {
   text-align: center;
   opacity: 0;
   position: relative;
   top: 30px;
}


.product-item-meta li {
   display: inline-block;
}


.product-item-meta li a {
   display: block;
   color: #222222;
   width: 30px;
   height: 30px;
   line-height: 34px;
   border-radius: 100%;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   text-align: center;
}


.xs-product-wraper img~.xs-product-content {
   margin-top: 0px;
}


.feature-product-v4 .price {
   color: #ffd600;
   font-size: 1em;
}

.product-title {
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 10px;
   line-height: 1.625;
}

.product-title a {
   color: #222222;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   display: inline-block;
}


.xs-product-widget img~.product-widget-content {
   padding: 0px 20px;
}


.xs-product-widget .product-widget-content {
   padding: 30px;
}



.xs-product-widget {
   margin-bottom: 30px;
   background-color: #FFFFFF;
   box-shadow: 0px 0px 12px #ccc;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   position: relative;
   padding: 5px;
}


.widget_range .price_label {
   margin-bottom: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.widget_range .price_label input {
   border: 0px;
   text-align: right;
   color: #000;
   font-size: 16px;
   display: inline-block;
   margin-top: 3px;
   max-width: 50%;
}

.baadzimg {
   width: 100%;
}

.widget_range .ui-state-default,
.widget_range .ui-widget-content .ui-state-default {
   border: 0;
   width: 14px;
   height: 14px;
   background-color: #ffd600;
   border-radius: 50%;
   top: -6px;
   cursor: pointer;
}

.widget_range .ui-widget-content {
   border-radius: 0;
   background-color: #efefef;
   height: 2px;
   border: 0px;
}

.widget_range .ui-slider .ui-slider-range {
   background-color: #ffd600;
}

.widget_range .ui-widget-content .ui-state-default:nth-child(even) {
   margin-left: 0;
}

.widget_range .ui-widget-content .ui-state-default:nth-child(odd) {
   margin-left: -14px;
}

.widget_cate .custom-control {
   margin-bottom: 10px;
}

.widget_cate .custom-control:last-child {
   margin-bottom: 0;
}

.widget_cate .custom-control label {
   cursor: pointer;
   color: #222222;
}

.widget_cate .custom-control label span {
   padding-left: 5px;
}

.widget_rate .rate-list li {
   margin-bottom: 10px;
}

.widget_rate .rate-list li .star-rating {
   width: 100%;
   text-align: left;
}

.widget_rate .rate-list li:last-child {
   margin-bottom: 0;
}

.widget_range .ui-state-default,
.widget_range .ui-widget-content .ui-state-default {
   border: 0;
   width: 14px;
   height: 14px;
   background-color: #ffd600;
   border-radius: 50%;
   top: -6px;
   cursor: pointer;
}



.widget_range .ui-slider .ui-slider-range {
   background-color: #ffd600;
}













.xs-product-widget img {
   opacity: 1;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}


.xs-product-widget:hover:hover img {
   opacity: .7;
}


.xs-product-header {
   position: relative;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   margin-bottom: 5px;
   z-index: 2;
}

.star-rating {
   position: relative;
   height: auto;
   width: 100%;
   display: inline-block;
}



/*.star-rating::before {
   content: "\f005\f005\f005\f005\f123";
   font-family: "FontAwesome";
   top: 0;
   left: 0;
   font-size: 0.85714em;
   color: #ffa801;
   letter-spacing: 4px;
}*/

.add_to_wishlist {
   color: #ffd600;
   font-size: 0.85714em;
}

.xs-product-widget.version-2 {
   border: 0;
}

a.register {
   background: #ffd600;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 600;
   padding: 12px 12px;
   display: inline-block;
   color: #000;
   float: right;
}


.findpf {
   padding: 18px 20px;
}

.sholiz .btn {
   padding: 1px 0px !important;
}

.sholiz .btn strong {
   color: #222 !important;
   font-size: 12px !important;
}


.btn:not([data-toggle="popover"]) {
   display: inline-block;
   font-size: 0.85714em;
   font-weight: 500;
   padding: 16px 20px;
   letter-spacing: .3px;
   position: relative;
   z-index: 1;
   overflow: hidden;
   -webkit-transition: all .6s ease;
   transition: all .6s ease;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   color: #FFFFFF;
}

.fetsecadjz .featuredSlideBox {
   padding: 12px !important;
   box-shadow: 5px 14px 12px #00000040;
   margin-bottom: 30px;
}

.fetsecadjz .featuredSlideBox .productBox .thumnail {
   border: #dddddd solid 0px;

}

.fetsecadjz {
   padding-bottom: 0px !important;
}

.fetsecadjz .featuredSlideBox .productBox {
   margin-bottom: 0px;
   padding-bottom: 15px;
}

.diflex {
   display: inline-flex !important;
}

.btnResponsive {
   display: none !important;
}

.xs-navBar>.container {
   position: relative;
}

.xs-navBar .navbar-border {
   border-style: solid;
   border-width: 1px 0px 1px 0px;
   border-color: #d2ebdb;
   margin-left: 0;
   margin-right: 0;
}

.xs-navBar .navbar-border .xs-menus .nav-menu {
   text-align: left;
}

.xs-navBar .navbar-border .xs-menus .nav-menu>li {
   margin-right: 24px;
}

.xs-navBar .navbar-border .xs-menus .nav-menu>li:last-child {
   margin-right: 0;
}

.xs-navBar .navbar-border .xs-menus .nav-menu>li>a {
   color: #515151;
   padding: 24px 15px;
}

.xs-navBar .navbar-border .xs-menus .nav-menu>li>a::before {
   position: absolute;
   content: "";
   bottom: -1px;
   left: 0;
   width: 0%;
   height: 2px;
   background-color: #7fbb00;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.xs-navBar .navbar-border .xs-menus .nav-menu>li>a:hover::before {
   width: 100%;
}

.xs-navBar .navbar-border .xs-menus .nav-menu>li>.nav-dropdown li a:hover,
.xs-navBar .navbar-border .xs-menus .nav-menu>li>a:hover,
.xs-navBar .navbar-border .nav-menu>li:hover>a {
   color: #7fbb00;
}

.xs-navBar .navbar-border .xs-single-wishList {
   color: #7fbb00;
}

.xs-navBar .navbar-border .xs-single-wishList .xs-item-count {
   background-color: #7fbb00;
   color: #FFFFFF;
}

.xs-navBar .navbar-border .xs-single-wishList .xs-item-count.highlight {
   background-color: #ff6251;
}

.xs-navBar .navbar-border .xs-wish-list-item {
   padding: 10px 0;
   text-align: right;
}

.xs-navBar .navbar-border .nav-menu>.active>a .submenu-indicator-chevron {
   border-color: transparent #515151 #515151 transparent;
}

.xs-navBar .navbar-border .nav-menu>.focus>a .submenu-indicator-chevron,
.xs-navBar .navbar-border .nav-menu>li:hover>a .submenu-indicator-chevron {
   border-color: transparent #7fbb00 #7fbb00 transparent;
}

.xs-navBar .xs-menus-group {
   position: static;
   margin-top: 35px;
}

.xs-navBar.v-yellow .xs-menus .nav-menu>li>a {
   color: #333e48;
}

.xs-navBar.v-yellow .xs-menus .nav-menu li.active>a,
.xs-navBar.v-yellow .xs-menus .nav-menu>li>a:hover {
   color: #fed700;
}

.xs-navBar.v-yellow .menu-label,
.xs-navBar.v-yellow .xs-single-wishList .xs-item-count.highlight {
   background-color: #fed700;
   color: #333e48;
}

.xs-navBar.v-yellow .menu-label::before {
   border-left-color: #fed700;
   border-top-color: #fed700;
}

.xs-navBar.v-yellow .xs-menus .nav-menu>.focus>a .submenu-indicator-chevron,
.xs-navBar.v-yellow .xs-menus .nav-menu>li:hover>a .submenu-indicator-chevron,
.xs-navBar.v-yellow .xs-menus .nav-menu>.active>a .submenu-indicator-chevron {
   border-color: transparent #fed700 #fed700 transparent;
}

.xs-navBar.navBar-v5 .xs-navbar-search {
   margin-top: 25px;
   height: 40px;
}

.xs-navBar.navBar-v5 .xs-navbar-search .form-control {
   background-color: transparent;
}

.xs-navBar.navBar-v5 .xs-navbar-search .btn[type="submit"] {
   background-color: #ffd200;
}

.xs-navBar.navBar-v5 .xs-navbar-search .btn[type="submit"] i {
   margin-top: -3px;
}

.xs-navBar.navBar-v5 .xs-navbar-search .xs-category-select option {
   color: #ffd600;
}

.xs-navBar.color-white .xs-navbar-search .form-control {
   color: #FFFFFF;
}

.xs-navBar.color-white .xs-navbar-search input:not([type="submit"])::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #FFFFFF;
}

.xs-navBar.color-white .xs-navbar-search input:not([type="submit"])::-moz-placeholder {
   /* Firefox 19+ */
   color: #FFFFFF;
}

.xs-navBar.color-white .xs-navbar-search input:not([type="submit"]):-ms-input-placeholder {
   /* IE 10+ */
   color: #FFFFFF;
}

.xs-navBar.color-white .xs-navbar-search input:not([type="submit"]):-moz-placeholder {
   /* Firefox 18- */
   color: #FFFFFF;
}

.xs-navBar.color-white .xs-navbar-search .xs-category-select {
   background-image: url(../images/arrow-white.png);
   color: #FFFFFF;
}

.xs-navBar.secondary-color-v .xs-navbar-search .btn[type="submit"] {
   background-color: #ffd600;
}

.xs-navBar.secondary-color-v .xs-navbar-search .btn[type="submit"]::before {
   background-color: #ffd600;
}

/* mega menus */
.xs-menus.xs_nav-landscape .megamenu-list.xs-cate-brand {
   padding-left: 20px;
}

.xs-menus .megamenu-tabs-pane.xs-cate-campaigns a>img {
   width: 100%;
}

.xs-cate-brand li:not(.megamenu-list-title) {
   width: 49%;
   min-height: 50px;
   border: 1px solid #e9e9e9;
   float: left;
   line-height: 50px;
   text-align: center;
   margin: 2px 1px 0;
}

.xs-cate-brand li:not(.megamenu-list-title) img {
   max-width: 80px;
   max-height: 40px;
}

.xs-navBar .megamenu-list li:not(.megamenu-list-title) a:hover {
   background-color: transparent;
   color: #222222;
}

.xs-navBar .megamenu-tabs-nav li a {
   padding: 15px;
}

/* category brand */
.xs-single-phone-cate {
   border: 1px solid #e9e9e9;
   padding: 15px;
   margin-bottom: 30px;
}

.xs-single-phone-cate a {
   display: block;
}

.xs-single-phone-cate h4 {
   margin-bottom: 0;
   text-align: center;
   font-size: 1.14286em;
}

.xs-cate-campaigns a {
   display: block;
   margin-bottom: 30px;
}

/*--------------------------------------------------============================================================
                   3. vertical menu
=================================================--------------------------------------------------------------*/
/* vertical menu */
.xs-vartical-menu {
   margin: 0;
   height: auto;
   width: 100%;
   max-width: 270px;
}

.xs-vartical-menu .cd-dropdown-trigger {
   background-color: #ffd600;
   line-height: 1;
   padding: 16px 15px;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   font-size: 16px;
   font-weight: 500;
   text-align: left;
   max-height: 45.8px;
   color: #000;
   text-transform: uppercase;
   border-radius: 0;
}

.xs-vartical-menu .cd-dropdown-trigger i {
   margin-right: 15px;
}

.xs-vartical-menu .cd-dropdown-content {
   border: 2px solid;
   padding: 16px 20px;
   width: 100%;
}

.xs-vartical-menu .cd-dropdown-content li a {
   font-size: 1.14286em;
   font-weight: 400;
   color: #222222;
   text-transform: capitalize;
   height: auto;
   line-height: unset;
   padding: 12px 0;
   margin: 0;
   border: 0;
   border-bottom: 1px solid #ebebeb;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   position: relative;
}

.xs-vartical-menu .cd-dropdown-content li a i {
   margin-right: 18px;
   font-size: 1.250em;
}

.xs-vartical-menu .cd-dropdown-content li .no-border {
   border-bottom: 0px solid #ebebeb;
   padding-bottom: 0;
}

.xs-vartical-menu .cd-dropdown-content li .no-padding {
   padding-top: 0;
}

.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown>li {
   height: auto;
   margin: 0;
   float: none;
   border: 0;
}

.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown::before {
   height: 0px;
}

.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown ul {
   padding-bottom: 25px;
}

.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown {
   padding: 10px 0 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown .see-all {
   position: static;
}

.xs-vartical-menu .cd-dropdown-content .has-children>a::before,
.xs-vartical-menu .cd-dropdown-content .has-children>a::after {
   display: none;
}

.xs-vartical-menu .cd-secondary-dropdown .has-children .is-hidden .has-children a {
   font-weight: inherit;
}

.xs-vartical-menu .cd-dropdown {
   top: calc(100% + 22px);
   -webkit-box-shadow: none;
   box-shadow: none;
   width: 100%;
   z-index: 9999;
}

.xs-vartical-menu .cd-dropdown::before {
   position: absolute;
   content: "";
   top: -12px;
   left: 50%;
   -webkit-transform: translateX(-50%) rotate(45deg);
   transform: translateX(-50%) rotate(45deg);
   width: 24px;
   height: 24px;
   background-color: #FFFFFF;
   border-left: 2px solid;
   border-top: 2px solid;
}

.xs-vartical-menu .cd-dropdown-content,
.xs-vartical-menu .cd-dropdown:before {
   border-color: #ddd;
}

.xs-vartical-menu .cd-dropdown-content>.has-children>a.is-active,
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown a:hover,
.xs-vartical-menu .cd-dropdown-content>li:not(.has-children) a:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #ffd600;
}

.xs-vartical-menu .cd-dropdown-content>.has-children>a.is-active::before,
.xs-vartical-menu .cd-dropdown-content>.has-children>a.is-active::after {
   background: #ffd600;
}

.xs-vartical-menu .submenu-icon {
   margin-right: 0 !important;
   position: absolute;
   right: 0;
}

.xs-vartical-menu .cd-secondary-dropdown {
   min-width: 850px;
   width: 100%;
}

.xs-vartical-menu .cd-secondary-dropdown .has-children {
   width: 33.3333%;
}

.xs-vartical-menu .cd-secondary-dropdown .has-children a {
   font-weight: 500;
   padding-top: 0;
   margin-bottom: 15px;
}

.xs-vartical-menu .cd-secondary-dropdown .has-children .is-hidden a {
   font-weight: 400;
   font-size: 0.92857em;
   border-bottom: 0;
   padding: 3px 0;
   margin-bottom: 0;
}

.xs-vartical-menu .cd-dropdown-gallery {
   padding: 15px 15px 30px;
}

.xs-vartical-menu .cd-dropdown-gallery li {
   width: 50%;
   margin-right: 0;
}

.xs-vartical-menu .cd-dropdown-gallery .cd-dropdown-item {
   margin: 15px;
   display: block;
   border: 1px solid #eaeaea;
   padding: 15px;
}

.xs-vartical-menu .cd-dropdown-gallery .cd-dropdown-item h3 {
   color: #ffd600;
   font-size: 1em;
   font-weight: 400;
   margin: 0;
   text-align: center;
}

.xs-vartical-menu .cd-dropdown-icons {
   padding: 30px;
}

.xs-vartical-menu .cd-dropdown-icons .media {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.xs-vartical-menu .cd-dropdown-icons li .cd-dropdown-item {
   height: 100%;
   padding: 10px;
   text-overflow: unset;
   white-space: unset;
}

.xs-vartical-menu .cd-dropdown-icons li .cd-dropdown-item img {
   padding-right: 8px;
}

.xs-vartical-menu .cd-dropdown-icons li .cd-dropdown-item::before {
   display: none;
}

.xs-vartical-menu .cd-dropdown-icons li .media-body h3 {
   font-size: 1.14286em;
   color: #ffd600;
   font-weight: 400;
}

.xs-vartical-menu .cd-dropdown-icons li .media-body p {
   margin-bottom: 0;
   font-size: 0.85714em;
}

.xs-vartical-menu .cd-dropdown-trigger::after {
   right: 25px;
}

.xs-vartical-menu .cd-dropdown-trigger::before {
   right: 30px;
}

.xs-vartical-menu .cd-dropdown-trigger:hover,
.xs-vartical-menu .cd-dropdown-trigger.dropdown-is-active:hover {
   color: #000;
   background-color: #ffd600;
}

.xs-vartical-menu.v-gray .cd-dropdown-trigger,
.xs-vartical-menu.v-gray .cd-dropdown-trigger:hover,
.xs-vartical-menu.v-gray .cd-dropdown-trigger.dropdown-is-active:hover {
   background-color: #f7f7f7;
   color: #000;
}

.xs-vartical-menu.v-gray .cd-dropdown-trigger:hover::before,
.xs-vartical-menu.v-gray .cd-dropdown-trigger:hover::after,
.xs-vartical-menu.v-gray .cd-dropdown-trigger.dropdown-is-active::before,
.xs-vartical-menu.v-gray .cd-dropdown-trigger.dropdown-is-active::after {
   background-color: #ffd600;
}

.xs-vartical-menu.v-gray .cd-dropdown-trigger::before,
.xs-vartical-menu.v-gray .cd-dropdown-trigger::after {
   background: #000;
}

.xs-vartical-menu.v-gray .cd-dropdown-content,
.xs-vartical-menu.v-gray .cd-dropdown:before {
   border-color: #e7e7e7;
}

.xs-vartical-menu .cd-dropdown-content>.has-children>.is-active {
   z-index: 99999;
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1023px) {

   /* vertical menus */
   .xs-vartical-menu {
      margin-bottom: 30px;
   }

   .xs-vartical-menu .cd-dropdown {
      top: 0;
   }

   .xs-vartical-menu .cd-dropdown-content {
      top: 0px;
      border: 0;
   }

   .xs-vartical-menu .cd-dropdown-content li a {
      color: #FFFFFF;
   }

   .xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown {
      display: block;
   }

   .xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown .has-children {
      width: 100%;
   }

   .xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown a {
      padding: 12px 30px;
      margin-bottom: 0;
   }

   .xs-vartical-menu .cd-dropdown-content .go-back a::before,
   .xs-vartical-menu .cd-dropdown-content .go-back a::after {
      left: 10px;
   }

   .xs-vartical-menu .cd-dropdown-gallery li {
      width: 100%;
   }

   .xs-vartical-menu .cd-dropdown-gallery li a {
      padding: 12px 30px;
   }

   .xs-vartical-menu .cd-dropdown-gallery .cd-dropdown-item h3 {
      color: #FFFFFF;
   }

   .xs-vartical-menu .cd-dropdown-icons li a {
      padding: 12px 30px;
   }

   .xs-vartical-menu .cd-dropdown-icons .media {
      line-height: unset;
   }

   .xs-vartical-menu .cd-dropdown-icons li .media-body p,
   .xs-vartical-menu .cd-dropdown-icons li .media-body h3 {
      color: #FFFFFF;
   }
}

.isOverlayActive .nav-cover {
   position: fixed;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   z-index: 10000;
   background-color: #222222;
   opacity: .5;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.isOverlayActive .xs-vartical-menu .cd-dropdown-trigger,
.isOverlayActive .xs-vartical-menu .cd-dropdown {
   z-index: 10001;
}

@media only screen and (min-width: 1024px) {
   .cd-dropdown-content .cd-dropdown-icons {
      width: 760px;
   }
}

.xs-vartical-menu.v-menu-is-active>.cd-dropdown-trigger {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.xs-vartical-menu.v-menu-is-active .cd-dropdown-trigger.dropdown-is-active::before,
.xs-vartical-menu.v-menu-is-active .cd-dropdown-trigger.dropdown-is-active::after {
   display: none;
}

/*--------------------------------------------------============================================================
                   4. nav down
=================================================--------------------------------------------------------------*/
.xs-navbar-search {
   height: 40px;
   border: 1px solid #e7e7e7;
   border-radius: 4px;
}

.xs-navbar-search .input-group {
   height: 100%;
}

.xs-navbar-search input:not([type="submit"]) {
   border: 0px;
   border-radius: 0;
   padding-left: 28px;
   font-size: 1em;
}

.xs-navbar-search .xs-category-select-wraper {
   position: relative;
}

.xs-navbar-search .xs-category-select-wraper::before {
   position: absolute;
   content: "";
   left: 0;
   top: 40%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   height: 32px;
   width: 1px;
   background-color: #d8d4d4;
}

.xs-navbar-search .btn[type="submit"] {
   height: calc(86% + -1px);
   background-color: #ffd600;
   width: 68px;
   font-size: 1em;
   color: #f7f8fa;
   border-radius: 0 4px 4px 0;
   margin-right: -2px;
   margin-top: 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.xs-navDown .btn:not([type="submit"]) {
   width: 100%;
   font-size: 0.85714em;
   color: #797979 !important;
   letter-spacing: .2px;
   padding: 8px 12px;
   border: 1px solid #e7e7e7;
   -webkit-transition: all .6s;
   transition: all .6s;
}

.xs-navDown .btn:not([type="submit"]) strong {
   display: block;
   font-size: 1.286em;
   text-transform: uppercase;
   color: #fff;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.xs-navDown .btn:not([type="submit"]):hover {
   color: #FFFFFF !important;
}

.xs-navDown .btn:not([type="submit"]):hover strong {
   color: #FFFFFF !important;
}

.xs-navDown.transparent-header-info .row {
   margin-right: 0;
}

.xs-navDown.transparent-header-info .xs-logo-wraper {
   padding: 25px 0;
}

.xs-navDown.transparent-header-info .xs-header-info {
   text-align: right;
   padding: 38px 0;
}

.xs-navDown.v-yellow .xs-vartical-menu .cd-dropdown-trigger,
.xs-navDown.v-yellow .xs-vartical-menu .cd-dropdown-trigger:hover,
.xs-navDown.v-yellow .xs-vartical-menu .cd-dropdown-trigger.dropdown-is-active:hover {
   background-color: #f7f7f7;
   color: #333e48;
}

.xs-navDown.v-yellow .xs-vartical-menu.v-gray .cd-dropdown-trigger::before,
.xs-navDown.v-yellow .xs-vartical-menu.v-gray .cd-dropdown-trigger::after {
   background: #333e48;
}

.xs-navDown.v-yellow .xs-navbar-search .btn[type="submit"] {
   background-color: #fed700;
}

.xs-navDown.v-yellow .btn:not([type="submit"]) strong {
   color: #333e48;
}

.xs-navDown.navDown-v5>.container {
   position: relative;
}

.xs-navDown.navDown-v5 .xs-menus-group {
   position: static;
}

.xs-navDown.navDown-v5 .xs-vartical-menu .cd-dropdown-trigger {
   background-color: #ffd200;
   padding: 28px 42px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   max-height: 73px;
}

.xs-navDown.navDown-v5 .menu-label {
   background-color: #ffd200;
   top: 0;
}

.xs-navDown.navDown-v5 .menu-label::before {
   border-left-color: #ffd200;
   border-top-color: #ffd200;
}

.xs-navDown.navDown-v5 .menu-label.highlight {
   background-color: #e53935;
}

.xs-navDown.navDown-v5 .menu-label.highlight::before {
   border-left-color: #e53935;
   border-top-color: #e53935;
}

.xs-navDown.navDown-v5 .xs-menus .nav-menu {
   text-align: right;
}

.xs-navDown.navDown-v5 .xs-menus .nav-menu>li>a {
   padding: 35px 30px 21px;
}

.xs-navDown.navDown-v5 .xs-single-wishList {
   font-size: 1.78571em;
}

.xs-navDown.navDown-v5 .xs-wish-list-item {
   padding: 23px 0 0;
}

.xs-navDown.navDown-v5 .xs-miniCart-dropdown .xs-item-count {
   top: -9px;
}

.xs-navDown.navDown-v5 .xs-vartical-menu .cd-dropdown-content,
.xs-navDown.navDown-v5 .xs-vartical-menu .cd-dropdown:before {
   border-color: #ffd200;
}

.xs-navDown.color-white .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
   border-color: transparent #FFFFFF #FFFFFF transparent;
}

.xs-navDown.color-white .xs-menus .nav-menu>li>a,
.xs-navDown.color-white .xs-single-wishList {
   color: #FFFFFF;
}

.xs-navDown.secondary-color-v .xs-vartical-menu .cd-dropdown-trigger {
   background-color: #ffd600;
}

.xs-navDown.secondary-color-v .xs-single-wishList {
   color: #ffd600;
}

.xs-navDown.secondary-color-v .xs-single-wishList .xs-item-count.highlight {
   background-color: #ffd600;
}

.xs-navDown.secondary-color-v .xs-menus .nav-menu>li.active a,
.xs-navDown.secondary-color-v .xs-menus .nav-menu>li:hover>a,
.xs-navDown.secondary-color-v .xs-menus .nav-menu>li>a:hover {
   color: #ffd600;
}

.xs-navDown.secondary-color-v .xs-menus .nav-menu>.focus>a .submenu-indicator-chevron,
.xs-navDown.secondary-color-v .xs-menus .nav-menu>li:hover>a .submenu-indicator-chevron,
.xs-navDown.secondary-color-v .xs-menus .nav-menu>.active>a .submenu-indicator-chevron {
   border-color: transparent #ffd600 #ffd600 transparent;
}

.xs-navDown.secondary-color-v .xs-vartical-menu .cd-dropdown-content,
.xs-navDown.secondary-color-v .xs-vartical-menu .cd-dropdown:before {
   border-color: #ffd600;
}

.xs-navDown.secondary-color-v>.container>.row {
   position: relative;
}

.xs-navDown.secondary-color-v>.container>.row::before {
   content: "";
   width: calc(100% - 30px);
   height: 1px;
   background-color: #ffd600;
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   bottom: 0;
}




.sobizbtn ul {
   padding: 0px;
}

.sobizbtn ul li {
   list-style-type: none;
   display: inline-block;
   width: 30px;
   line-height: 30px;
   text-align: center;
   margin-right: 0px;
   height: 30px;
   background: #fff;
   color: #000;
   box-shadow: 0px 0px 10px #9e9b9b5c;
}

.sobizbtn ul li a {
   color: #000;
}

.btnsmzrea {
   margin: 12px 0px;
}

.btnsmzrea button {
   padding: 8px 15px;
   background: #fcc200;
   border: 0px;
   border-radius: 3px;
   color: #222;
}

.prodadz {
   padding: 1px 10px;
   color: #222;
}

.marnazdown {
   margin-top: 20px;
}







.custom-select {
   position: relative;
   font-family: Arial;
}

.custom-select select {
   display: none;
   /*hide original SELECT element:*/
}

.custom-select .select-selected {
   background-color: transparent !important;
}

/*style the arrow inside the select element:*/
.select-selected:after {
   position: absolute;
   content: "";
   top: 14px;
   right: 10px;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-color: #fff transparent transparent transparent !important;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
   border-color: transparent transparent #fff transparent !important;
   top: 7px;
}

.custom-select .select-items div,
.custom-select .select-selected {
   /* color: #000000;transparent!important; */
   min-width: 150px !important;
   padding: 5px 30px 5px 10px !important;
   border: 1px solid transparent !important;
   border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent !important;
   cursor: pointer !important;
   user-select: none !important;
}

.navMain .navmix ul li:first-child a::before {
   display: none;
}

.navMain .navmix ul li ul.dropdown-menu li a:before {
   display: none;
}

.navMain .navmix ul li .dropdown-toggle {
   padding: 0px 27px 0px 20px !important;
}

.navMain .navmix ul li a.dropDown::after {
   top: 3px !important;
}

.navMain .navmix ul li .dropdown-toggle:hover {
   border-bottom: #ffd600 solid 0px !important;
}

.navMain .navmix ul li ul.dropdown-menu {
   margin-top: 10px !important;
}

.navMain .navmix ul li ul.dropdown-menu li a {
   border-bottom: #dddddd solid 0px !important;
}

.newlizverz .xs-product-widget img.d-flex {
   width: 200px;
   height: 200px;
}





.shop-cate-list .shop-catelist-item {
   float: right;
   display: flex;
}

.featureSec .productBox .thumnail .socialBtn ul li a {
   font-size: 16px;
}

.featureSec .productBox .thumnail .socialBtn ul li a:hover {
   color: #fcc200;
}

.nazovx {
   border: 0px !important;
   display: flex !important;
}

/*style items (options):*/
.custom-select .select-items {
   position: absolute;
   background-color: #ffffff;
   top: 30px !important;
   left: 0;
   border: 1px solid #ccc;
   right: 0;
   overflow: hidden;
   z-index: 99;
   height: auto !important;
}

.custom-select .select-selected {
   color: #8f8f8f !important;
   font-size: 15px;
   font-weight: 500;
   font-family: Roboto;
}

/*hide the items when the select box is closed:*/
.select-hide {
   display: none;
}

.select-items div:hover,
.same-as-selected {
   background-color: rgba(0, 0, 0, 0.1);
}


.fetsecadjz .productBox .btnAreaPrice .btnArea {
   position: relative !important;
   background: #fff;
   top: 10px !important;
   transition: all 500ms ease-in-out;
}


.fetsecadjz .productBox:hover .price {
   opacity: 1 !important;
}


.sobizbtn ul li:hover a {
   color: #ffd600;
}

.newlizverz .thumzil {
   opacity: 0;
   margin: 0px 0px 0px;
   position: absolute;
   top: 5px;
   transition: all 500ms ease-in-out;
   background: transparent;
   width: 200px;
   left: 5px;
   height: calc(100% - 10px);
}

.newlizverz .media:hover .thumzil {
   opacity: 1;
   background: #cececcdb;
}

.newlizverz .media:hover .eyeBtnArea {
   opacity: 1;
   top: 24%;

}

.newlizverz .media:hover .sobizbtn {
   opacity: 1;
   bottom: 50px;

}



.newlizverz .thumzil .eyeBtnArea {
   position: absolute;
   width: 100%;
   text-align: center;
   left: 0;
   top: 0%;
   transition: all 500ms ease-in-out;
   opacity: 0;
   z-index: 999;
}


sobizbtn ul li a {
   color: #000;
}

.newlizverz .thumzil .eyeBtnArea button.eye {
   border: #dddddd solid 1px;
   padding: 12px 11px;
   border-radius: 3px;
   background: rgba(255, 255, 255, .8);
   font-size: 17px;

}

.newlizverz .thumzil .sobizbtn {
   position: absolute;
   width: 100%;
   text-align: center;
   left: 0;
   bottom: 10px;
   transition: all 500ms ease-in-out;
   opacity: 0;
   z-index: 999;
}


.shopmez {
   padding: 0px 10px;
   border: 0px;
   line-height: 24px;
   font-size: 16px;
   border-radius: 0px;
   height: auto;
   min-width: 280px;
}

.shop-cate-list .shop-cate-title {
   position: relative;
}

.shopseh {
   position: absolute;
   top: 6px;
   color: black;
   right: 9px;
   font-size: 12px;
}



.loadmore {
   margin: 0 auto;
}


.loadmore img {
   margin: 0 auto;
   display: block;
   width: 75px;
   margin: 0 auto;
   display: block;
   text-align: center;
}


.fullcen {
   height: 100%;
   width: 100%;
   display: flex;
}

.fullcen img {
   min-height: 350px;
}

.fullvercen {
   height: 100%;
   display: table;
   overflow: hidden;
   align-items: stretch;
   justify-content: center;
   width: 100%;
}

.vercen {
   display: table-cell;
   vertical-align: middle;
   padding: 0px 40px 0px;
   align-items: center;
}

.vercen h4 {
   font-weight: 600;
   font-size: 20px;
   color: #1c1c1c;
   margin: 12px 0px;
}

.vercen p {
   line-height: 26px;
   font-size: 14px;
   text-align: left;
   color: #333333;
   margin-bottom: 5px;
}

.text-rit {
   text-align: right !important;
}

.text-rit p {
   text-align: right !important;
}

.fullcen .col-md-6 {
   padding: 0px;
}

/* .detattr{display:block;padding:10px 0px;} */

.detattr {
   display: inline-block;
   padding: 10px 0px 25px;
   width: 49%;
}

.navMain .navmix ul li:first-child a {
   color: #30302f !important;
}

.detattr h4 {
   padding-right: 20px;
   font-size: 14px;
   display: inline-block;
   min-width: 120px;
}


.detattr .custom-radio {
   display: inline-block;
   margin-bottom: 0px;
}

.prodxdet .show div {
   width: 400px;
   z-index: 9999999;
}


.prodxdet .show {
   width: 100%;
   z-index: 999;
   height: auto;
   box-shadow: 0px 0px 12px #ccc;
}

.prodxdet .show #big-img {
   left: 0px !important;
}


#show-img {
   width: 100%;
   height: auto;
   min-height: 400px;
}

.small-img {
   width: 100%;
   height: 70px;
   margin-top: 10px;
   position: relative;

}

.small-img .icon-left,
.small-img .icon-right {
   width: 24px;
   height: 24px;
   background: #333333;
   border-radius: 30px;
   text-align: center;
   line-height: 24px;
   cursor: pointer;
   color: #fff;
   z-index: 99;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto 0;
}

.small-img .icon-left {
   left: 0;
}

.small-img .icon-right {
   right: 0;
}

.small-img .icon-left:hover,
.small-img .icon-right:hover {
   opacity: .5;
}

.small-container {
   width: 100%;
   height: 70px;
   overflow: hidden;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.small-container div {
   width: 100%;
   position: relative;
}

.small-container .show-small-img {
   width: 100px;
   height: 70px;
   margin-right: 6px;
   cursor: pointer;
   float: left;
}

.small-container .show-small-img:last-of-type {
   margin-right: 0;
}


.detattr .detulz {
   display: inline-block;
}

.detattr .detulz {
   display: inline-block;
   border: 0px;
   font-size: 15px;
   border-bottom: 1px solid #222;
   padding: 3px 12px;
   color: #222;
}

.detulz .custom-select .select-items div:hover {
   background: #000;
   color: #fff;
}

.detulz .custom-select .select-items div {
   margin: 0;
   padding: 12px 5px !important;
   font-size: 14px;
   color: #575757;
   text-transform: none;
   font-weight: 500;
   display: block;
   border: none;
   border-bottom: #dddddd solid 0px;
}

.detattr .custom-select .select-items div {
   border: 0px !important;
   font-size: 14px;
   font-weight: 500;
   font-family: Roboto;
   border-bottom: 0px solid transparent;
   padding: 10px 5px !important;
}


.detulz .custom-select .select-items {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   font-size: 14px;
   text-align: left;
   list-style: none;
   list-style-type: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.detattr .custom-select .select-items div:hover {
   background: #000;
   color: #fff;
}

.colz {
   width: 30px;
   height: 20px;
   background: black;
   float: left;
   /* border-radius: 30px; */
   display: inline-block;
   margin: 0px 20px 0px 0px;
}

.detattr label.custom-control-label {
   padding: 0px;
}

.colz1 {
   background: red;
}

.colz2 {
   background: green;
}

.colz3 {
   background: orange;
}

.colz4 {
   background: blue;
}

.colz5 {
   background: grey;
}

.colz6 {
   background: black;
}


.martop15 {
   margin-top: 15px;
}




/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
   display: block;
   max-width: none;
   max-height: none;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
}

/* --------------- */

/* xZoom Styles below */
.xzoom-container {
   display: inline-block;
}

.xzoom-thumbs {
   text-align: center;
   margin: 10px;
}

.xzoom {
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.xzoom2,
.xzoom3,
.xzoom4,
.xzoom5 {
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

/* Thumbs */
.xzoom-gallery,
.xzoom-gallery2,
.xzoom-gallery3,
.xzoom-gallery4,
.xzoom-gallery5 {
   border: 1px solid #cecece;
   margin-left: 5px;
   margin-bottom: 10px;
}

.xzoom-source,
.xzoom-hidden {
   display: block;
   position: static;
   float: none;
   clear: both;
}

/* Everything out of border is hidden */
.xzoom-hidden {
   overflow: hidden;
}

/* Preview */
.xzoom-preview {
   border: 1px solid #888;
   background: #2f4f4f;
   z-index: 999;
   box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.50);
}

/* Lens */
.xzoom-lens {
   border: 1px solid #555;
   box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.50);
   cursor: crosshair;
}

/* Loading */
.xzoom-loading {
   background-position: center center;
   background-repeat: no-repeat;
   border-radius: 100%;
   opacity: .7;
   background: url(../images/xloading.gif);
   width: 48px;
   height: 48px;
}

/* Additional class that applied to thumb when it is active */
.xactive {
   -webkit-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
   -moz-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
   box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
   border: 1px solid #4aaad2;
}

/* Caption */
.xzoom-caption {
   position: absolute;
   bottom: -43px;
   left: 0;
   background: #000;
   width: 100%;
   text-align: left;
}

.xzoom-caption span {
   color: #fff;
   font-family: Arial, sans-serif;
   display: block;
   font-size: 0.75em;
   font-weight: bold;
   padding: 10px;
}






.xs-product-details-section,
.xs-section-padding {
   padding-left: 15px;
   padding-right: 15px;
   overflow: hidden;
}


.compaLogo {
   overflow: hidden;
}


.xs-product-details-section {
   padding-bottom: 60px;
}

.xzoom-container {
   display: block;
}

#xzoom-default {
   width: 100%;
}

.single-product-summary {
   padding-left: 20px;
}

.prod-description {
   font-size: 17px;
   color: #656565;
   line-height: 28px;
   padding-right: 165px;
   margin-bottom: 20px;
}

.form-group label {
   font-size: 17px;
   font-weight: 700;
   color: #222;
}

.form-group label span {
   color: #ffd600;
}

.form-group .custom-select {
   height: 50px;
   color: #848484;
}




.btns-row {
   display: flex;
   align-items: center;
   margin-top: 20px;
}

.btns-row .btn {
   background: #ffd600;
   font-size: 18px;
   color: #000;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   height: 55px;
   padding: 10px 30px;
}

.btns-row .btn.black-btn {
   background: #000;
   color: #fff;
}

.btns-row .btn img {
   margin-right: 10px;
}

.btn:not([data-toggle="popover"])::before {
   display: none;
}

.btn:focus,
.btn.focus {
   outline: 0;
   box-shadow: none;
}

.xs_input_number {
   height: 55px;
}

.xs_input_number input {
   color: #848484;
}

.visit-vendor {
   color: #222;
   font-size: 18px;
   text-decoration: underline;
   margin-left: 16px;
}

.visit-vendor:hover {
   text-decoration: underline;
}


.action-links {
   display: flex;
   align-items: center;
   margin-top: 30px;
}

.action-links a {
   color: #848484;
   font-size: 17px;
   margin-right: 30px;
   display: flex;
   align-items: center;
}

.action-links a:hover {
   color: #ffd600;
}

.action-links a i {
   font-size: 19px;
   margin-right: 10px;
}

.share-links {
   margin-top: 30px;
}

.share-links h4 {
   font-size: 17px;
   font-weight: 700;
   color: #222;
   margin-bottom: 10px;
}

.share-links a {
   color: #848484;
   font-size: 18px;
   margin-right: 10px;
}

.share-links a:hover {
   color: #ffd600;
}

.product-detail-tabs {
   padding: 0 15px 50px;
}

.product-detail-tabs .nav-tabs {
   border-bottom: 1px solid #ddd;
   margin-bottom: 50px;
}

.product-detail-tabs .nav-tabs .nav-item {
   margin-bottom: 0;
   margin-right: 10px;
}

.product-detail-tabs .nav-tabs .nav-link {
   font-size: 17px;
   padding: 12px 20px;
   color: #848484;
   border: 1px solid #dddddd;
   border-bottom: 0;
}

.product-detail-tabs .nav-tabs .nav-link.active,
.product-detail-tabs .nav-tabs .nav-item.show .nav-link {
   color: #222;
   background-color: #ffd600;
   border-color: #ffd600;
}


.highlight-box {
   display: flex;
   align-items: center;
}

.highlight-box .img-area {
   min-width: 215px;
}

.highlight-box .img-area img {
   width: 100%;
   max-height: 230px;
   border-radius: 5px;
}

.comment-respond input {
   width: 100%;
   display: block;
   border: 1px solid #EEEEEE;
   border-radius: 3px;
   height: 40px;
   padding-left: 15px;
   padding-right: 15px;
}

.comment-form textarea {
   height: 100px;
   padding: 15px;
   resize: none;
   width: 100%;
   display: block;
   border: 1px solid #EEEEEE;
   border-radius: 3px;
}

.form-submit input#submit {
   font-size: 0.85714em;
   padding: 12px 25px;
   font-weight: 500;
   color: #FFFFFF;
   width: auto;
   background-color: #ffd600;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.gj_p_rating input {
   width: auto;
   display: none;
}

.highlight-box .text-area {
   padding-left: 20px;
}

.highlight-box .text-area h3 {
   font-size: 22px;
   color: #000;
   margin-bottom: 10px;
}

.highlight-box .text-area .border-line {
   background: #ffd600;
   display: block;
   width: 35px;
   height: 4px;
   margin: 15px 0 20px;
}

.highlight-box .text-area p {
   font-size: 17px;
   color: #656565;
   line-height: 28px;
}

#highlights hr {
   margin: 30px 0;
}


.tab-content .table.list-group {
   margin-bottom: 0px;
}

.table.list-group li {
   padding: 15px 0;
}


.featureSec.gray {
   padding-bottom: 40px;
}

.featureSec.bg-gray h2 span.navSec {
   background: #f9f9f9;
}

.featureSec.bg-gray h2 span {
   font-size: 26px;
   color: #242021;
   padding: 0 15px 0 0;
   display: inline-block;
   background: #f9f9f9;
}

.newsletter-content .newsletter-title {
   font-size: 34px;
   font-weight: 700;
   color: #222;
}

.newsletter-content p {
   font-size: 17px;
}

.xs-newsletter.newsLetter-v2 input:not([type="submit"]),
.xs-newsletter.newsLetter-v2 input[type="submit"] {
   height: 55px;
   font-size: 18px;
}

.xs-newsletter.newsLetter-v2 input[type="submit"] {
   color: #222;
   text-transform: capitalize;
}

div.footerSecA h2 {
   font-size: 18px;
}

div.footerSecA .border-line {
   background: #ffd600;
   display: block;
   width: 30px;
   height: 4px;
   margin: 15px 7px 20px;
}

div.footerSecA .ad-img {
   width: 100%;
   border-radius: 5px;
}

div.footerSecA .footer-logo {
   width: 75px;
}


.custom-select:focus {
   border-color: #ced4da;
   outline: 0;
   box-shadow: none;
}

.product-detail-slider .slick-slide img {
   border: 0;
   display: block;
   width: 100%;
   padding: 8px 8px;
   margin: 0;
   border-radius: 16px;
}

.xzoom-thumbs {
   margin: 10px -5px;
}

.fa-chevron-left.slick-arrow {
   font-size: 20px;
   background: rgba(255, 255, 255, 0.85);
   padding: 13px 8px;
   color: #222;
   position: absolute;
   left: 8px;
   z-index: 1;
   top: 32%;
}

.fa-chevron-right.slick-arrow {
   font-size: 20px;
   background: rgba(255, 255, 255, 0.85);
   padding: 13px 8px;
   color: #222;
   position: absolute;
   right: 6px;
   z-index: 1;
   top: 32%;
}

#xzoom-default {
   width: 100%;
   border-radius: 5px;
}


.xs-breadcumb .breadcrumb-item i {
   color: #929292;
   padding: 0 8px;
   font-size: 11px;
   vertical-align: baseline;
}

.xs-breadcumb .breadcrumb-item.active i {
   color: #ffd600;
}

.xs-breadcumb .breadcrumb-item::before {
   display: none;
}

.open-image-btn {
   position: absolute;
   bottom: 15px;
   right: 15px;
   z-index: 1;
   width: 26px;
   cursor: pointer;
}

div.companyLogo {
   margin-bottom: 0;
}

.share-links a {
   font-size: 21px;
}

.breadcrumb-main {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.custom-select {
   background: url(../../images/details/dropdown.png) no-repeat right center !important;
   background-position: 0 0 10px 0;
}


.product-boxes .featureSec {
   padding-bottom: 25px;
}

div.xs-product-widget {
   box-shadow: none;
   padding: 0;
}

div.newlizverz .thumzil {
   top: 0;
   width: 200px;
   left: 0;
   height: calc(100%);
}



div.shop-category .widget:not(.widget_banner) {
   box-shadow: none;
   border: 1px solid #ddd;
}


.btnsmzrea button {
   transition: all 500ms ease-in-out;
}

.btnsmzrea button:hover {
   background: #fdda64;
}

.btnsmzrea button.heart,
.btnsmzrea button.random {
   border: #dddddd solid 1px;
   background: #fff;
   color: #6f6f6f;
   transition: all 500ms ease-in-out;
}

.btnsmzrea button.heart:hover,
.btnsmzrea button.random:hover {
   background: #fcc200;
   color: #271f04;
   border: #f2d160 solid 1px;
}


.filter-toggle-btn {
   display: none;
}

.price {
   color: #62ab00;
}

.products-page {
   padding: 30px 15px;
}

@media (max-width: 1024px) {
   div.navMain .navBar ul li {
      font-size: 14px;
      padding: 0 15px;
   }

   .btns-row .btn {
      font-size: 12px;
      padding: 10px 15px;
   }
}



@media (max-width: 991px) {
   div.top_blk .menuRight ul li a {
      font-size: 12px;
   }

   div.top_blk .menuLeft ul.desktop li a {
      font-size: 12px;
   }

   div.navMain .catagory {
      display: none;
   }

   div.navMain .navBar {
      max-width: 100%;
      width: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
   }

   .navMain .navBar a.register {
      font-size: 14px;
      margin: 15px auto;
   }

   .topLogoSec .cart {
      display: none;
   }

   div.searchMain .searchSec input[type="search"] {
      width: 76%;
   }

   .single-product-summary {
      padding-left: 10px;
      margin: 0;
   }

   .summary-content .product-title {
      font-size: 18px;
      line-height: 30px;
      margin: 0 0 10px;
   }

   .prod-description {
      font-size: 14px;
      line-height: 25px;
      padding-right: 40px;
   }

   .btns-row {
      flex-direction: column;
      align-items: flex-start;
   }

   .xs_input_number {
      margin-bottom: 15px;
   }

   .action-links {
      flex-direction: column;
      align-items: flex-start;
      margin-top: 25px;
   }

   .action-links a {
      font-size: 15px;
      margin-right: 25px;
      margin-bottom: 15px;
   }

   .product-detail-tabs .nav-tabs .nav-link {
      font-size: 14px;
      padding: 10px 15px;
      border-radius: 4px;
      margin-bottom: 10px;
      border: 1px solid #dddddd;
   }

   .highlight-box .img-area {
      min-width: 185px;
   }

   .highlight-box .text-area h3 {
      font-size: 18px;
   }

   .highlight-box .text-area p {
      font-size: 13px;
      line-height: 21px;
   }

   .featureSec.bg-gray {
      padding-top: 40px;
   }

   .featureSec .productBox {
      margin-bottom: 5px;
   }

   .newsletter-content .newsletter-title {
      font-size: 22px;
   }

   .newsletter-content p {
      font-size: 11px;
   }

   div.footerSecA ul li a {
      font-size: 13px;
      display: block;
   }

   div.footerSecA .aboutFoot p {
      font-size: 12px;
      color: #ffffff;
      line-height: 20px;
      margin-bottom: 6px;
      padding: 0;
      margin: 0 0 7px 0;
   }

   .visit-vendor {
      font-size: 18px;
      margin-left: 0;
      margin-top: 15px;
   }

   .fa-chevron-left.slick-arrow,
   .fa-chevron-right.slick-arrow {
      display: none !important;
   }
}

@media (max-width: 767px) {
   .xs-breadcumb {
      padding: 25px 15px;
      min-height: 75px;
   }

   .fa-chevron-left.slick-arrow,
   .fa-chevron-right.slick-arrow {
      display: inline !important;
   }

   div.searchMain .searchBox {
      max-width: 100%;
   }

   .summary-content .product-title {
      font-size: 15px;
      line-height: 25px;
   }

   .btns-row .btns-group {
      width: 100%;
   }

   .btns-row .btn {
      font-size: 14px;
      padding: 10px 16px;
      width: 100%;
   }

   .share-links {
      margin-top: 20px;
   }

   .product-detail-tabs .nav-tabs .nav-link {
      font-size: 13px;
      padding: 8px 10px;
   }

   .highlight-box {
      display: flex;
      align-items: center;
      flex-direction: column;
   }

   .highlight-box .img-area {
      min-width: 100%;
      margin-bottom: 30px;
   }

   div.footerSecA .footer-logo {
      width: 70px;
      margin-top: 20px;
   }

   .xs-breadcumb .breadcrumb-item i {
      padding: 0 3px;
      font-size: 5px;
      vertical-align: middle;
   }

   .breadcrumb-main .navSec {
      display: none !important;
   }

   .xs-breadcumb .breadcrumb {
      background: unset;
   }

   .featureSec .productBox {
      width: 100%;
   }

   div.featureSec .productBox .thumnail img.imgThum {
      width: 100%;
   }

   div.btnsmzrea button {
      margin-bottom: 10px;
   }

   .shop-cate-list {
      margin-top: 20px;
   }

   .shop-cate-list .shop-cate-title {
      display: none;
   }

   .navMain .navBar ul li a.dropDown {
      font-size: 11px;
   }

   div.searchMain .searchSec {
      height: 29px;
      width: 100%;
      border-left: none;
      padding: 0;
   }

   div.searchMain .searchSec input[type="search"] {
      font-size: 12px;
      padding: 0;
      height: 29px;
   }

   .searchMain .searchSec button[type="submit"] {
      width: 26px;
      height: 26px;
      position: absolute;
      margin: 1px 0 0 0;
      right: 1px;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
   }

   .filter-toggle-btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 12px 15px;
      font-size: 16px;
      background: #fff;
      border: 1px solid #ddd;
      margin-bottom: 15px;
   }

   .filter-toggle-btn:focus,
   .filter-toggle-btn:hover {
      border: 1px solid #ddd;
      outline: 0;
   }

   div.filters-section {
      height: 0;
      overflow: hidden;
      transition: all 400ms ease-in-out;
   }

   div.filters-section.open {
      height: auto;
      transition: all 400ms ease-in-out;
   }

   div.filters-section .widget_banner {
      display: none;
   }

   div.navMain .navBar ul li {
      padding: 0;
   }

   .xs-section-padding {
      padding: 30px 15px;
   }

   .products-page {
      padding: 10px 15px 30px;
   }

   .filter-toggle-btn {
      margin-bottom: 0px;
   }

   .product-image-comment {
      width: 100%;
   }
}

/*GJ Styles Start*/
.gj_can_details {
   text-align: center;
   box-shadow: 0px 0px 12px #ccc;
   margin: 15px 15px 15px 0px;
   padding: 15px;
}

.gj_can_details h4 {
   font-size: 20px;
   background: #ffd600;
   padding: 4px 30px;
   color: #000;
   display: table;
   margin: 10px auto;
}

.gj_can_details p {
   font-weight: 400 !important;
   margin-bottom: 10px !important;
}

.gj_can_details p span {
   color: #000;
   font-weight: 500 !important;
   margin-bottom: 10px !important;
}


.gj_about_cnt_div {
   text-align: justify;
}

/* The actual gj_timeline (the vertical ruler) */
.gj_timeline {
   position: relative;
   /*max-width: 1200px;*/
   margin: 0 auto;
}

/* The actual gj_timeline (the vertical ruler) */
.gj_timeline::after {
   content: '';
   position: absolute;
   width: 6px;
   background-color: white;
   top: 0;
   bottom: 0;
   left: 50%;
   margin-left: -3px;
}

/* gj_containr around content */
.gj_containr {
   padding: 10px 40px;
   position: relative;
   background-color: inherit;
   width: 50%;
}

/* The circles on the gj_timeline */
.gj_containr::after {
   content: '';
   position: absolute;
   width: 25px;
   height: 25px;
   right: -13px;
   background-color: white;
   border: 4px solid #ffd600;
   top: 15px;
   border-radius: 50%;
   z-index: 1;
}

/* Place the gj_containr to the left */
.gj_t_left {
   left: 0;
}

/* Place the gj_containr to the right */
.gj_t_right {
   left: 50%;
}

/* Add arrows to the left gj_containr (pointing right) */
.gj_t_left::before {
   content: " ";
   height: 0;
   position: absolute;
   top: 22px;
   width: 0;
   z-index: 1;
   right: 30px;
   border: medium solid white;
   border-width: 10px 0 10px 10px;
   border-color: transparent transparent transparent white;
}

/* Add arrows to the right gj_containr (pointing left) */
.gj_t_right::before {
   content: " ";
   height: 0;
   position: absolute;
   top: 22px;
   width: 0;
   z-index: 1;
   left: 30px;
   border: medium solid white;
   border-width: 10px 10px 10px 0;
   border-color: transparent white transparent transparent;
}

/* Fix the circle for gj_containrs on the right side */
.gj_t_right::after {
   left: -13px;
}

/* The actual content */
.gj_t_content {
   padding: 10px 30px;
   background-color: white;
   position: relative;
   border-radius: 6px;
}

.gj_t_content h2 {
   font-size: 20px;
   color: #000;
   border-bottom: 1px solid #ccc;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.gj_t_content p {
   margin-bottom: 0px;
}

.gj_trk_div {
   background-color: #b7b2b233;
}

/*=========================== 27-Mar-2023 =========================== */
.faqs__heading {
   position: relative;
}

.faqs__heading::after {
   content: '';
   position: absolute;
   left: 10%;
   width: 1px;
   height: 100%;
   background: #cdcdcd;
   top: 0;
}

.product-qus-info {
   display: flex;
   align-items: baseline;
   color: #333;
   padding-bottom: 7px;
}

.product-qus-info h4 {
   flex: 0 0 120px;
   font-size: 16px;
   color: #333;
}

.product-ans-info {
   display: flex;
}

.product-qus-info .btn.btn-warning {
   padding: 5px 12px 4px;
   margin-left: 12px;
   border-radius: 50px;
   line-height: 16px;
}

.product-ans-title {
   flex: 0 0 120px;
}

.product-ans-title h4 {
   font-size: 16px;
   color: #333;
}

.product-ans-dec {
   color: #3a3a3a;
}

.product-qus-info span,
.product-ans-dec span {
   color: #3a3a3a;
   font-size: 16px;
}

.product-qus-info span a {
   font-weight: 600;
   color: #393291;
}

.product-qus-info span a:hover {
   text-decoration: underline;
}

.product-ans-dec .product-ans-by {
   padding-top: 7px;
   display: inline-block;
}

.gj_ask_faq_div .btn-see-more {
   margin-left: calc(10% + 25px);
   border: 1px solid #ddd;
   padding: 8px 12px !important;
   color: #303030 !important;
   font-size: 16px;
   line-height: 20px;
}

.gj_ask_faq_div .btn-see-more:hover {
   box-shadow: 1px 2px 10px #cdcdcd;
}

.gj_ask_faq_div .product-ans-dec .btn-see-more {
   margin-left: 0;
   margin-top: 12px;
}

.read-more-ans {
   color: #393291;
   font-size: 16px;
   font-weight: 500;
   margin-top: 10px;
}

.read-more-ans i {
   vertical-align: middle;
}

.read-more-ans:hover {
   color: #282642;
   text-decoration: underline !important;
}

.product-faq-info {
   display: flex;
}

.qns-vote {
   flex: 0 0 10%;
   text-align: center;
}

.qns-vote i {
   font-size: 26px;
   color: #939393;
}

.qns-vote h4 {
   color: #111111;
   font-size: 16px;
   font-weight: 400;
}

.qns-vote h4 span {
   display: block;
}

.prodect-qns-ans {
   display: flex;
   flex-direction: column;
   flex: 0 0 90%;
   padding-left: 15px;
}

.product-image-comment {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid #c9c9c9;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.product-image-comment figure {
   margin-bottom: 0;
}

.product-image-comment figure img {
   aspect-ratio: 4/2;
   object-fit: scale-down;
   object-position: center;
   width: 100%;
   max-width: 300px;
   border-radius: 5px;
}

.product-image-comment h4 a {
   font: 600 16px/20px 'Poppins', sans-serif;
   color: #393291;
   margin: 0;
   padding: 20px 0 10px;
   text-align: center;
}

.product-image-comment h4 a:hover {
   text-decoration: underline;
   color: #0c0c3c;
}

.prodect-qns-title {
   display: flex;
   align-items: center;
}

.product-image-comment h5 {
   font: 500 24px/30px 'Poppins', sans-serif;
   color: #333;
   margin-right: 15px;
}

.prodect-qns-title .btn-primary {
   padding: 5px 10px !important;
}

.prodect-qns-title .btn-primary:hover {
   background: #fdda64;
   color: #271f04;
}

.product-image-comment span {
   font: 400 14px/20px 'Poppins', sans-serif;
   color: #333;
   margin: 20px 0;
   display: inline-block;
}

.product-image-comment a {
   font: 400 18px/24px 'Poppins', sans-serif;
   color: #393291;
   display: block;
}

.product-image-comment a:hover {
   text-decoration: underline !important;
   color: #0c0c3c;
}

.product-image-comment .form-group label {
   font: 400 16px/20px 'Poppins', sans-serif;
   color: #333;
   text-align: left;
}

.product-image-comment .form-group input[type="file"] {
   padding: 12px 15px 10px;
   font-size: 15px;
}

.product-image-comment .form-group .form-control:focus {
   border: 1px solid #393291;
}

.product-image-comment .form-group .form-control::-webkit-file-upload-button {
   background: #e9ecef;
   color: #000;
   border: 0px;
   padding: 4px 7px;
   border-radius: 5px;
   font: 400 14px/16px 'Poppins', sans-serif;
}

.product-image-comment form .btn-warning {
   padding: 9px 10px 7px 10px;
}

.gj_similar_vendor_list_sec {
   background-color: #fff;
   padding: 50px 0;
}

.breadcrumb-outer nav ol {
   padding-left: 15px;
   padding-right: 15px;
   max-width: 1348px;
   margin: 0 auto;
}

.product-user-comm-info {
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #cdcdcd;
}

.product-user-comm-info h5 {
   font: 600 16px/20px 'Poppins', sans-serif;
   color: #343434;
   margin-bottom: 8px;
}

.product-user-comm-info img {
   width: 30px;
   height: 30px;
   margin-right: 5px;
}

.product-user-comm-info span {
   font: 400 13px/20px 'Poppins', sans-serif;
   color: #333;
}

.product-comm-btns {
   margin-top: 15px;
}

.product-comm-btns button {
   border: 1px solid #ddd;
   padding: 5px 10px;
   color: #303030;
   font-size: 16px;
   line-height: 20px;
   border-radius: 10px;
   background-color: #f5f5f5;
   margin-right: 6px;
}

.product-comm-btns button:hover {
   box-shadow: 1px 2px 5px #cdcdcd;
}

.company-logo-overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 50%;
   right: 0;
   height: 100px;
   width: 100px;
   opacity: 0;
   transition: .5s ease;
   background-color: #000000b8;
   transform: translateX(-50%);
}

.compnayLogoSlid li a:hover .company-logo-overlay {
   opacity: 0;
}

.company-logo-overlay .text {
   color: #fff;
   font-size: 14px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   line-height: 16px;
   width: 100px;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.gj_ask_vendor_frm .form-group img {
   aspect-ratio: 3/2;
   object-fit: cover;
   object-position: center;
}

.gj_ask_vendor_frm .form-group .gj_av_destext {
   border-color: #ccc;
}

.gj_ask_vendor_frm .form-group .gj_av_destext:focus {
   border-color: #a3a3a3;
}

.gj_header .logo-search .cartUlDesk li a .gj_count_sw {
   top: -6px;
   right: 24px !important;
}

.products-page .shop-cate-list {
   /* display: flex; */
   align-items: center;
   background: #f9f9f9;
   align-content: end;
   /*flex-wrap: wrap;*/
}

.products-page .shop-cate-list .shop-cate-title {
   width: 44%;
}

.products-page .shop-cate-list .shop-cate-title input {
   border: 1px solid #cdcdcd;
   border-radius: 50px;
   padding: 6px 12px;
}

.products-page .shop-cate-list .shop-cate-title input[type="search"]::-webkit-search-decoration,
.products-page .shop-cate-list .shop-cate-title input[type="search"]::-webkit-search-cancel-button,
.products-page .shop-cate-list .shop-cate-title input[type="search"]::-webkit-search-results-button,
.products-page .shop-cate-list .shop-cate-title input[type="search"]::-webkit-search-results-decoration {
   display: none;
}

.search-header .header_search_box .search-header input[type="search"]::-webkit-search-decoration,
.search-header .header_search_box .search-header input[type="search"]::-webkit-search-cancel-button,
.search-header .header_search_box .search-header input[type="search"]::-webkit-search-results-button,
.search-header .header_search_box .search-header input[type="search"]::-webkit-search-results-decoration {
   display: none;
}

.products-page .navMain .navBar ul li a {
   border-bottom: 0px !important;
}

.products-page .product-boxes {
   margin-left: -15px !important;
   margin-right: -15px !important;
}

.companyLogo .slick-prev {
   left: -20px;
}

.companyLogo .slick-next {
   right: -20px;
}

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

.gj_nl_div .xs-newsLetter-section .gj_newsletter input[type="email"] {
   width: calc(100% - 192px);
   padding-left: 15px;
   padding-right: 15px;
}

.catagory span.gj_cats_less .fa-plus {
   transform: rotate(45deg);
}

#d_ret_order_119 .modal-header .modal-title {
   font-size: 22px;
   color: #333;
   font-weight: 500;
   text-transform: capitalize;
   line-height: normal;
}

#d_ret_order_119 .modal-body {
   padding: 0;
}

#d_ret_order_119 .modal-body .form-group h3 {
   font-size: 18px;
   text-transform: capitalize;
}

#d_ret_order_119 .gj_nrc_div form {
   box-shadow: none;
}

#d_ret_order_119 .gj_nrc_div form .form-group {
   margin-bottom: 0;
}

#d_ret_order_119 .gj_nrc_div form .form-group select {
   margin-bottom: 15px;
}

.gj_footer .logreg .gj_signup_form .anselezflqggz .niceCountryInputMenu a img {
   display: none;
}

.gj_footer .logreg .gj_signup_form .anselezflqggz .niceCountryInputMenuDropdownContent {
   height: 178px;
}

.product-comm-btns h5 {
   margin-bottom: 0;
   margin-right: 10px;
   font: 500 14px/18px 'Poppins', sans-serif;
   color: #232323;
}

.product-comm-btns {
   display: flex;
   align-items: center;
}

/* Media queries - Responsive gj_timeline on screens less than 600px wide */
@media (max-width: 1199px) {
   .products-page .shop-cate-list {
      gap: 10px;
   }
}

@media screen and (max-width: 600px) {

   /* Place the timelime to the left */
   .gj_timeline::after {
      left: 31px;
   }

   /* Full-width gj_containrs */
   .gj_containr {
      width: 100%;
      padding-left: 70px;
      padding-right: 25px;
   }

   /* Make sure that all arrows are pointing leftwards */
   .gj_containr::before {
      left: 60px;
      border: medium solid white;
      border-width: 10px 10px 10px 0;
      border-color: transparent white transparent transparent;
   }

   /* Make sure all circles are at the same spot */
   .gj_t_left::after,
   .gj_t_right::after {
      left: 15px;
   }

   /* Make all right gj_containrs behave like the left ones */
   .gj_t_right {
      left: 0%;
   }

   .gj_similar_vendor_list_sec {
      padding: 25px 15px;
   }

   .product-image-comment {
      margin: 0px auto;
   }
}

a.gj_ven_reseact[disabled] {
   background-color: #717171 !important;
   color: #fff !important;
}

/*GJ Styles End*/
/*==================== New Css Start Here ==================== */

.switcher .language-switcher .select2-container {
   z-index: unset !important;
}

.gj_whole_body .gj_wishlist_bdy .innerContent .table-responsive .uk-text-center {
   white-space: nowrap;
   border-bottom: unset;
}

.gj_vendor_list_sec .vendor-list .gj_auto_vens_div {
   padding: 12px 12px 0 12px;
   border-top: 1px solid #ccc;
   min-width: 95.5%;
}

.single-product-summary .price ul.list-inline {
   display: flex;
   align-items: center;
}

.single-product-summary .price ul.list-inline li del {
   padding: 0 0 0 10px;
   color: #9a9999;
}

.gj_wishl_div #ts_pager_filter td b.gj_d_price {
   white-space: nowrap;
}