@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap');
@import url('font/font.css');

body {	
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;    
    background: #fff;
    color: #333333;	
}

a:hover {text-decoration: none;}


.mgt-0 {
    margin-top: 0 !important;
}

.mgt-5 {
    margin-top: 5px !important;
}

.mgt-10 {
    margin-top: 10px !important;
}

.mgt-15 {
    margin-top: 15px !important;
}

.mgt-20 {
    margin-top: 20px !important;
}

.mgt-25 {
    margin-top: 25px !important;
}

.mgt-30 {
    margin-top: 30px !important;
}

.mgt-35 {
    margin-top: 35px !important;
}

.mgt-40 {
    margin-top: 40px !important;
}

.mgt-45 {
    margin-top: 45px !important;
}

.mgt-50 {
    margin-top: 50px !important;
}
.mgt-60 {
    margin-top: 60px !important;
}
.mgt-70 {
    margin-top: 70px !important;
}


.mgb-0 {
    margin-bottom: 0 !important;
}

.mgb-5 {
    margin-bottom: 5px !important;
}

.mgb-10 {
    margin-bottom: 10px !important;
}

.mgb-15 {
    margin-bottom: 15px !important;
}

.mgb-20 {
    margin-bottom: 20px !important;
}

.mgb-25 {
    margin-bottom: 25px !important;
}

.mgb-30 {
    margin-bottom: 30px !important;
}

.mgb-35 {
    margin-bottom: 35px !important;
}

.mgb-40 {
    margin-bottom: 40px !important;
}

.mgb-45 {
    margin-bottom: 45px !important;
}

.mgb-50 {
    margin-bottom: 50px !important;
}
.mgb-60 {
    margin-bottom: 60px !important;
}

.no-pading{
    padding: 0 !important;
}
.no-pading-l{
    padding-left: 0 !important;
}
.no-pading-r{
    padding-right: 0 !important;
}
.no-pading-lr{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.f-12 {
    font-size: 12px !important;
}
.f-13 {
    font-size: 13px !important;
}
.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 22px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-26 {
    font-size: 26px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-30 {
    font-size: 30px !important;
}

.f-32 {
    font-size: 32px !important;
}

.f-34 {
    font-size: 34px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-38 {
    font-size: 38px !important;
}

.f-40 {
    font-size: 40px !important;
}

.f-42 {
    font-size: 42px !important;
}

.f-44 {
    font-size: 44px !important;
}

.f-46 {
    font-size: 46px !important;
}
.f-red{
    color: #af1b1e !important;
}
.f-red2{color:#eb2227;}
.f-green{
    color: #07c81e !important;
}

.f-bold{
    font-weight: bold !important;
}

button {
    outline: none;
}

button:focus {
    outline: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

::selection {
    color: #fff; 
    background: #af1b1e;
}

::-webkit-selection {
    color: #fff; 
    background: #af1b1e;
}

::-moz-selection {
    color: #fff; 
    background: #af1b1e;
}


.totop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 42px;
    font-size: 32px;
    color: rgba(255, 255, 255, 1);
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    z-index: 999999;
    will-change: transform;
    transition: all 0.3s ease-in-out;
}

.totop:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    background: #af1b1e;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: rotate(360deg);
}

.totop i {
    padding-top: 8px;
    will-change: transform;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.totop:hover i {
    transform: scale(1.4);
}

.totop.tt-hide {
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
}

.totop.tt-show {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    transition: all 0.3s ease-in-out;
}


.loading{
    display: none;
    position: fixed; 
    z-index: 99999999999999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0; 
    left: 0;
    bottom: 0;
    right: 0;
}
/* Transparent Overlay */
.loading:before {
    content: ''; 
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    /*    background: radial-gradient(rgba(175, 27, 30,.1), rgba(175, 27, 30,0.1));*/
    background: -webkit-radial-gradient(rgba(175, 27, 30,0.05), rgba(175, 27, 30,0.05));
}

.loading .loader-wrapper{
    width: 85px;
    height: 85px;
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4); }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); } }
@keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4); }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); } }
.ball-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -10px; }
.ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
    animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545455px;
    left: 17.04545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
    animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
    animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545455px;
    left: 17.04545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
    animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
    animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545455px;
    left: -17.04545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
    animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
    animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545455px;
    left: -17.04545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
    animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
.ball-spin-fade-loader > div {
    background-color: #af1b1e;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute; }




.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: rgba(0,0,0,.5);
    display: block;
    text-align: center;
    padding-top: 8px;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    z-index: 9999999999999999999;
}

.scrolltotop:hover {   
    background: #000;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);   
}

input:focus {
    outline: none;
}

.container {
    max-width: 1460px;
}


.link-effect {
    position: relative;
    padding-bottom: 1px;
}
.link-effect:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    height: 1px;
    width: 0;
    /*    padding-bottom: 4;*/
    background: transparent;
    transition: width 0.3s ease, background-color 0.3s ease, left 0.3s ease;
}

.link-effect:hover:after {
    width: 100%;
    left: 0;
    background: #999999;
}


/*-- theader area start --*/
.theader {
    background: #af1b1e;
    padding: 15px 0;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
}
.theader .theader-right .ihead-account{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 60px;
    margin-bottom: -5px;
}


.theader-left img {
    display: inline-block;
    width: auto;   
    visibility: visible;
    opacity: 1;
    transition: all .3s ease;
}

.theader-middile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FCFCFC;
    padding: 0px 0px;
    border-radius: 10px;
    position: relative;
    line-height: 24px;
}

.theader-middile input {
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    padding: 0px 25px;
    font-weight: 500;
}

.theader-middile button {
    display: inline-block;
    background: #282828;
    border: 0;
    outline: none;
    color: #fff;
    padding: 8px 18px;
    border-radius: 0px 10px 10px 0;
    font-size: 20px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.theader-middile button:hover {
    opacity: .7;
}

.theader-right ul {
    display:flex;
    text-align: center;
    justify-content: space-between;
    align-items: flex-end;
}

.theader-right ul li a {
    display: inline-block;
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.theader-right ul li a:hover {
    opacity: .7;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.theader-right ul li a i {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 6px;
}

.theader-right ul li a img {
    display: inline-block;
    /*    width: 40px;*/
    position: relative;
    /*    top: -6px;*/
}

.theader-right ul li:last-child a {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.theader-right ul li:last-child a:hover{
    opacity: .7;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.theader-right ul li:last-child a i {
    font-size: 30px;
}  

.theader-right ul li:last-child a span {
    font-size: 15px;
    font-weight: 600;
    background: #ffffff;
    width: 28px;
    height: 28px;
    color: #000;
    display: inline-block;
    border-radius: 50%;
    padding: 2px 0px;
    position: absolute;
    left: 25px;
    bottom: 20px;
} 

.theader-right ul li a {
    position: relative;
}

.theader-wrapper .col-lg-3.h-left {
    flex: 0 0 27%;
    max-width: 27%;
}
.theader-wrapper .col-lg-3.h-right {
    flex: 0 0 20%;
    max-width: 20%;
}

.catagory

.theader-wrapper .col-lg-6 {
    flex: 0 0 54%;
    max-width: 54%;
}

.theader-right {
    padding-left: 15px;
}

.theader-search{
    /*        line-height: 18px;
            font-size: 14px;*/
}

.theader-search-result{
    background: #fff;
    padding: 25px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 5px;
    position: absolute;
    width: 85.4%;
    left: 35px;
    top: 41px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);
    display: none;
    z-index: 9;
}
.theader-search-result2 {
    background: #fff;
    padding: 25px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 5px;
    position: absolute;
    width: 85.4%;
    left: 35px;
    top: 59px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);
    display: none;
    z-index: 9;
}

.theader-search-result table,.theader-search-result2 table {
    width: 100%;
}

.theader-search-result table td,.theader-search-result2 table td{
    font-size: 15px;
    color: #8d8d8d;
    font-weight: 600;
}

.theader-search-result table td span,.theader-search-result2 table td span {
    font-size: 15px;
    font-weight: 600;
    color: #585858;
    display: inline-block;
}

.theader-search-result table td,.theader-search-result2 table td  {
    padding-right: 20px;
    padding-top: 15px;
}

.theader-search-result table td img,.theader-search-result2 table td img  {
    display: inline-block;
    width: 50px;
}

.theader-search-result table td p,.theader-search-result2 table td p  {
    font-size: 16px;
    color: #282828;
    margin-bottom: 4px;
}

.theader-search-result table td p strong,.theader-search-result2 table td p strong  {
    font-weight: 700;
    color: #eb2227;
}
.theader-search-result table td a:hover p,.theader-search-result2 table td a:hover p{
    opacity: 0.78;
}

.theader-search-result table td h6,.theader-search-result2 table td h6  {
    font-size: 16px;
    font-weight: 600;
    color: #d64d62;
}

.theader-search-result table td h6 del,.theader-search-result2 table td h6 del {
    color: #8d8d8d;
    font-size: 14px;
    display: inline-block;
    margin: 0px 10px;
}
.theader-search-result .tsr-author,.theader-search-result2 .tsr-author{
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.theader-search-result .tsr-author strong,.theader-search-result2 .tsr-author strong{
    color: #eb2227;
}

.theader-search-close span {
    font-size: 14px;
    color: #d64d62;
    font-weight: 500;
    cursor: pointer;
}
a.search-link{
    font-size: 18px;
    font-weight: 500;
    color: #d64d62;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
a.search-link:hover{
    color: #8d8d8d;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

/*-- theader area end --*/

/*-- catagory area start --*/
.catagory {
    background: #282828;
    padding: 8px 0;
}

.cat-left-bar {
    width: 30px;
    cursor: pointer;
    margin-right: 20px;
    height: 33px;
}

.cat-left-bar span {
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 10px;
    margin: 6px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.cat-left {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cat-left-right p {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
}

.cat-middle ul li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}
.cat-middle ul li span{
    display: inline-block;
    margin: 0px 20px;
}

.cat-middle ul li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.cat-middle ul li a:hover {
    opacity: .7;
}

.cat-middle ul li a span {
    display: inline-block;
    margin: 0px 20px;
}

.cat-right ul li {
    display: inline-block;
}

.cat-right ul li a {
    display: inline-block;
    color: rgb( 235, 34, 39 );
    font-size: 18px;
    font-family: 'Oswald';
    position: relative;
    /*    transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;*/
}

/*.cat-right ul li a:hover {
    color: #fff;
}*/

.cat-right ul li a:after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: #828289;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    top: 15px;
}

.cat-right ul li:last-child a:after {
    content: none;
}

.cat-left-wrapper {
    position: relative;
}

.cat-left-items {
    background: #fff;
    width:98%;
    padding-left: 40px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);
    position: absolute;
    top: 8px;
    display: none;
    z-index: 99999999;
}

.cat-left-items ul li {
    position: relative;
    z-index: 999999999;
}

.cat-left-items h4{
    font-size: 16px;
    color: #af1b1e;
    font-weight: 600;
}
.cat-left-items a{
    font-size: 14px;
    color:#585858;
}
.cat-left-items a.link_all{
    color: #d64d62;
}
.cat-left-items a:hover{
    color: #8d8d8d;
}

.cat-left-items ul li a {
    display: block;
    width: 93%;
    position: relative;
    color: #585858;
    font-weight: 500;
    padding: 7px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.cat-left-items ul li a:hover {
    color: #433e93;
}

.cat-left-items ul li a span {
    position: absolute;
    right: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.cat-left-items ul li a:hover span {
    right: -10px;
}

.cat-left-items ul li ul {
    position: absolute;
    left: 100%;
    width: 230px;
    background: #fff;
    padding: 25px;
    top: 3px;
    display: none;
    z-index: 5;
    padding-right: 35px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);
}

.cat-left-items ul li:hover ul {
    display: block;
}

.activebar span:first-child {
    transform: rotate(45deg) translateY(7px);
}

.activebar span:nth-child(2){
    display: none;
}

.activebar span:last-child {
    transform: rotate(-45deg) translateY(-6px);
}

.activebar {
    position: relative;
    left: 8px;
}

/*-- catagory area end --*/

/*-- bannar area start --*/
.bannar {
    /*    background-image: url(images/banar.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;*/
}

.bannar-left h5 {
    font-family: 'Catamaran', sans-serif;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

.bannar-left img {
    display: block;
    width: 290px;
    margin: auto;
}

.bannar-left span {
    display: block;
    color: #fff;
    font-size: 38px;
    font-weight: 800;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    margin-left: 65px;
}

.bannar-left a {
    display: inline-block;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: rgb(65,169,233);
    background: linear-gradient(90deg, rgba(65,169,233,1) 44%, rgba(89,135,230,1) 87%);
    padding: 8px 45px;
    border-radius: 15px;
    margin-top: 20px;
    margin-left: 50px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.bannar-left a:hover {
    opacity: .7;
}

.bannar-right img {
    display: block;
    width: 540px!important;
    margin-left: auto;
}

.bannar-left img {
    display: block;
    width: 300px!important;
    margin: auto;
}

.slider-control img {
    width: 60px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    z-index: 99999;
}

.bannar-slider {
    position: relative;
}

.slider-control img.left {
    top: 42%;
    left: 50px;
}

.slider-control img.right {
    top: 42%;
    right: 50px;
}

.bannar-slider .owl-theme .owl-dots .owl-dot span {
    margin: 0px 10px;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,0.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.1);
}

.bannar-slider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -55px;
    position: relative;
}

.bannar-slider .owl-theme .owl-dots .owl-dot.active span {
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.2);
}

/*-- bannar area end --*/

.pmain {
    /*    background: #F2F2F2;*/
    margin-top: 30px;
}

/*-- gagget area start --*/
.gagget-one img {
    display: block;
    width: 100%;
}

.gagget {
    padding: 20px 0;
}

/*-- gagget area end --*/

/*-- deal area start --*/
.deal-heading {
    display: flex;
    /*    align-items: center;*/
    justify-content: space-between;
    background: #fff;
    padding: 15px 20px;
}

.deal-heading h3 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight:bold;
    color: #282828;
}
.deal-heading p {
    font-size: 16px;
    color: #585858;
    padding-top: 5px;
}

.deal-heading a {
    display: inline-block;
    font-size: 14px;
    color:#eb2227;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.deal-heading a:hover {
    /*    background: #d64d62;
        border-color: #d64d62;*/
    color: rgba(0,0,0,0.68);
}

.deal-block-one-images img {
    display: block;
    width: 100%;
}

.deal-block .col-lg {
    padding-left: 4px;
    padding-right: 4px;
}

.deal-block-one-text span {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #433E93;
    border-radius: 36px;
    padding: 0px 11px;
    position: relative;
    top: -13px;
}

.deal-block-one-text a {
    display: inline-block;
    font-size: 13px;
    color: #585858;
    font-weight: 600;
    margin-top: -10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.deal-block-one-text a:hover {
    color: #D64D62;
}

.deal-block-one-text {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}

.deal-block-one-price {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.deal-block-one-price-left h4 {
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: 600;
    color: #d64d62;
}

.deal-block-one-price-left p {
    margin-bottom: 0;
    font-size: 14px;
    color: #585858;
}

.deal-block-one-price-left p del {
    color: #8d8d8d;
    display: inline-block;
    margin-right: 15px;
}

.deal-block-one-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deal-block-one-price-right ul li {
    display: inline-block;
}

.deal-block-one-price-right ul li a {
    display: inline-block;
    font-size: 20px;
    color: #8D8D8D;
    margin-left: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.deal-block-one-price-right ul li:last-child a {
    color: #d64d62;
}

.deal-block-one-price-right ul li a:hover {
    opacity: .7;
}

.deal-block {
    padding-left: 12px;
    padding-right: 12px;
}

.deal-block .col-lg {
    width: 20%!important;
    max-width: 20%!important;
    flex: none!important;
}

.deal-block-one {
    margin-top: 10px;
}

/*-- deal area end --*/

/*-- shop area start --*/
.shop {
    margin-top: 25px;
    overflow: hidden;
}

.deal-images {
    background: #fff;
    text-align: center;
}

.deal-images p {
    font-size: 14px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 0;
    padding: 8px 0;
}
.deal-images2 {
    background: #fff;
    text-align: center;
}
.deal-images2 p { 
    font-size: 16px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 0;
    padding: 5px 20px;
    border: 1px #f2f2f2 solid;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.deal-images2 p:hover,.deal-images2.active p{
    color: #ffffff;
    background: #8d8d8d;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.bx-items{
    background: #fff;
    width: 180px;
    /*    text-align: center;*/
}
.discount_badge{
    width: 69px;
    height: 69px;
    background-image:url(images/discount_badge.png);
    position: absolute;
    /* z-index: 99999999999999; */
    left: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding-left: 8px;

}

.bx-items .bx-ta{
    height:72px;
    padding-left: 10px;
}
.bx-items .bx-amt{
    height:60px;
    padding-left: 10px;
}
.bx-items .bx-tt{
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bx-items .bx-tt a{
    color: #282828;
}
.bx-items .bx-tt a:hover{
    color: #eb2227;
}

.bx-items .bx-author{
    color: #8d8d8d;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.bx-items .bx-price,.prd-price .bx-price{
    color: #eb2227;
    font-size: 20px;
    font-weight:600;
}
.bx-items .bx-disc{
    line-height: 20px;
}

.bx-items .bx-disc .bx-disc-amt,.prd-price .bx-disc-amt{
    color: #8d8d8d;
    font-size: 16px;
    text-decoration: line-through;
}
.bx-items .bx-disc .bx-disc-pc,.prd-price .bx-disc-pc{
    font-size: 16px;
    color: #585858;
}
.prd-price{
    display: flex;
}
.prd-price .pd-pp1{
    /*    display: inline-block;*/
}
.prd-price .pd-pp2{
    /*    display: inline-block;*/
    /*    vertical-align: bottom;*/
    margin-left: 25px;
    margin-top: 8px;
}
.bx-kwzone{

}

.bx-kwzone label{
    font-size: 18px;
    color: rgb(88, 88, 88);
    margin: 0;
    padding: 5px 20px;
    border: 1px #f2f2f2 solid;
    font-weight: 600;
    margin-left: 10px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.bx-kwzone label:hover{
    color: #ffffff;
    background: #8d8d8d;   
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.tbl-prd{
    font-size: 14px;
    color:#585858;
}
.tbl-prd a{
    color: #af1b1e;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.tbl-prd a:hover{
    color: #999999;

}
.bx-items .img{
    position: relative;
    background-size: cover;
    width: 100%;
    height: 240px;
    margin: auto;
    margin-bottom: 15px;
    box-shadow: 0px 36px 16px -34px rgb(0 0 0 / 40%);
}
.bx-items .bx-cart{
    padding-left: 10px;
}

.bx-items .bx-cart img{
    display: inline-block;
    width: auto;
    padding-right: 5px;
    vertical-align: text-top;
}
.bx-items .bx-cart button{ 
    width: 130px;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    color: #585858;
    border: 1px #8d8d8d solid;
    /*    padding: 5px 16px;*/
    background: transparent;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.bx-items .bx-cart button:hover{
    color: #eb2227;
    border: 1px #eb2227 solid;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.bx-items .bx-rating{
    float: left;
    padding-left: 10px;
    /*        display: flex;*/
    /*    padding: 0 10px;*/
}
.bx-items .bx-rating .rat-l{ float: left;width: 145px;}
.bx-items .bx-rating .rat-r{float: right;}
.bx-items .bx-rating img{
    display: inline-block;
    width: auto;
}
.rate-txt{
    color: #8d8d8d;
    font-size: 12px;
    /*    padding: 0 5px;*/
}


.shop-wrapper-slide {
    padding-left: 5px;
    padding-right:5px;
    margin-top: 15px;
    position: relative;
}
.shop-wrapper-slide.mgn-left{
    padding-left: 25px;
}
@media screen and (max-width:1470px) {
    .shop-wrapper-slide.mgn-left{
        padding-left: 25px;
        padding-right: 25px;
    }
}

.shop-wrapper-slide2{
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.resp-odimg img{

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 991px) {
    .resp-odimg img{
        width: auto !important;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .resp-odimg img{
        width: auto !important;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


.deal-control img {
    display: inline-block;
    /*    width: 92px;*/
    cursor: pointer;
    position: absolute;
}

.deal-control img.left-one {
    z-index: 9;
    top: 30%;
    left: -40px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.deal-control img.left-one:hover{
    opacity: .7;
}

.deal-control img.right-one {
    z-index: 9;
    top: 30%;
    right: -40px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.deal-control img.right-one:hover{
    opacity: .7;
}


.deal-control img.left-one2 {
    z-index: 9;
    top: 0;
    left: -40px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.deal-control img.left-one2:hover{
    opacity: .7;
}

.deal-control img.right-one2 {
    z-index: 9;
    top: 0;
    right: -40px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.deal-control img.right-one2:hover{
    opacity: .7;
}


@media screen and (min-width: 992px) and (max-width: 1360px){
    .deal-control img.left-one{
        left: -15px;
    }
    .deal-control img.right-one{
        right: -15px;
    }

    .deal-control img.right-one.right-img-prd{
        right:-25%;
    }
    .deal-control img.left-one.left-img-prd{
        left: -25%;
    }


}


.feature-one {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 12px 20px;
}

.feature-one-left img {
    width: 32px;
    display: inline-block;
    margin-right: 20px;
}

.feature-one-right p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
    font-weight: 600;
}

.feature-one-right span {
    display: block;
    font-size: 15px;
    color: #8d8d8d;
}

.feature-wrapper .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.feature-wrapper {
    padding-left: 60px;
    padding-right: 60px;
}

.feature-one-two p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
    font-weight: 600;
    margin-right: 15px;
}

.feature-one-right ul li {
    display: inline-block;
}

.feature-one-right ul li a {
    display: inline-block;
    margin-left: 14px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.feature-one-right ul li a:hover {
    opacity: .7;
}

.feature-one-right ul li a img {
    display: inline-block;
    width: 32px;
}

.feature {
    margin-top: 50px;
    padding-bottom: 15px;
}

/*-- shop area end --*/

/*-- footer area start --*/
.footer {
    background: #f0f2fa;
}
.footer.bg2 {
    background: #f2f2f2;
}

.footer-one-heading p{
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.footer-one-link ul li a {
    display: inline-block;
    font-size: 14px;
    color: #585858;
    padding: 5px 0px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.footer-one-link ul li a:hover {
    opacity: .7;
}
.footer .ft-facebook{
    padding-left: 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.footer .ft-facebook:hover{
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.footer .col-lg {
    border-right:1px solid #dcdee4;
    padding-top: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.footer .col-lg:last-child{
    border-right:0px solid #dcdee4;
}

.footer-two {
    padding-left: 20px;
}

.footer-one-text p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
}

.footer-one-form input {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border: 0;
    outline: none;
    font-size: 14px;
    padding: 10px 18px;
}

.footer-one-form input::placeholder {
    opacity: .8;
}

.resp-error{
    float: right;
    color:#af1b1e;
}

.footer-one-button button {
    display: inline-block;
    border: 0;
    outline: none;
    font-size: 13px;
    color: #fff;
    padding: 10px 22px;
    background: #FFB900;
    border-radius: 10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    margin-top: 15px;
}

.footer-one-button button:hover {
    opacity: .7;
}

.footer-three {
    padding-left: 20px;
    padding-right: 20px;
}

.footer-four-img img {
    display: inline-block;
    width: 205px;
}

.footer-four-link ul li a {
    color: #B84358;
}

.footer-four-link ul li a:after {
    background: #B84358;
}

.footer-four-border {
    border-right: 0!important;
}

.footer-four {
    padding-bottom: 35px;
}

/*-- footer area end --*/

/*-- catagory area start --*/
.catagory-footer {
    background: #F2F2F2;
}

.catagory-heading p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #8d8d8d;
    font-weight: 600;
}

.catagory-link {
    display: flex;
}

.catagory-link-left p {
    margin-bottom: 0;
    font-size: 11px;
    color: #8d8d8d;
    width: 120px;
}

.catagory-link-right ul li {
    display: inline-block;
}

.catagory-link-right ul li a {
    font-size: 11px;
    color: #8d8d8d;
    width: 90px;
    display: inline-block;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.catagory-link-right ul li a:hover {
    opacity: .7;
}

.catagory-link {
    margin-bottom: 5px;
}

.catagory-main {
    background: #F2F2F2;
    padding-top: 30px;
    padding-bottom: 30px;
}

.catagory-text-wrapper h6 {
    margin-bottom: 5px;
    font-size: 14px;
    color: #8d8d8d;
    font-weight: 600;
}

.catagory-text-wrapper p {
    margin-bottom: 0;
    font-size: 11px;
    color: #8d8d8d;
}

.catagory-text-wrapper {
    margin-top: 50px;
}

/*-- catagory area end --*/

/*-- smtheader area start --*/
.smtheader {
    background: #af1b1e;
    padding: 10px 0;
}

.smtheader-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.smtheader-left {
    width: 30px;
    cursor: pointer;
}

.smtheader-left span {
    display:block;
    width: 100%;
    height: 3px;
    background: #fff;
    margin: 6px 0;
    border-radius: 6px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
/*
.theader-left a{
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

}
.theader-left a:hover{
    opacity: .7;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

}*/


.smtheader-middle img {
    display: inline-block;
    width: 170px;
    margin-left: 15px;
}

.smtheader-right ul li {
    display: inline-block;
}

.smtheader-right ul li a {
    display: inline-block;
    color: #fff;
    margin-left: 5px;
    position: relative;
}

.smtheader-right ul li a span {
    display: inline-block;
    font-size: 12px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 50%;
    color: #000;
    padding: 0px 6px;
    position: absolute;
    top: -7px;
    right: -9px;
}

/*-- smtheader area end --*/

/*-- smcata-link area start --*/
.smcata-link {
    position: fixed;
    width: 88%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9999999;
    height: 100vh;
    overflow: auto;
    padding-bottom: 35px;
    left: -100%;
}

.smcata-link-fl span {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    padding-bottom: 25px;
    cursor: pointer;
}

.smcata-link-wrapper ul li a {
    display: block;
    color: #585858;
    margin-top: 10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    padding: 8px 25px;
    font-weight: 600;
    padding-left: 60px;
}

.smcata-link-wrapper ul li ul li a {
    margin-top: 0;
}

.smcata-link-wrapper ul li a img {
    display: inline-block;
    width: 12px;
}

.smcata-link-wrapper ul li a:hover {
    opacity: .7;
}

.smcata-link-wrapper ul li a span {
    float: right;
}



p#copy {
    margin-bottom: 0;
    font-size: 13px;
    color: #fff;
    margin-top: 0px;
    text-align: center;
    padding-bottom: 35px;
}

.theader .cat-left {
    display: none;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.theader img.smlgo {
    display: inline-block;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    width: 45px;
}

.sticky-top .cat-left {
    display: flex;
    transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    opacity: 1;
    visibility: visible;
}

.sticky-top img.smlgo {
    display: inline-block;
    width: 45px;
    margin-left: 40px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    position: relative;
    top: 0;
}


.sticky-top img.biglogo {
    display: inline-block; 
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;

    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
}

.theader-left {
    display: flex;
    align-items: center;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    position: relative;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;

}

.items-for-sticky {
    top: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.activebar .cat-left-bar {
    padding-top: 6px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.smcata-link-fl {
    display: flex;
    align-items: center;
}

.smcata-cross {
    width: 45px;
}

.smcata-cross img {
    display: inline-block;
    width: 23px;
    cursor: pointer;
}

.smcata-cross-logo img {
    display: inline-block;
    width: 164px;
    margin-left: 14%;
}

.smcata-link-fl {
    padding: 15px 25px;
    border-bottom: 1px solid #d9d9d9;
}

.account-link ul li a {
    display: block;
    width: 100%;
    color: #585858;
    font-weight: 600;
    padding: 10px 25px;
    border-bottom: 1px solid #D9D9D9;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.account-link ul li a:hover {
    opacity: .7;
}

.account-link ul li a img {
    display: inline-block;
    width: 20px;
    margin-right: 15px;
    position: relative;
    top: -3px;
}


.account-link ul li a i {
    display: inline-block;
    font-size: 20px;
    margin-right: 14px;
}

.account-link ul li a span img {
    display: inline-block;
    width: 12px;
    margin-right: 0;
}


.account-link ul li ul li a {
    padding-left: 60px;
    padding-top: 14px;
    padding-bottom: 14px;
    border: 0;
}

.account-link ul li span.roted img {
    transform: rotate(90deg);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.smcata-link-wrapper ul li span.roted img {
    transform: rotate(90deg);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.overlay {
    position: relative;
    overflow: hidden;
}

.overlay:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 999999;
}

.smtheader-right ul li a img {
    display: inline-block;
    width: 20px;
}

.account-link-sub {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999999999999;
    display: none;
}

.account-link-sub .smcata-cross-logo img {
    display: inline-block;
    width: 200px;
}

.account-link-sub .smcata-cross-logo a {
    padding: 0;
    border-bottom: 0;
}

.account-link-back span {
    display: inline-block;
    color: #585858;
    font-weight: 600;
    cursor: pointer;
}

.account-link-back span img {
    display: inline-block;
    width: 12px;
    margin-right: 15px;
}

.account-link-back {
    padding: 10px 35px;
    border-bottom: 1px solid #D9D9D9;
}

/*-- smcata-link area end --*/

/*-- search-area start --*/

.search {
    background: #0A0920;
    padding: 14px 0;
    position: absolute;
    width: 100%;
    z-index: 99999;
    left: 0;
    top: 0;
    display: none;
}

.search-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 3px 10px;
    border-radius: 8px;
}

.search-input {
    width: 100%;
}

.search-input input {
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    font-size: 12px;
    background-image: url(images/serb.png);
    background-repeat: no-repeat;
    background-position: top 8px left 10px;
    padding: 10px;
    padding-left: 50px;
    background-size: 20px;
}

.search-input input::placeholder {
    opacity: 1;
}

.search-cross button {
    display: inline-block;
    background: none;
    border: 0;
    outline: none;
    width: 35px;
}

.search-cross button img {
    display: inline-block;
    width: 15px;
}



.smcata-link::-webkit-scrollbar {
    display: none;
}


.smcata-link {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/*-- search-area end --*/

/*============================
    catagory page start
============================*/

/*-- breadcum area start --*/

.main-component .container {
    /*    max-width: 1550px;*/
    max-width: 1460px;
}

.main-component {
    /*    background: #F2F2F2;*/
    /*    padding-top: 15px;*/
    padding-bottom: 10px;
}

.breadcum-wrapper {
    /*    background: #fff;*/
    padding: 5px 0px;
    margin-bottom: 20px;
}

.breadcum-wrapper .col-lg{
    flex: 0 0 55%;
    max-width: 55%;
}
.breadcum-wrapper .col-lg:first-child{
    flex: 0 0 25%;
    max-width: 25%;
}

.breadcum-wrapper .col-lg:last-child{
    flex: 0 0 20%;
    max-width: 20%;
}

.breadcum-left-link ul li {
    display: inline-block;
}

.breadcum-left-link ul li a {
    display: inline-block;
    font-size: 14px;
    color: #8d8d8d;
}

.breadcum-left-link ul li:last-child a {
    color: #585858;
    font-weight: 600;
}

.breadcum-left-link h3 {
    color: #282828;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    /*    white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.breadcum-left-link .kk-dd{
    font-size: 24px;
    color: #eb2227;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.breadcum-middle p {
    margin-bottom: 0;
    font-size: 14px;
    color: #8d8d8d;
    font-weight: 500;
}

.main-component .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

.main-component .col-lg-6 {
    flex: 0 0 60%;
    max-width: 60%;
}

.breadcum-right select {
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    outline: none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image: url(images/da.png);
    background-repeat: no-repeat;
    background-position: top 14px right 14px;
    font-size: 16px;
    color: #585858;
    cursor: pointer;
    padding: 6px 14px;
    padding-right: 40px;
}

.breadcum-right select.sel-sty2{
    color: #8d8d8d;
    font-size: 14px;
    min-width:170px;
}

.breadcum-right a{
    color: #585858;
}

/*-- breadcum area end --*/

/*-- catagory-filter area start --*/
.catafil-left-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 0px 15px;
}

/*.catafil-left-heading.prd-filter{
        padding: 0;
}*/
@media screen and (max-width: 1200px) {
    .prd-filter .catafil-left-heading{
        padding: 0;
        margin-top: 5px;
    }
    .prd-filter .catafil-left{
        padding: 15px;
    }
    .prd-filter .catafil-download{
        padding: 15px 0;;
    }
}



.catafil-left-heading span {
    font-size: 14px;
    color: #282828;
    font-weight: 600;
}

.catafil-left-heading a {
    display: inline-block;
    color:#af1b1e;
    font-size: 13px;
    font-weight: 500;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}


.catafil-left-heading a:hover {
    opacity: .7;
}

.catagory-fliter .catafil-cata p {
    margin-bottom: 5px;
    font-size: 13px;
    color: #585858;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.catagory-fliter .catafil-cata p a{
    color: #585858;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.catagory-fliter .catafil-cata p a:hover,.catagory-fliter .catafil-cata a:hover p{
    color: #af1b1e;
}
.catafil-cata .catafil-tt{
    font-size: 13px;
    color:#af1b1e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 600;
}
.catafil-download{
    font-size: 13px;
    padding:15px;
    color:#585858;
}
.catafil-download a{
    color:#585858;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.catafil-download a:hover{
    color: #af1b1e;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.catafil-download .catafil-bxload{
    padding-bottom: 7px;
}

.catafil-cata .catafil-price{
    font-size: 14px;
    color:#eb2227;
    font-weight: 600;
}

.catafil-cata .check-box {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 9px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #585858;
}

.catafil-cata .check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.catafil-cata .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border: 1px solid #8D8D8D;
    border-radius: 4px;
}

.catafil-cata .check-box input:checked ~ .checkmark {
    background-color: #D64D62;
    border-color: #D64D62;
}

.catafil-cata .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.catafil-cata .check-box input:checked ~ .checkmark:after {
    display: block;
}

.catafil-cata .check-box .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.catafil-cata {
    padding: 15px 0;
    padding-left: 15px;
    border-bottom:1px solid #dedede;
}

.catafil-cata-check {
    padding-left: 10px;
}

.catafil-input {
    display: flex;
    align-items: center;
}

.catafil-input-one input {
    display: block;
    border: 1px solid #D9D9D9;
    width: 75px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
}

.catafil-input-one span {
    display: inline-block;
    font-size: 14px;
    color: #585858;
    margin: 0px 10px;
}

.catafil-input-one button {
    display: inline-block;
    background: none;
    border: 0;
    outline: none;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}


.catafil-input-one button:hover {
    opacity: .7;
}

.catafil-input-one button img {
    display: inline-block;
    width: 32px;
}

.catafil-cata-check span.color-cata {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #df0000;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.catafil-cata-check span.green {
    background: #2fcb06;
}

.catafil-cata-check span.blue {
    background: #062bcb;
}

.catafil-cata-check span.orange {
    background: #e95800;
}

.catafil-cata-check span.black {
    background: #000000;
}

.catafil-cata-check span.white {
    background: #fff;
}

.catafil-cata-check span.gold {
    background: #c8a30e;
}

.catafil-cata-check span.grey {
    background: #9a9a9a;
}

.catafil-right-tag ul li {
    display: inline-block;    
}

.catafil-right-tag ul li a {
    display: inline-block;
    color: #8d8d8d;
    font-size: 12px;
    border-radius: 12px;
    padding: 4px 14px;
    border: 1px solid #DADADA;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    margin-right: 10px;
}

.catafil-right-tag ul li a:hover {
    opacity: .8;
}

.catafil-right-tag ul li img {
    display: inline-block;
    width: 9px;
    margin-left: 5px;
}

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

.catafil-block-wrapper .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.catafil-block-one .content img {
    display: block;
    width: 100%;
}

.catafil-right {
    margin-left: 20px;
}

.main-component .col-lg-9 {
    flex: 0 0 80%;
    max-width: 80%;
}

.base span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    background: #433E93;
    border-radius: 30px;
    padding: 0px 10px;
    position: relative;
    top: -12px;
}

.thumnai-xtra img {
    display: inline-block;
    width: 30px;
}

.carouselcustom .thumb img {
    display: inline-block;
    width: 55px;
}

.carouselcustom .carousel-item {
    display: flex;
    align-items: center;
}

.thumb-one-pic {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.thumb-one-pic img {
    display: inline-block;
    width: 30px;
}

.thumnai-slider {
    width: 150px;
    padding-right: 15px;
}

.active-border {
    border:1px solid #E28291!important;;
}

.catafil-block-one .carousel-control-prev-icon {
    background-image: url(images/leftx.png);
    width: 5px;
    height: 10px;
    position: relative;
    left: -5px;
    top: -1px;
}

.catafil-block-one .carousel-control-next-icon {
    background-image: url(images/rightx.png);
    width: 5px;
    height: 10px;
    position: relative;
    right: -5px;
    top: -1px;
}

.catafil-block-one .carousel-control-prev, .carousel-control-next {
    opacity: 1;
}

.catafil-block-one .carousel-control-next {
    right: -7%;
}

.catafil-block-one .carousel-control-prev {
    left: -18px;
}

.catafil-block-one {
    background: #fff;
    margin-bottom: 10px;
}

.base {
    padding-left: 8px;
    padding-right: 8px;
}

.thumbborder {
    padding-left: 8px;
    padding-right: 8px;
}

.catafil-block-one-link a {
    font-size: 14px;
    color: #585858;
    display: inline-block;
    line-height: 1.2;
}

.catafil-block-one-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catafil-block-one-amount-left h4 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #d64d62;
}

.catafil-block-one-amount-left p {
    margin-bottom: 0;
    font-size: 12px;
    color: #585858;
}

.catafil-block-one-amount-left p del {
    color: #8d8d8d;
    display: inline-block;
    margin-right: 10px;
}

.catafil-block-one-amount-right ul li {
    display: inline-block;
}

.catafil-block-one-amount-right ul li a {
    display: inline-block;
    font-size: 18px;
    color: #8D8D8D;
    margin-left: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.catafil-block-one-amount-right ul li:last-child a {
    color: #d64d62;
}

.catafil-block-one-text {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.catafil-block-one-amount {
    margin-top: 10px;
}

.small-images {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 8px;
}

.slide-thumb {
    left: -15px;
    position: relative;
    width: 144px;
}

.full img {
    display: block;
    width: 100%;
}

.catafil-right .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 30px;
    margin-bottom: 50px;
}

.catafil-right.ccter .col-lg-2{
    /*    flex: 0 0 20%;
        max-width: 20%;*/
    padding-right: 30px;
    margin-bottom: 50px;
}

.small-images a img {
    border: 1px solid transparent;
}

.catafil-pagi ul li {
    display: inline-block;
    margin: 0px 2px;
}

.catafil-pagi ul li a {
    display: inline-block;
    font-size: 13px;
    color: #8d8d8d;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    background: #fff;
    padding: 5px 18px;
}

.catafil-pagi ul li:first-child a {
    padding: 5px 12px;
}

.catafil-pagi ul li:last-child a {
    padding: 5px 12px;
}

/*.catafil-pagi ul li:nth-child(2) a {
    background: #af1b1e;
    color: #fff;
    border-color: #af1b1e;
}*/
.catafil-pagi ul li.active a{
    background: #af1b1e;
    color: #fff;
    border-color: #af1b1e;
}

.catafil-pagi ul li.bar a {
    padding: 5px 10px;
    background: none;
    border: 0;
    font-size: 20px;
    position: relative;
    top: 4px;
}

.catafil-pagi {
    margin-top: 20px;
}

.catafil-right-tag {
    margin-bottom: 20px;
}

.catafil-cata-two {
    border-bottom: 1px solid #C2C2C2;
}

.deal-images-text {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 25px;
}

.deal-images-text a {
    display: inline-block;
    color: #585858;
    font-size: 14px;
    font-weight: 600;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.deal-images-text a:hover {
    opacity: .7;
}

.deal-images-price {
    margin-top: 10px;
}

.deal-images-price h5 {
    font-size: 18px;
    color: #d64d62;
    font-weight: 700;
    margin-bottom: 0;
}

.deal-images-price p {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    color: #8d8d8d;
}

.deal-images-price p span {
    display: inline-block;
    color: #585858;
    margin-left: 6px;
}

.shop-two {
    margin-top: 100px;
}

.shop-three {
    margin-top: 50px;
}

.feautre-two .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.cata-modal-heading h3 {
    font-weight: 600;
    color: #333;
    font-size: 25px;
    margin-bottom: 15px;
    text-align: left!important;
}

.cata-modal-heading p {
    margin-bottom: 0;
    text-align: left!important;
    color: #585858;
}

.cata-modal-heading  a {
    display: inline-block;
    color: #D75166;
}

.cata-modal-heading  a:hover {
    opacity: .7;
}

.cata-modal-heading span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #D75166;
    cursor: pointer;
    margin-top: 25px;
}

.modal-content {
    padding-top: 45px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 45px;
}

#myModal .modal-content {
    border-radius: 0px!important;
    border: 0;
}

#myModal .modal-lg, .modal-xl {
    max-width: 700px;
    box-shadow: 0px 0px 7px 0px rgba(255,255,255,.5);
    border: 0;
}

#myModal .modal-dialog {
    margin: 11px auto;
}

/*-- catagory-filter area end --*/

/*-- sm-filter area start --*/
.sm-filters {
    background: #fff;
    padding: 15px 0;
    position: fixed;
    width: 100%;
    height: 69px;
    z-index: 500;
}

.sm-filter-wrapper h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: #282828;
}

.sm-filter-wrapper span {
    display: inline-block;
    font-size: 14px;
    color: #585858;
    font-weight: 500;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 3px 18px;
    cursor: pointer;
}

.sm-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*-- sm-filter area end --*/

/*-- sm-tag area start --*/
.sm-tag-wrapper ul li {
    display: inline-block;
}

.sm-tag-wrapper ul li a {
    display: inline-block;
    color: #8d8d8d;
    font-size: 10px;
    border-radius: 12px;
    padding: 1px 5px;
    border: 1px solid #DADADA;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    margin-right: 10px;
}

.sm-tag-wrapper ul li a img {
    display: inline-block;
    width: 6px;
    margin-left: 5px;
}

/*-- sm-tag area end --*/

/*-- sm-filter area start --*/
.sm-filter {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 999999;
    overflow: auto;
    left: -100%;
}

.sm-filter-cata-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px;
    border-bottom: 2px solid #D9D9D9;
}

.smfch-one img {
    display: inline-block;
    width: 30px;
    cursor: pointer;
}

.smfch-two p {
    margin-bottom: 0;
    color: #585858;
    font-size: 20px;
    font-weight: 600;
    margin-left: -25px;

}
.smfch-two a,.smfch-three a{
    color: #585858;
}

.sm-filter-cata-link-one-content .crb-area {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #585858;
}


.sm-filter-cata-link-one-content .crb-area input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.sm-filter-cata-link-one-content .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    border: 2px solid #919191;
}

.sm-filter-cata-link-one-content .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sm-filter-cata-link-one-content .crb-area input:checked ~ .checkmark:after {
    display: block;
}


.sm-filter-cata-link-one-content .crb-area .checkmark:after {
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #D64D62;
}

.sm-filter-cata-link-one-heading p {
    margin-bottom: 0;
    font-size: 18px;
    color: #585858;
    font-weight: 600;
    cursor: pointer;
}

.sm-filter-cata-link-one-content {
    margin-left: 30px;
    margin-top: 15px;
    display: none;
}

.sm-filter-cata-link-one {
    padding: 12px 0;
    border-bottom: 2px solid #D9D9D9;
}

.sm-filter-cata-link-one-heading {
    padding-left: 15px;
    padding-right: 15px;
}




.smfilter-cata-check .check-box {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.smfilter-cata-check .check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.smfilter-cata-check .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 0;
    border-width: 1px;
}

.smfilter-cata-check .check-box input:checked ~ .checkmark {
    background: #D64D62;
    border-color: #D64D62;
}

.smfilter-cata-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.smfilter-cata-check .check-box input:checked ~ .checkmark:after {
    display: block;
}

.smfilter-cata-check .check-box .checkmark:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sm-filter-cata-link-one-content .catafil-cata-check {
    padding-left: 0px!important;
}

.sm-filter-cata-button ul li {
    display: inline-block;
}

.sm-filter-cata-button ul li a  {
    display: inline-block;
    color: #fff;
    /* font-weight: 600; */
    font-size: 14px;
    background: #282828;
    border-radius: 8px;
    /* padding: 4px 30px; */
    margin: 0px 5px;
    padding: 7px 22px;
}

.sm-filter-cata-button ul li:last-child a {
    background: #af1b1e;
}

.sm-filter-cata-button {
    margin-top: 120px;
}

.sm-tag-wrapper {
    margin: 5px 0;
}

/*-- sm-filter area end --*/

/*============================
    catagory page end
============================*/

/*============================
    campain page start
============================*/

.campain-block .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

.campain-block {
    margin-top: 40px;
}




/*============================
    campain page end
============================*/


/*============================
    product page start
============================*/

/*-- pro-share area start --*/
.breadcum-share ul li {
    display: inline-block;
    margin-left: 15px;
}

.breadcum-share ul li a {
    display: inline-block;
    font-size: 20px;
    color: #8D8D8D;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.breadcum-share ul li a:hover {
    opacity: .7;
}

.breadcum-share ul li:last-child a {
    color: #D64D62;
}

/*-- pro-share area end --*/

/*-- pro-img-zoom area start --*/

.gallery-viewer img {
    width: 100%!important;
}

.zoomLens {
    width: 200px!important;
    height: 200px!important;
    background: rgba(214, 77, 98,.2)!important;
    border: 0!important;
}

.zoomLens:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(214, 77, 98,.2);
}

.zoomTint {
    background: none!important;
}

.main-content-two .pro-img-zoom-wrapper .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.zoomContainer {
    cursor: zoom-in!important;
}

.wrapper {
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-right: 15px;
}

#gallery_pdp {
    width: 99% !important;
}

.wrapper img {
    width: 54px;
    margin-right: 1px;
}

.wrapper a {
    width: inherit!important;
    margin: 0px 5px !important;
    transition: all .5s ease;
}

.pro-img-zoom-left {
    padding-right: 80px;
}

#gallery_pdp {
    height: inherit!important;
}

.role-ins p {
    margin-bottom: 0;
    font-size: 14px;
    color: #8d8d8d;
    margin: 5px 0;
}

.drp-country-close,.drp-country-cart-close{
    position: absolute;
    right: -25px;
    bottom: 9px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.drp-country-close:hover,.drp-country-cart-close:hover{
    opacity: 0.7;
}

.pro-img-zoom-wrapper {
    background: #fff;
    padding: 20px 50px;
}

.pro-img-text-heading span {
    /*    display: inline-block;*/
    font-size: 16px;
    color: #8d8d8d;
    /*    color: #fff;*/
    /*    border-radius: 36px;
        background: #433E93;*/
    /*    padding: 1px 10px;
        margin-bottom: 5px;*/
}

.pro-img-text-heading h5 {
    color: #282828;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0;
}

.pro-img-text-heading p {
    font-size: 15px;
    margin-top: 10px;
    color: #585858;
    font-weight: 500;
}

.pro-img-text-heading ul li {
    display: inline-block;
    font-size: 16px;
    color: #282828;
    font-weight: 500;
    margin-right: 25px;
    font-weight: 600;
}

.pro-img-text-heading ul li a {
    display: inline-block;
    color: #af1b1e;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.pro-img-text-heading ul li a:hover{
    color: #999;    
}

.pro-img-price h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    color: #d64d62;
}

.pro-img-price p {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 18px;
}

.pro-img-price p span {
    font-weight: 500;
    color: #585858;
    margin-left: 10px;
}

.pro-img-price {
    margin: 20px 0;
}

.pro-img-color {
    display: flex;
}

.pro-img-color-left p {
    margin-bottom: 0;
    font-size: 16px;
    color: #8d8d8d;
    width: 180px;
}

.pro-img-color-right p {
    margin-bottom: 4px;
    font-size: 16px;
    color: #585858;
    font-weight: 600;
}

.pro-img-color-right .labl {
    display : block;
    width: 400px;
}
.pro-img-color-right .labl > input{ 
    visibility: hidden; 
    position: absolute;
}
.pro-img-color-right .labl > input + div{ 
    cursor:pointer;
    border:2px solid transparent;
}
.pro-img-color-right .labl > input:checked + div{ 
    border: 2px solid #D64D62 !important;
    position: relative;
    border-radius: 5px;
}

.pro-img-color-box {
    display: flex;
    align-items: center;
}

.pro-img-color-box .labl {
    width: 37px;
    margin-right: 10px;
}

.pro-img-color-box .labl img.rd-color {
    width: 33px;
} 

.pro-img-color-box .labl span.rd-color-code {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.pro-img-color-right .labl > input:checked + div:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(images/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro-color-box-two .labl {
    width: 100px!important;
    margin-right: 10px;
}

.pro-color-box-two .labl div {
    text-align: center;
    color: #8d8d8d;
    font-size: 15px;
    padding: 5px 0px;
    border: 2px solid #e7e7e7!important;
    border-radius: 6px;
}

.pro-img-bettery {
    margin-top: 30px;
}

.pro-img-quality {
    display: flex;
}

.pro-img-quality-left p {
    margin-bottom: 0;
    font-size: 16px;
    color: #8d8d8d;
    width: 180px;
}

.pro-img-quality-right input {
    display: inline-block;
    width: 56px;
    text-align: center;
    font-size: 14px;
    color: #585858;
    pointer-events: none;
    border: 1px solid #e5e5e5;
    outline: none;
    font-weight: 500;
    border-top: 0;
    border-bottom: 0;
    padding: 5px 0;
}

.pro-img-quality-right div.icontigger {
    display: inline-block;
    background: none;
    font-size: 14px;
    color: #8d8d8d;
    border: 0;
    outline: none;
    padding: 5px;
    cursor: pointer;
}
.pro-img-quality-right div.icontigger:hover img{
    /*    color: #e5e5e5;*/
    opacity: 0.7;
}

.pro-img-quality-right {
    border: 1px solid #e5e5e5;
    display: inline-block;
}

.pro-img-quality-right .counter-minus{
    margin-left: 5px;
}
.pro-img-quality-right .counter-plus{
    margin-right: 5px;
}
.pro-img-quality {
    margin-top: 30px;
}

.pro-img-cart-left {
    width: 180px;
}

.pro-img-cart {
    margin-left: 180px;
}

.pro-img-cart-button span {
    display: inline-block;
    padding: 0;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 18px;
    /*    font-weight: 600;*/
    background: #af1b1e;
    border-radius: 11px;
    padding: 8px 25px;
    /*    margin: 50px 0;*/
    /*    margin-bottom: 25px;*/
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.pro-img-cart-button span:hover{
    /*    background: #9a181a;*/
    opacity: .7;
} 

.pro-img-cart-button button img {
    display: inline-block;
    width: 35px;
    margin-right: 20px;
}

.pro-img-textblock-one {
    display: flex;
}

.pro-img-textblock-one-left {
    width: 180px;
}

.pro-img-textblock-one-left p {
    margin-bottom: 0;
    font-size: 14px;
    color: rgb(88, 88, 88);
}

.pro-img-textblock-one-left p span {
    display: inline-block;
    width: 28px;
}

.pro-img-textblock-one-left p img {
    display: inline-block;
    width: 15px;
}

.pro-img-textblock-one-middle p {
    margin-bottom: 0;
    font-size: 14px;
    color: rgb(88, 88, 88);
    width: 230px;
    /*    font-weight: 600;*/
}

.pro-img-textblock-one-right a {
    display: inline-block;
    color: #d64d62;
    font-size: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.pro-img-textblock-one-right a:hover {
    /*    opacity: .7;*/
    color: #999999;
}

.pro-img-textblock-one-left p span.dayimg {
    display: inline-block;
    width: initial!important;
    color: #585858;
    font-weight: 500;
    margin-left: 30px;
}

.pro-img-textblock-one {
    margin-top: 15px;
}

/*-- pro-img-zoom area end --*/

/*-- profeature area start --*/
.profeature-left-heading h5 {
    font-size: 17px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 15px;
}

.profeature-left-content ul li {
    font-size: 14px;
    color: #8d8d8d;
    font-weight: 500;
    padding-left: 40px;
    position: relative;
}

.profeature-left-content ul li:after {
    content: "+";
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 0;
}

.profeature-wrapper .col-lg-3 {
    max-width: 25%;
    flex: 0 0 25%;
}

.profeature {
    padding: 25px 0;
}

/*-- profeature area end --*/

/*-- pro-details  area start --*/

.pro-details-wrapper {
    background: #fff;
    padding: 14px 20px;
}

.pro-details-wrapper h4 {
    font-size: 21px;
    color: #0a0920;
    font-weight: 600;
    margin-bottom: 0;
}

.pro-detalis-text {
    color: #585858;
    font-size: 16px;
    /*    background: #fff;
        padding: 20px;
        margin-top: 15px;*/
}

.pro-detalis-text p {
    font-size: 15px;
    color: #585858;
    margin-bottom: 10px;
    font-weight: 500;
}

/*-- pro-details  area end --*/

/*-- pro-modal area start --*/

.promodal {
    /*    position: absolute;*/
    position: fixed;
    width: 100%;
    background: #f2f2f2;
    left: 0;
    top: 142px;
    z-index: 9999;
    padding: 30px 0;
    padding-top: 20px;
    display: none;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 10%);
}

.promodal .modal-lg {
    max-width: 100%!important;
}

.promodal-left-heading p {
    margin-bottom: 0;
    font-size: 14px;
    color: rgb(88, 88, 88);
    font-weight: 600;
}

.promodal-left-heading p span {
    display: inline-block;
    color: #0E9204;
    margin-right: 8px;
    font-size: 20px;
}

.promodal-left-cotnent {
    display: flex;
    padding-left: 25px;
    /*    align-items: center;*/
}
.promodal-left-cotnent .showimg{
    width: 114px;
    height: 152px;
    background-size: cover;
    margin-right: 15px;
}

.promodal-left-content-left img {
    display: inline-block;
    width: 110px;
    margin-right: 20px;
}
.promodal-left-content-right{
    width: 100%;
}
.promodal-left-content-right h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color:#282828;
    margin-bottom: 5px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.promodal-left-content-right p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
}
.promodal-left-content-right p.pro-price{
    font-size: 16px;
    font-weight: 600;
    line-height: 34px;
}
.promodal-left-content-right .pro-bxprice{
    display: flex;
}
@media screen and (max-width: 576px) {
    .promodal-left-content-right .pro-bxprice{
        display: block;
    }
}

.promodal-left-content-right p strong {
    font-weight: 600;
}
.promodal-left-content-right p.det{
    font-size: 13px;
    color: #585858;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.promodal-right-link{
    margin: auto;
}

.promodal-left-heading {
    margin-bottom: 15px;
}

.promodal-right-heading p {
    margin-bottom: 0;
    font-size: 15px;
    margin-bottom: 45px;
}

.promodal-right-heading p span {
    display: inline-block;
    color: #585858;
    font-weight: 600;
    font-size: 18px;
}

.promodal-right-link ul li {
    display: inline-block;
}

.promodal-right-link ul li a {
    display: inline-block;
    background: #af1b1e;
    border-radius: 36px;
    color: #fff;
    font-size: 14px;
    width: 150px;
    /*    font-weight: 600;*/
    padding: 6px 17px;
    margin-right: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.promodal-right-link ul li a.bg-bb{
    background: #282828;
}

.promodal-right-link ul li a:hover {
    opacity: .7;
}

.promodal-right-link ul li a img {
    display: inline-block;
    /*    width: 25px;*/
    margin-right: 14px;
    position: relative;
    top: -2px;
}

.promodal-right-link ul li:last-child a img {
    display: inline-block;
    /*    width: 18px;*/
}

.promodal-content {
    max-width: 900px;
    margin: auto;
}

.promodal-wrapper {
    position: relative;
}

.promodal-cross span img {
    display: inline-block;
    width: 25px;
    position: absolute;
    right: 30px;
    top: 0;
    cursor: pointer;
}

.pro-img-text {
    margin-top: 24px;
}

.zoomWindow {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
}

a.mnu-tabchar{
    font-size: 16px;
    color: #585858;
}
.mnu-tabchar span{
    padding: 0 5px;
    margin: 0 15px;
}

a.mnu-tabchar:hover{
    color: #af1b1e;
}
a.mnu-tabchar.active{
    color: #af1b1e;
}


/*-- pro-modal area end --*/



/*============================
    product page end
============================*/


/*============================
    mycart page start
============================*/

.main-componant-four {
    background: #F2F2F2;
}

/*-- mp4check area start --*/
/* The container */
.mp4check-left .check-box {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #8d8d8d;
}

/* Hide the browser's default checkbox */
.mp4check-left .check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.mp4check-left .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    border: 1px solid #B7B7B7;
}



/* When the checkbox is checked, add a blue background */
.mp4check-left .check-box input:checked ~ .checkmark {
    background-color:#D64D62;
    border-color: #D64D62;
}

/* Create the checkmark/indicator (hidden when not checked) */
.mp4check-left .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.mp4check-left .check-box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.mp4check-left .check-box .checkmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mp4check-left { 
    background: #f2f2f2;
    padding: 20px;
    padding-bottom: 60px;
    margin-top: 25px;
    height: 100%;
    /*    padding-right: 30px;*/
}
.row.lgregis{

}
@media screen and (max-width: 1500px) {
    .row.lgregis{
        margin: 25px 15px;

    }
}

.bx-banktrans{

}
.bx-banktrans a,.bx-htorder a{
    color: #eb2227;
}
.bx-banktrans a:hover,.bx-htorder a:hover{ color: #585858;}
.bx-banktrans .bank_det{max-width: 100%;font-size: 14px;}
.bx-banktrans .bank_det .col-lg:first-child{max-width: 220px;}
.bx-banktrans .bank_det .col-lg:last-child{}


.bx-htorder .col-lg-6{
    padding-right: 130px;
    padding-left: 31px;
}
.bx-htorder .col-lg-6 p{margin-bottom: 30px;}
@media screen and (max-width: 992px) {
    .bx-htorder .col-lg-6{
        padding-right: 15px;
        padding-left: 15px;
    }
}
.bx-contacts{
    font-size: 16px;
    color: #585858;
}
ul.bx-contacts li{
    margin-bottom:20px;
}
.bx-contacts a.tel{
    color: #585858;
}
.bx-contacts .ct-addr{
    background: url('images/Marker.png') left top no-repeat; padding-left: 40px;margin-left: 30px;
}
.bx-contacts .ct-tel{
    background: url('images/Phone.png') left top no-repeat; padding-left: 40px;margin-left: 30px;
}
.bx-contacts .ct-mail{
    background: url('images/Mail.png') left center no-repeat; padding-left: 40px;margin-left: 30px;
}
.bx-contacts a{
    color: #af1b1e;
}
.bx-downloads{}
.bx-downloads a{
    color:#585858;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.bx-downloads a:hover{
    color: #8d8d8d;
}
.bx-faqs{
    padding: 0 70px;
}
.bx-faqs .faq_items{
    border-bottom: 1px #dedede solid;
    margin-bottom: 25px;
}
.bx-faqs .faq_items:last-child{
    border-bottom: 0px #dedede solid;
}
.bx-faqs .faq_items h4{color:#af1b1e; font-size:18px;font-weight:bold;}
.bx-faqs .faq_items p{color:#585858;margin-bottom: 25px;  font-size:16px;}

@media screen and (max-width: 992px) {
    .bx-faqs{
        padding: 0 15px;
    }
}

.another-check {
    display: flex;
    /*    align-items: center;*/
    padding: 35px 0;
    border-bottom: 1px solid #d9d9d9;
}

.ac-two {
    display: flex;
    /*    align-items: center;*/
}

.cart-content .ac-two{
    width: 50%;
}
/*.cart-content .ac-two .ac-two-right{
    padding-left: 15px;
}*/

.ac-two-right h5 {
    font-size: 14px;
    color: #282828;
    font-weight: 600;
    margin-bottom:0;
    line-height: 18px;
}
.ac-two-right h5 a{
    color: #282828;
}
.ac-two-right h5 a:hover{
    color: #8d8d8d;
}

.ac-two-right-para p {
    margin-bottom: 0;
    font-size: 14px;
    color: #585858;
    font-weight: 500;
    line-height: 18px;
}
.ac-two-right-para p a{
    color: #585858;
}
.ac-two-right-para p a:hover{
    opacity: 0.78;
}

.ac-two-right-para p span {
    display: inline-block;
    width: 165px;
}

.ac-two-right-para p strong {
    color: #585858;
    font-weight: 600;
}

.ac-two-right-para p  {
    margin-bottom: 5px;
}

.ac-two-left img {
    display: inline-block;
    width: 85px;
    margin-right: 20px;
}

.ac-three h6 {
    font-size: 15px;
    font-weight: 600;
    color: #eb2227;
}

.ac-three del {
    font-size: 15px;
    color: #8d8d8d;
    font-weight: 600;
}

.ac-three p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
}

.ac-three {
    margin: 0px 15px;
    width: 140px;
}
.acexe{
    /*    width: 170px;*/
}
.handle-counter{
    background: #fff;
    width: 124px;
    /*    height: 32px;*/
}
.ac-four p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #eb2227;
}

.ac-four {
    padding: 0px 15px;
    width: 140px;
    text-align: right;
}
.ac-five {
    padding: 0 10px;
}
.ac-five a {
    display: inline-block;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.ac-five a:hover {
    opacity: .7;
}

.ac-five a img {
    display: inline-block;
    /*    width: 14px;*/
}

.another-check-one {
    padding-top: 8px;
}

.another-check-two {
    border-bottom: 0;
    padding-bottom: 0;
}
.mp4check{
    background: #fff;
}
.mp4check-right {
    background: #f2f2f2;
    padding: 20px 10px 35px 10px;
    margin-top: 25px;
    height: 100%;
}

.mp4check-wrapper .col-lg-3 {
    padding-left: 0;
}

.mp4check-ship p {
    margin-bottom: 0;
    font-size: 14px;
    color: #585858;
    font-weight: 500;
}

.mp4check-ship h6 {
    font-size: 15px;
    color: #585858;
    font-weight: 500;
}

.mp4check-ship h6 a {
    display: inline-block;
    color: #eb2227;
    font-size: 14px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.mp4check-ship h6 a:hover {
    /*    opacity: .7;*/
    color: #999999;
}

.mp4check-ship span {
    font-weight: 600;
    color: #585858;
}

.mp4check-del {
    margin-top: 25px;
}

.mp4check-ship-adr {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.mp4order-sum-heading h5 {
    font-size: 14px;
    font-weight: 600;
    color: #585858;
    margin-bottom: 15px;
    margin-top: 20px;
}

.mp4order-sum-cotnent p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
}

.mp4order-sum-cotnent p span {
    float: right;
    color: #585858;
    /*    font-weight: 600;*/
}

.mp4order-sum-total {
    /*    margin-top: 60px;*/
}

.mp4order-sum-total p {
    margin-bottom: 0;
    font-weight: 600;
    color: #eb2227;
    font-size: 17px;
}

.mp4order-sum-total p span {
    float: right;
    font-size: 18px;
    font-weight: 600;
    color: rgb(235, 34, 39);
}

.mp4order-sum-submit button {
    display: inline-block;
    border: 0;
    outline: none;
    background: #af1b1e;
    border-radius: 36px;
    color: #fff;
    font-size: 16px;
    /* font-weight: 600; */
    /* padding: 18px 45px; */
    margin-left: 0;
    margin-top: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    position: relative;
    /* left: 33px; */
    /* padding: 6px; */
    width: 270px;
    height: 60px;
    padding-left: 28px;
}
button.btn-trans_bank{
    display: inline-block;
    border: 0;
    outline: none;
    background: #585858;
    width: 250px;
    height: 60px;
    margin: auto;
    font-size: 16px;
    /* font-weight: 600; */
    border-radius: 36px;
    color: #fff;
    padding: 16px 38px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

button.btn-trans_bank:hover{
opacity: 0.7;
}


.mp4order-sum-submit button img {
    display: inline-block;
    /* width: 18px; */
    margin-right: 8px;
    position: absolute;
    left: 28px;
    top: 16px;
}

.mp4order-sum-submit button:hover {
    opacity: .7;
}

.main-componant-four {
    padding-top: 15px;
}

/*-- mp4check area end --*/

/*-- checkout-modal area start --*/
.check-modal-content-heading h4 {
    font-size: 22px;
    font-weight: 600;
    color: #282828;
}

.check-modal-content-block {
    display: flex;
    justify-content: space-between;
    padding: 0px 80px;
}
@media screen and (max-width: 576px) {
    .check-modal-content-block {
        padding: 0;
        display: block;
    }
    #myModal .modal-content{
        padding-left: 15px;
    }
    .check-mcb-left{
        width: auto;
    }

}
.check-mcb-left {
    width: 50%;
    margin-top: 25px;
    padding-right: 20px;
}

.check-mcb-right {
    padding-right: 0;
    padding-left: 20px;
}

.check-mcb-left a {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 36px;
    background: #af1b1e;
    font-weight: 600;
    padding: 6px 15px;
}
@media screen and (max-width: 576px) {
    .check-mcb-left{
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .check-modal-content-heading h4{
        text-align: center;
    }
}

.check-mcb-right a {
    background: #282828;
}
.modal{
    z-index: 9999999999;
}

.check-mcb-left p {
    font-size: 14px;
    color: #585858;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 0;
}

.check-modal-close span {
    display: inline-block;
    color: #D64D62;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    right: 0;
    bottom: 0;
}

.mp4order-sum {
    padding-left: 10px;
    padding-right: 10px;
}

/*-- checkout-modal area end --*/


/*============================
    mycart page end
============================*/


/*============================
    my_register page start
============================*/

.main-componant-five {
    background: #F2F2F2;
    padding-top: 20px;
}

/*-- acc-account area start --*/

.acc-account-left{
    background: #fff;
    padding-top: 30px;
    padding-bottom: 80px;
}

.accl-form {
    max-width: 350px;
    margin: auto;
}

.accl-form-input-one label {
    display: block;
    font-size: 14px;
    color: #585858;
    margin-bottom: 3px;
    padding-left: 5px;
}

.accl-form-input-one input {
    display: block;
    width: 100%;
    border: 1px solid #C2C2C2;
    border-radius: 10px;
    padding: 4px 15px;
}

.accl-form-input-one {
    margin-bottom: 20px;
}

.accl-form .check-box {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #585858;
}

/* Hide the browser's default checkbox */
.accl-form .check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.accl-form .checkmark {
    position: absolute;
    top: 2px;
    left: 10px;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    border: 1px solid #B7B7B7;
}



/* When the checkbox is checked, add a blue background */
.accl-form .check-box input:checked ~ .checkmark {
    background-color:#af1b1e;
    border-color: #af1b1e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.accl-form .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.accl-form .check-box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.accl-form .check-box .checkmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accl-form-input-button button {
    display: inline-block;
    border: 0;
    outline: none;
    background: #af1b1e;
    border-radius: 36px;
    color: #fff;
    font-size: 16px;
    /*    font-weight: 600;*/
    /*    padding: 16px 41px;*/
    margin-left: 0;
    margin-top: 16px;
    width: 250px;
    height: 60px;
    position: relative;
    padding-left: 30px;

    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.accl-form-input-button button:hover {
    opacity: .7;
}

/*.accl-form-input-button button.btn-login{
        width: 250px;
        height: 60px;
        position: relative;
}
.accl-form-input-button .btn-login img{
    position: absolute;
    left: 28px;
    top: 16px;
}*/

.accl-form-input-button img {
    display: inline-block;
    /*    width: 18px;*/
    margin-right: 25px;
    /*    position: relative;
        top: -2px;*/
    position: absolute;
    left: 28px;
    top: 16px;
}

.accl-form-input-link  p {
    display: inline-block;
    color: #585858;
    font-size: 14px;
    margin-bottom: 0;
}

.accl-form-input-link  p a {
    display: inline-block;
    color: #D64D62;
    margin-left: 4px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.accl-form-input-link  p a:hover {
    /*    opacity: .7;*/
    color: #999999;
}

.accl-form-input-link {
    margin-top: 15px;
}

.accl-check p {
    font-size: 16px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 12px;
}

.accl-check ul li {
    font-size: 14px;
    color: #585858;
}

.accl-check ul li span {
    display: inline-block;
    color: #0E9204;
    font-size: 17px;
    margin-right: 8px;
}

.accl-cart {
    background: #fff;
    padding: 20px 10px;
}

.accl-cart-pad {
    padding-left: 0px;
}

.accl-cart-heading p {
    margin-bottom: 5px;
    font-size: 15px;
    color: #585858;
    font-weight: 600;
    padding-left: 7px;
}

.acc1-cart-block-one {
    display: flex;
    padding-left: 8px;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 8px;
    padding-top: 10px;
}

.acc1-cart-block-one img {
    display: inline-block;
    width: 52px;
    margin-right: 10px;
}

.accl-cart-block-right h6 {
    font-size: 13px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 8px;
}

.accl-cart-block-right p {
    font-size: 12px;
    color: #8d8d8d;
    margin-bottom: 0;
    line-height: 1;
}

.accl-cart-block-right span {
    display: block;
    font-size: 12px;
    color: #d64d62;
    font-weight: 500;
    margin-top: 3px;
}

.acc1-cart-block-link a {
    background: #D64D62;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-radius: 36px;
    padding: 6px 23px;
    font-size: 15px;
    margin-top: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.acc1-cart-block-link a:hover {
    opacity: .7;
}

.acc1-cart-block-link a img {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
}


/*-- acc-account area end --*/



/*============================
    my_register page end
============================*/




/*============================
    varifed page start
============================*/

.acc-account-verifi {
    padding-left: 25px;
}

.acc-account-verifi p {
    font-size: 15px;
    color: #585858;
    margin-bottom: 35px;
    padding-right: 20px;
}

.acc-account-verifi p a {
    display: inline-block;
    color: #d64d62;
}

.acc-account-verifi p a:hover {
    opacity: .7;
}

.acc-account-verifi p img {
    display: inline-block;
    width: 22px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.acc-account-verifi p#error {
    margin-left: 30px;
}

/*============================
    varifed page end
============================*/


/*============================
    myaccount page start
============================*/
.main-componant-six {
    background: #F2F2F2;
    padding-top: 15px;
}

/*-- ma-main-contant area start --*/
.ma-main-content-left{
    height: 100%;
}
.ma-main-content-left-heading p {
    font-size: 14px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 14px;
    padding-left: 15px;
}

.ma-main-content-left-heading {
    /*    border-bottom: 1px solid #C3C3C3;*/
}

.ma-main-content-bord-link a {
    display: block;
    color: #585858;
    font-size: 16px;
    font-weight: 600;
}

.ma-main-content-bord-link {
    padding: 16px 0;
    border-bottom: 1px solid #dedede;
}
.ma-main-content-bord-link:last-child{
    border-bottom: 0px solid #dedede;
}

.ma-main-content-bord-link-para p {
    display: block;
    color: #433e93;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}

.ma-main-content-bord-link-para ul {
    margin-top: 8px;
    margin-left: 30px;
}


.ma-main-content-bord-link-para ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #585858;
    margin-top: 5px;
}

.ma-main-content-bord-link {
    padding-left: 15px;
}

.ma-main-content-bord {
    background: #f2f2f2;
    height: 96%;
    padding: 5px;
}

.ma-main-content-bord a {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.ma-main-content-bord a:hover,.ma-main-content-bord a.active {
    color: #af1b1e;
}

.ma-main-content-right-heading p img {
    display: inline-block;
    width: 20px;
    margin-right: 8px;
}

.ma-main-content-right-heading p {
    margin-bottom: 0;
    font-size: 13px;
    color: #585858;
}

.ma-main-content-wrapper .mapr {
    padding-left: 0;
}

.ma-main-content-right-one-left {
    background: #fff;
    padding: 20px;
}

.ma-main-content-right-one-left-heading p {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #585858;
}

.ma-main-content-right-one-left-heading p a {
    display: inline-block;
    color: #d64d62;
    font-size: 12px;
    margin-left: 15px;
}
.ma-main-content-right-one-left-heading a{
    color: #d64d62;
    font-size: 12px;
}
.ma-main-content-right-one-left-heading a:hover{
    color: #999999;
}

.ma-main-content-right-one-left-mail p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 10px;
}

.ma-main-cotnent-right-one-left-block-wrapper {
    display: flex;
}

.ma-main-content-right-one-left-mail-one img {
    display: inline-block;
    width: 20px;
    margin-right: 8px;
}

.ma-main-content-right-one-left-mail-two p {
    margin-bottom: 2px;
    font-weight: 500;
}

.ma-main-content-right-one-left-mail-two a {
    display: inline-block;
    color: #eb2227;
    font-size: 14px;
}
.ma-main-content-right-one-left-mail-two a:hover{
    color: #999999;
}

.ma-main-cotnent-right-one-left-block-wrapper-two {
    margin-top: 50px;
}

.ma-main-cotnent-right-one-left-block-wrapper-two span {
    display: inline-block;
    color: #8d8d8d;
    font-size: 15px;
}

.mam-address-right {
    background: #fff;
    padding: 20px;
    padding-bottom: 60px;
}

.maprl {
    padding-left: 0;
}

.mam-adress-right-left-heading p {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 13px;
}

.mam-adress-right-left-content ul li {
    font-size: 14px;
    color: #585858;
}

.mam-adress-right-left-content {
    margin-top: 12px;
}

.mam-adress-right-right {
    margin-top: 30px;
}

.ma-main-content-right-heading {
    padding-bottom: 15px;
}

.marorder {
    background: #fff;
    padding: 20px;
    margin-top: 15px;
}

.marorder-heading p {
    font-size: 16px;
    color: #585858;
    font-weight: 600;
}

.marorder-block table {
    width: 100%;
}

.marorder-block table tr {
    vertical-align: middle;
    border-top: 1px solid #D9D9D9;

}
/*.marorder-block table tr:last-child{
    border-bottom: 1px solid #D9D9D9;
}*/

.table-slider {
    width: 315px;
}

.marorder-block tr#marorder-table td {
    font-size: 14px;
    color: #585858;
    font-weight: 500;
}

.marorder-block tr#simple-row td a {
    font-size: 14px;
    color: #af1b1e;
}
.marorder-block tr#simple-row td a:hover{
    color: #999999;
}

.marorder-block tr#simple-row td {
    font-size: 14px;
    color: #585858;
}

.marorder-block tr:first-child td {
    width: 220px;
}

.marorder-block tr td .table-slider {
    margin-right: 50px;
}

.marorder-block tr td p {
    margin-bottom: 0;
}

.marorder-block tr td:last-child a{
    font-size: 15px;
    position: relative;
    left: 11px;
}

.marorder-block tr td:first-child {
    padding-left: 10px;
}

.marorder-block tr td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.table-slider {
    position: relative;
}

.table-slider-control img {
    display: inline-block;
    width: 6px;
    cursor: pointer;
}

.table-slider-control img {
    position: absolute;
    left: 0;
}

.table-slider-control img.ts-one {
    left: -15px;
    top: 18px;
}

.table-slider-control img.ts-two {
    left: 103%;
    top: 18px;
}

/*-- ma-main-contant area end --*/

/*============================
    myaccount page end
============================*/


/*============================
    myaccount_profile page start
============================*/
.myp-right {
    background: #fff;
    padding: 25px;
    padding-bottom: 60px;
}

.myp-right-form-input label {
    display: block;
    font-size: 13px;
    color: #8d8d8d;
    margin-bottom: 5px;
    padding-left: 10px;
}

.myp-right-form-input input {
    display: block;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #bcbcbc;
    padding: 6px 20px;
    font-size: 14px;
    color: #585858;
    /*    background-color: #F2F2F2;*/
}
.myp-right-form-input input[disabled="disabled"]{
    background-color: #F2F2F2;
}

.myp-right-form-input input::placeholder {
    opacity: 1;
    color: #d9d9d9;
}
.myp-right-form-input input.actedit{
    background-color:#fff;
}

.myp-right-form-input input{

}

.myp-right-form {
    max-width: 380px;
}

.myp-right-form-input {
    margin-bottom: 15px;
}

.myp-right-form-input p {
    font-size: 13px;
    color: #585858;
    margin-bottom: 0;
    margin-top: 10px;
}

.myp-right-form-input p img {
    display: inline-block;
    width: 22px;
    margin-right: 8px;
}

.myp-right-form-input p a {
    display: inline-block;
    color: #eb2227;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.myp-right-form-input p a:hover {
    opacity: .7;
}

.myp-right-form-input input.checkmail {
    background-image: url(images/c.png);
    background-repeat: no-repeat;
    background-position: top 9px right 14px;
    background-size: 17px;
}


.myp-right-form-input p#mailveri {
    display: none;
}

.myp-right-form-input input {
    box-shadow: none;
    outline: none;
}


input.validate-error{
    border: 1px #af1b1e solid !important;
}
.conditions{
    color: #585858;
    margin: 5px auto;
    padding: 0 10px;
}
.conditions li {
    padding: 0;
    font-size: 14px;
    margin: 0 auto;
    margin-left: 10px;
    padding-left: 10px;
    vertical-align: text-top;
    background: url(img/dot_nav.png) left 9px no-repeat;
}


.iti.iti--allow-dropdown {
    width: 100%;
}

.myp-right-form-select-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myp-right-form-select-one select {
    display: block;
    width: 140px;
    border-radius: 12px;
    border: 1px solid #bcbcbc;
    padding: 6px 12px;
    font-size: 15px;
    color: #585858;
    cursor: pointer;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image: url(images/arrow1.png);
    background-repeat: no-repeat;
    background-position: top 14px right 15px;
    background-size: 10px;

}
.myp-right-form-select-one select[disabled="disabled"]{
    background-color: #F2F2F2;
}

.myp-right-form-select-one select:focus {
    outline: none;
}

.myp-right-form-select-two select {
    width: 100px;
}

.myp-right-form-submit button {
    display: inline-block;
    border: 0;
    outline: none;
    font-size: 15px;
    /*    font-weight: 600;*/
    color: #fff;
    background: #af1b1e;
    border-radius: 36px;
    padding: 9px 35px;
    margin-top: 35px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.myp-right-form-submit button[disabled="disabled"]{
    opacity: 0.7;
    cursor: not-allowed;
}

.myp-right-form-submit button:hover {
    opacity: .7;
}

.ma-main-content-bord-link-para ul li.active-profile a {
    color: #d64d62;
}

/*============================
    myaccount_profile page end
============================*/


/*============================
    my_address_book page start
============================*/
.myaddr-one {
    /*    background: #f2f2f2;*/
}

.myaddr-one img {
    /*    display: block;*/
    /*    width: 50px;
        margin: auto;*/
    padding-right: 20px;
}

.myaddr-one a {
    display: inline-block;
    color: #585858;
    font-size: 14px;
    margin-top: 25px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.myaddr-one a:hover {
    opacity: .7;
}

.myaddr-one {
    padding: 20px 40px;
}

.myaddr .col-lg-4 {
    padding-right: 0;
}

.myaddr-two {
    background: #fff;
    padding: 10px 0;
}

.myaddr-two-content {
    display: flex;
}

.myaddr-two-left img {
    display: inline-block;
    width: 30px;
    margin-right: 30px;
}

.myaddr-two-right ul li {
    font-size: 14px;
    color: #585858;
}
.myaddr-two-right ul li strong{
    font-weight: 600;
}

.myaddr-two-delete {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myaddr-two-delete p {
    margin-bottom: 0;
    font-size: 14px;
    color: #585858;
}

.myaddr-two-delete-link ul li {
    display: inline-block;
}

.myaddr-two-delete-link ul li a {
    display: inline-block;
    color: #d64d62;
    font-size: 12px;
    margin-left: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.myaddr-two-delete-link ul li a:hover {
    opacity: .7;
}

.myaddr-two-delete {
    padding-left: 10px;
    padding-right: 10px;
}

.myaddr-two-content {
    display: flex;
    padding: 34px 40px;
}

.myaddr-three-content ul li {
    font-size: 14px;
    color: #585858;
}

.myaddr-three .myaddr-two-delete {
    display: block;
}

.myaddr-three .myaddr-three-content {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 27px;
    padding-bottom: 27px;
}

.myaddr-three {
    margin-top: 15px;
}

.myaddr {
    margin-top: 35px;
    padding-bottom: 300px;
    padding-right: 15px;
}

/*============================
    my_address_book page end
============================*/


/*============================
    my_address_edit page start
============================*/


.myp-right-check .check-box {
    font-size: 14px;
    padding-left: 30px;
}

.myp-right-check .checkmark {
    left: 0;
}

.myp-right-check {
    margin-top: 40px;
}

.select_wrap .select_ul,.select_wrap .select_ul2{
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    background: #F2F2F2;
    border-radius: 12px;
    display: none;
    z-index: 999999;
}

.select_wrap .select_ul li,.select_wrap .select_ul2 li{
    padding: 10px 20px;
    cursor: pointer;
}

.select_wrap .select_ul li a,.select_wrap .select_ul2 li a{
    color: #585858;
}
.select_wrap .option{
    display: flex;
    align-items: center;
}


.select_wrap.active .select_ul,.select_wrap.active .select_ul2{
    display: block;
}

.select_wrap.active .default_option:before{
    top: 25px;
    transform: rotate(-225deg);
}

.myp-right-form-select {
    position: relative;
}

.myp-right-form-select .select_wrap {
    width: 100%;
}

.myp-right-form-select .wrapper {
    border-radius: 12px;
    border: 1px solid #bcbcbc;
    padding: 7px 20px;
    font-size: 15px;
    color: #585858;
    background-color: #F2F2F2;
    cursor: pointer;
    background-image: url(images/arrow1.png);
    background-repeat: no-repeat;
    background-position: top 16px right 18px;
    padding-right: 50px;
}
.myp-right-form-select .wrapper.actedit{
    background-color: #fff;
}

.myp-right-form-select .wrapper.actedit .select_ul,.myp-right-form-select .wrapper.actedit .select_ul2{
    background: #fff;
    border: 1px solid #bcbcbc;
    max-height: 300px;
    overflow: auto;
}

.myp-right-form-select .option p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
    margin-top: 0;
}

.myp-right-form-submit-two button {
    margin-top: 15px;
}

.mype-form-block {
    display: flex;
}

.mype-form-block .myp-right-form {
    max-width: 100%;
    width: 380px;
}

.myp-right-form-two {
    margin-left: 50px;
}

.myp-fill-right {
    margin-top: 35px;
    margin-bottom: 200px;
}



/*============================
    my_address_edit page end
============================*/


/*============================
    changepwd page start
============================*/

.pwd-vaild p {
    font-size: 15px;
    color: #8d8d8d;
    margin-bottom: 10px;
}

.pwd-vaild ul li {
    font-size: 15px;
    color: #585858;
}

.pwd-vaild ul li span {
    display: inline-block;
    font-size: 18px;
    margin-right: 8px;
    color: #0E9204;
}

.pwd-vaild ul {
    margin-left: 10px;
}

.pwd-vaild {
    margin-left: 60px;
    margin-top: 20px;
}

.margin-myp {
    margin-top: 35px;
    margin-bottom: 250px;
}



/*============================
    changepwd page end
============================*/



/*============================
    myaccount-myorder page start
============================*/
.my-order-select select {
    display: inline-block;
    width: 195px;
    font-size: 15px;
    color: #8d8d8d;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #E3E3E3;
    padding: 5px 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url(images/arrow1.png);
    background-repeat: no-repeat;
    background-position: top 15px right 15px;
}

.marorder-block table tr td span {
    font-size: 12px;
    color: #fff;
    background: #af1b1e;
    border-radius: 36px;
    padding: 2px 10px;
}

.marorder-block table tr td span.ship {
    background: #585858;
    padding: 2px 16px;
}

.marorder-block table tr td span.shiped {
    background: #f78000;
}

.marorder-block table tr td span.deliver {
    background: #07c81e;
}

.marorder-two {
    margin-top: 0;
}

.marorder-pagi {
    border-top: 1px solid #D9D9D9;
}

a.link_paynow span{
     transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
a.link_paynow span:hover{
    opacity: 0.7;
}


/*============================
    myaccount-myorder page end
============================*/


/*============================
    my-order-details page start
============================*/
.myod-right-left {
    /*    background: #f2f2f2;*/
    padding: 20px;
    padding-bottom: 25px;
}

.myod-right-left-heading {
    padding-bottom: 10px;
}

.myod-right-left-heading p {
    margin-bottom: 0;
    font-size: 14px;
    color: #585858;
    font-weight: 600;
}

.myod-right-left-heading a {
    display: inline-block;
    color: #af1b1e;
}

.myod-right-left-content-one-left {
    display: flex;
    justify-content: space-between;
}

.myod-right-one {
    display: flex;
}

.myod-right-one-left img {
    display: inline-block;
    width: 60px;
}

.myod-right-one-left {
    margin-right: 12px;
}

.myod-right-one-right h6 {
    font-size: 14px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 10px;
}

.myod-right-one-right ul li {
    font-size: 13px;
    color: #585858;
}

.myod-right-one-right p {
    margin-bottom: 0;
    font-size: 15px;
    color: #d64d62;
    margin-top: 3px;
}

.myod-right-two p {
    margin-bottom: 0;
    font-size: 15px;
    color: #585858;
}

.myod-right-left-content-one {
    border-bottom: 1px solid #d9d9d9;
    padding: 12px 0;
}

.myod-right-total {
    display: flex;  
    width: 300px;
    margin-left: auto;
    justify-content: space-between;
}

.myod-right-total-left h6 {
    font-size: 15px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 25px;
}

.myod-right-total-left p {
    font-size: 15px;
    color: #585858;
    font-weight: 600;
}

.myod-right-total-left p img {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
}

.myod-right-total-left p#spe {
    font-size: 15px;
    color: #d64d62;
    font-weight: 600;
}

.myod-right-total-left p#redprice {
    font-size: 18px;
    color: #d64d62;
}

.myod-right-total {
    margin-top: 25px;
}

.myod-right-order-one {
    background: #fff;
    padding: 24px 40px;
}

.myod-removepadding {
    padding-left: 0px;
}

.myod-right-order-one h6 {
    font-size: 15px;
    color: #585858;
    font-size: 15px;
    font-weight: 600;
}

.myod-right-order-one p {
    margin-bottom: 0;
    font-size: 14px;
    color: #585858;
    margin-left: 15px;
}

.myod-right-order-one p span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    background: #07c81e;
    border-radius: 20px;
    padding: 1px 10px;
    margin-right: 10px;
}

.myod-right-order-one p span.st_1{
    background: #af1b1e;
}
.myod-right-order-one p span.st_2{
    background: #585858;
}
.myod-right-order-one p span.st_3{
    background: #f78000;
}

.myod-right-order-one p span.st_4{
    background: #07c81e;
}


.myod-right-order-two {
    margin-top: 15px;
    background: #fff;
    padding: 25px 0;
    padding-left: 50px;
}

.myod-right-order-two-heading p {
    color: #585858;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.myod-right-order-two-content {
    display: flex;
}

.myod-right-order-two-content-left {
    margin-right: 25px;
}

.myod-right-order-two-content-left img {
    display: inline-block;
    width: 30px;
    margin-top: 5px;
}

.myaddr-two-right ul li {
    font-size: 14px;
    color: #585858;
}

.myod-right {
    margin-top: 36px;
}

.bg-stygray{
    background: #f2f2f2;
}

.tbl-myod{

}
.tbl-myod tr td{
    font-size: 14px;
    color: rgb(88, 88, 88);
}
.tbl-myod tr td:last-child{
    width: 22%;
    text-align: right;
}
.tbl-myod tr td.fc-2{
    color: #eb2227;
}
.tbl-myod tr td.fc-3{
    font-size: 16px;
    color: #eb2227;
    font-weight: 700;
}

.od-qty{
    color: #8d8d8d;
    font-size: 16px;
}
.od-price{
    color: #eb2227;
    font-size: 16px;
    font-weight: 600;
}

.odsummery.od-detail{
    border-top: 1px solid #dedede;
    padding-top:15px;
}

/*============================
    my-order-details page end
============================*/


/*============================
    whitelist page start
============================*/

.white-padding {
    padding-right: 0px;
}

.whitelist-wrapper {
    padding-right: 15px;
}

.pro-img-cart-button img {
    display: inline-block;
    /*    width: 38px;*/
    margin-right: 10px;
    vertical-align: baseline;
}


.ma-main-content .wrapper img {
    width: 35px;
    margin-right: 10px;
}


/*============================
    whitelist page end
============================*/


/*============================
    checkout page start
============================*/

/*-- checkout-form area start --*/
.checkout-form{
    background: #fff;
}
.checkout-form-left{
    background: #fff;
    padding: 20px;
}

.myp-right-form-heading p {
    font-size: 15px;
    font-weight: 600;
    color: #585858;
}

.checkout-form-left {
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.checkout-form-left-one {
    max-width: 100%;
    width: 335px;
}

.myp-right-form-heading-two {
    display: flex;
    align-content: center;
}

.myp-right-form-heading-two .myp-right-check {
    margin-top: 0px;
}

.myp-right-form-heading-two .check-box {
    color: #d64d62;
}

.main-component-checkout .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.checkout-order span {
    display: inline-block;
    border: 0;
    outline: none;
    background: #D64D62;
    font-size: 18px;
    font-weight: 600;
    border-radius: 36px;
    color: #fff;
    padding: 16px 38px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.checkout-order span:hover {
    opacity: .7;
}

.checkout-order span img {
    display: inline-block;
    width: 24px;
    position: relative;
    top: -4px;
    margin-right: 25px;
}

.checkout-card {
    margin-top: 30px;
}

.checkout-card ul li {
    display: inline-block;
    margin: 0px 6px;
}

.checkout-card ul li img {
    display: inline-block;
    width: 48px;
}

.checkout-card  {
    margin-top: 40px;
}

.checkout-order {
    /*    margin-top: 20px;*/
}

.formleftbg {
    background: #fff;
}

.checkout-form-wrapper {
    padding-left: 15px;
}


.bx-addrbk{
    /*    margin-left: 0.7%;
        margin-right: 0.7%;*/
    /*    width: 31.9%;*/
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}
.bx-addrbk a{
    font-size: 13px;
    color: #eb2227;
}
.bx-addrbk a.none-link{
    color: #585858;
}

.checkout-form-wrapper .bx-chkout{
    background: #f2f2f2;
    margin-left: 0.7%;
    margin-right: 0.7%;
    /* max-width: 44%; */
    width: 23.6%;
}

.checkout-form-wrapper .bx-chkout a{
    font-size: 14px;
    color: #eb2227;
}
.checkout-form-wrapper .bx-chkout a.none-link{
    color: #585858;
}

.checkout-form-wrapper .bx-chkout a:hover{
    color: #999999;
}


@media screen and (max-width: 1200px) {
    .checkout-form-wrapper .bx-chkout{
        width: 48.6%;
    }
}

@media screen and (max-width: 768px) {
    .checkout-form-wrapper .bx-chkout{
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .myaddr-one{
        padding-bottom: 60px;
    }
}


/*-- checkout-form area end --*/


/*============================
    checkout page end
============================*/


/*============================
    checkout-repeat end
============================*/

.repeat-left-heading p {
    color: #585858;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

.repeat-left-content {
    display: flex;
}

.repeat-left-content-left img {
    display: inline-block;
    width: 30px;
    margin-top: 5px;
}

.repeat-left-content-left {
    margin-right: 25px;
}

.repeat-left-content-right-edit  {
    margin-top: 16px;
}

.repeat-left-content-right-edit a {
    display: inline-block;
    color: #d64d62;
    font-size: 12px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.repeat-left-content-right-edit a:hover {
    opacity: .7;
}

.repeat-left {
    padding: 15px;
}

.repeat {
    display: flex;
}

.repeat-right {
    margin-left: 120px;
}

.repeat-left-content {
    /*    margin-left: 10px;*/
}

.myod-right-input input {
    display: inline-block;
    width: 200px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    color: #585858;
    padding: 7px 12px;
    font-size: 15px;
    position: relative;
    left: 0px;
    margin-bottom: 20px;
}

.myod-right-input input::placeholder {
    opacity: 1;
}

.myod-right-button button {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #282828;
    border-radius: 10px;
    border: 0;
    outline: none;
    padding: 7px 22px;
    margin-bottom: 20px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.myod-right-button button:hover{
    background: #999999;
}

/*-- shipping-modal area start --*/

.shipping-modal .modal-lg, .modal-xl {
    max-width: 930px!important;
}

.shipping-modal .modal-content {
    padding: 20px;
    padding-right: 10px;
}

.shipping-modal-heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.shipping-modal-heading-left h3 {
    font-size: 22px;
    color: #0a0920;
    font-weight: 600;
}

.shipping-modal-heading-left p {
    margin-bottom: 0;
    font-size: 15px;
    color: #8d8d8d;
}

.shipping-modal-heading-right span {
    display: inline-block;
    font-size: 14px;
    color: #d64d62;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: -15px;
}

.shipping-block-one {
    border: 2px solid #dcdcdc;
    width: 49%;
    padding-bottom: 30px;
    padding-top: 80px;
    margin-bottom: 9px;
    cursor: pointer;
}

.shipping-block-one img {
    display: block;
    width: 50px;
    margin: auto;
}

.shipping-block-one a {
    display: inline-block;
    color: #d64d62;
    font-size: 12px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    margin-top: 25px;
}

.shipping-block-one a:hover {
    opacity: .7;
}


.shipping-block-two .labl {
    display : block;
    width: 100%;
    margin-bottom: 15px;
}
.shipping-block-two .labl > input{ 
    visibility: hidden; 
    position: absolute;
}
.shipping-block-two .labl > input + div{ 
    cursor:pointer;
    border: 2px solid #dcdcdc;
}
.shipping-block-two .labl > input:checked + div{ 
    border: 2px solid #d64d62;
}

.shipping-block-two .labl > input:checked + div small i {
    opacity: 1;
}

.shipping-block-two-checkbox small {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #8d8d8d;
    display: inline-block;
    position: relative;
    right: 10px;
    top: 10px;

}

.shipping-block-two-checkbox small i {
    display: inline-block;
    color: #d64d62;
    font-size: 19px;
    position: relative;
    top: -2px;
    opacity: 0;
}

.shipping-block-two .myaddr-two-content {
    padding-top: 0px;
    position: relative;
}

.shipping-modal-block-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shipping-block-two {
    width: 49%;
    position: relative;
    top: 3px;
}

.shipping-block-two .myaddr-two {
    padding-bottom: 5px;
}

.shipping-modal-block {
    height: 525px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 9px;
    padding-right: 10px;
}



.shipping-modal-block::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}

.shipping-modal-block::-webkit-scrollbar-track {
    background: transparent;
}

.shipping-modal-block::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 10px;
}

/*-- shipping-modal area end --*/


/*-- add-adress area start --*/
.modaladd .modal-content {
    padding: 0px!important;
    padding-right: 60px!important;
}

.modaladd .myp-fill-right {
    margin: 0;
}

.add-address-modal-heading h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    padding-bottom: 25px;
}

.add-adress-close span {
    display: inline-block;
    color: #d64d62;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    top: 50px;
    left: 60px;
}

.add-adress .modal-dialog {
    margin: 20px auto !important;
}

/*-- add-adress area end --*/

.serover {
    overflow: hidden;
}

.serover .zeynep-overlay {
    display: block;
    z-index: 9999;
}

.checkout-order button {
    display: inline-block;
    border: 0;
    outline: none;
    background: #af1b1e;
    width: 250px;
    height: 60px;
    font-size: 16px;
    /*    font-weight: 600;*/
    border-radius: 36px;
    color: #fff;
    padding: 16px 38px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.checkout-order button:hover {
    opacity: .7;
}

.checkout-order button img {
    display: inline-block;
    width: 24px;
    position: relative;
    top: -4px;
    margin-right: 25px;
}

/*============================
    checkout-repeat end
============================*/


/* product page */

.xzoom-container img#xzoom-magnific {
    width: 100%!important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .125);
}

.xzoom-source {
    background-color: transparent
}

.xzoom-sliderwrapper {
    padding-right: 20px;
    padding-left: 20px;
}

.xzoom-sliderwrapper {
    position: relative;
}

.xzoom-slider-control img {
    display: inline-block;
    width: 7px;
    cursor: pointer;
    position: absolute;
}

.xzoom-slider-control img.leftz {
    left: 0;
    top: 22px;
}

.xzoom-slider-control img.rightz {
    right: 0;
    top: 22px;
}


.mfp-close img {
    display:inline-block;
    width: 65px;    
    position: relative;
    top: -14px;
    right: 0px;
}

.mfp-close {
    position: relative;
    display: block !important;
    width: 80px!important;
    height: 80px!important;
    margin-left: auto!important;
    left: 34px;
    background:  transparent !important;
}

.mfp-close:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(images/cross1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 9px;
    top: 16px;
}

.mfp-arrow-left {
    width: 40px;
    height: 41px;
    background: url(images/zs1.png) !important;
    position: absolute;
    left: -175px;
    bottom: 44%;
    background-size: 100% 100% !important;
}

.mfp-arrow-right {
    width: 40px;
    height: 41px;
    background: url(images/zs2.png) !important;
    position: absolute;
    right: -175px;
    bottom: 44%;
    background-size: 100% 100% !important;
}


.ic-wishlist{
    width: 16px;
    height: 20px;
    background-image: url(images/ic-bookmark.png);
    margin-top: 3px;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.ic-wishlist.active{
    width: 16px;
    height: 20px;
    background-image: url(images/ic-bookmark-active.png);
    margin-top: 3px;
}
.ic-wishlist:hover{
    background-image: url(images/ic-bookmark-active.png);
}
.ic-wishlist.active:hover{
    background-image: url(images/ic-bookmark.png);
}
.sp-wishlist:hover{
    color: #8d8d8d;
}
.page-catagory h4{
    font-size: 16px;
    color: #af1b1e;
    font-weight: 600;
}

.page-catagory .cate-det a{
    font-size: 14px;
    color: #585858;
}

.page-catagory .cate-det a:hover{
    color: #8d8d8d;
}