@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: 'Lato', 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;
}
.mgt-80 {
    margin-top: 80px !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;
}
.mgb-80 {
    margin-bottom: 80px !important;
}
.mgb-100 {
    margin-bottom: 100px !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: #e9ae56;
}

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

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


.totop {
    display: none;
    position: fixed;
    /*    bottom: 34px;*/
    bottom: 54px;
    right: 30px;
    cursor: pointer;
    width: 46px;
    height: 46px;
    /*    background: rgba(0, 0, 0, 0.6);*/
    background:url(images/ic-totop.png) center center no-repeat;
    background-size: cover;
    /*    opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;*/
    z-index: 999999;
    will-change: transform;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.totop:hover {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}


.totop.tt-hide {
    display: none;
    /*    opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;*/
}

.totop.tt-show {
    display: block;
    /*    opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;*/
}


.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: 1200px;
}


.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;
}

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


/*-- theader area start --*/
.theader {
    /*    background: #af1b1e;*/
    position: absolute;
    width: 100%;
    padding: 15px 0;
    /*    transition: all 3s ease;
        -webkit-transition: all 3s ease;
        -moz-transition: all 3s ease;*/
    transition: all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
}

.theader .cat-middle ul li a{
    color: #fff;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.theader .cat-middle ul li a:hover{
    color: #e9ae56;
    opacity: 1;

}

.theader.sticky-top{
    background: #fff;
    position: fixed;
    top: 0;
}
.theader.sticky-top .cat-middle ul li a{
    color: #222222;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.theader.sticky-top .cat-middle ul li a:hover{
    color: #e9ae56;
    opacity: 1;
}

.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: right;
    align-items: flex-end;
}

.theader-right ul li a {
    display: inline-block;
    color: rgba(255,255,255,1);
    font-size: 14px;
    padding: 0 10px;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}


.theader-right ul li a.arab{
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    color: #cbcbcb;
}
.theader.sticky-top .theader-right ul li a {
    color: #000;
}
.theader.sticky-top .theader-right ul li a.arab{
    color: #cbcbcb;
}
.theader.sticky-top .theader-right ul li a:hover{
    color: #e9ae56;
    opacity: 1;
}



.theader-right ul li a:hover {
    color: #e9ae56;
    opacity: 1;
    /*    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: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
.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;
    padding: 0 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
@media screen and (max-width: 1200px) {
    .cat-middle ul li a {
        font-size: 12px;
    }
    .theader-right ul li a{
        font-size: 12px;
    }
}
@media screen and (max-width: 1080px) {
    .cat-middle ul li a{
        padding: 0 10px;
    }
}

.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: 'Lato', sans-serif;
    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: 'Lato', 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: 'Lato', sans-serif;
    text-transform: uppercase;
    margin-left: 65px;
}

.bannar-left a {
    display: inline-block;
    font-family: 'Lato', 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;
}

.slider-control.room img{
    width: 42px;
}

.bannar-slider {
    position: relative;
}
.bannar-slider .ban-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

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

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

.slider-control img.left:hover,.slider-control img.right:hover{
    opacity: 0.78;
}

.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-slider .carousel-caption{
    top: 42%;
    transform: translateY(-50%);
    bottom: initial;
    max-width: 665px;
    text-align: left;
}
.bannar-slider .carousel-caption .container{
    margin-left: 18%;
}
.bannar-slider .carousel-caption h5{
    font-size: 62px;
    line-height: 76px;
}

@media screen and (max-width:768px) {
    .bannar-slider .carousel-caption h5{
        font-size: 32px;
        line-height: 38px;
    }
    .bannar-slider .carousel-caption span{
        font-size: 16px !important;
    }
    .bannar-slider .carousel-caption{
        top: 50%;
    }
    .bannar-slider .carousel-caption .container{
        padding-left: 0;
        padding-right: 0;
    }
    .bannar-slider .carousel-caption .container .col-12{
        padding-left: 0;
        padding-right: 0;
    }
}

.bx-room-slider{
    position: relative;
}

.room-control img{
    width: 42px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
.room-control img:hover{
    opacity: 0.78;
}
.room-control img.left-r{
    left: 0px;
}
.room-control img.right-r{
    right:0px;
}

@media screen and (max-width:991px) {
    .bannar-slider .carousel-caption .container{
        margin-left: 0;
    }
}

.bannar-slider .carousel-caption span{
    font-size: 18px;
    font-weight: 300;
}
/*-- 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: #222222;
    border-top: 1px #fff solid;
    padding-bottom: 50px;
}
.footer .ft-bg-logo{
    background: url(images/logo-ft.png) right top no-repeat;
}

@media screen and (max-width: 991px) {
    .footer .ft-bg-logo{
        /*   padding-bottom: 100px;*/
        background: none;
    }
}
.footer.bg2 {
    background: #f2f2f2;
}

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

.footer-one-link ul li a {
    display: inline-block;
    font-size: 14px;
    color: #cbcbcb;
    /*    padding: 5px 0px;*/
    /*    line-height: 22px;*/
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;

}

.footer-one-link ul li a:hover {
    /*    opacity: .7;*/
    color: #e9ae56;
}
ul.ft-social{
    padding-left: 5px;
    padding-top: 5px;
}
ul.ft-social li{
    display: inline-block;
    padding: 0 5px;
}
ul.ft-social li img{
    max-width: 42px;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}
ul.ft-social li img:hover{
    opacity: 0.7;
}

.footer .copy-rights{
    color: #cbcbcb;
    margin-top: 60px;
    font-size: 14px;
}

.ft-address{
    color: #cbcbcb;
    font-size: 14px;
}
.ft-address .ic-email a{
    color: #e9ae56;
}
ul li.ic-address{
    padding-left: 32px;
    background: url(images/ic-address.png) left top no-repeat;
    margin-bottom: 15px;
    background-size: 5%;
}
ul li.ic-tel{
    padding-left: 32px;
    background: url(images/ic-phone.png) left center no-repeat;
    margin-bottom: 15px;
    background-size:9%;
}
ul li.ic-email{
    padding-left: 32px;
    background: url(images/ic-email.png) left center no-repeat;
    margin-bottom: 15px;
    background-size:9%;
}

.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-one,.footer-two,.footer-three{
    max-width: 290px;
    padding-left: 20px;
}

/*-- 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;*/
    background: #fff;
    padding: 10px 0;
}

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

.smtheader-right {
    width: 40px;
    cursor: pointer;
}

.smtheader-right span {
    display:block;
    width: 100%;
    height: 3px;
    background: #000;
    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 */

.smtheader-left{
    width: 100%;
}
.smtheader-left img {
    display: inline-block;
    width: 95px;
    margin-left: 15px;
}

.smtheader-middle{
    width: 180px;
}
.smtheader-middle ul li {
    display: inline-block;
}

.smtheader-middle ul li a {
    display: inline-block;
    color: #000000;
    margin-left: 5px;
    position: relative;
    padding: 0 5px;
    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 ul li a.arab{
    color: #cbcbcb;
}
.smtheader-middle ul li a:hover{
    color: #e9ae56;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.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;*/
    opacity: 1;
    visibility: visible;
}

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

.theader-left img.biglogo {
    height: 80px;
}
.sticky-top img.biglogo {
    display: none;
    /*    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;
    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,select.validate-error,textArea.validate-error{
    border: 1px #dc3545 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;
}

/* masters-suites*/
.home-welcome{
    background: #fafafa;
    padding-top: 40px;
    padding-bottom: 40px;
}
.home-welcome h6{
    margin-top: 15px;
    color:rgba(0,0,0,0.8);
}
.home-welcome h3{
    margin-top: 15px;
    color: #000;
}
.home-welcome p{
    color: #000;
}


@media screen and (max-width: 991px) {
    .home-welcome .bx-img{
        text-align: center;
    }
    .home-welcome .mgt-80{
        margin-top: 15px !important;
    }
}

.home-facilities{
    background: #fcf4e9;
    padding-top: 40px;
    padding-bottom: 40px;
}

.fac-wifi{
    padding-left:52px;
    background: url(images/fac-wifi.png) left 3px no-repeat;
    background-size: 9%;
    /*    margin-bottom: 15px;*/
}

.fac-housekeeping{
    padding-left:52px;
    background: url(images/ic-housekeeping.png) left 3px no-repeat;
    background-size: 9%;
    /*    margin-bottom: 15px;*/
}
.fac-service-bell{
    padding-left:52px;
    background: url(images/ic-service-bell.png) left 3px no-repeat;
    background-size: 9%;
    /*    margin-bottom: 15px;*/
}
.fac-cup{
    padding-left:52px;
    background: url(images/ic-cup.png) left 3px no-repeat;
    background-size: 7%;
    /*    margin-bottom: 15px;*/
}
.fac-train{
    padding-left:52px;
    background: url(images/ic-train.png) left 3px no-repeat;
    background-size: 7%;
    /*    margin-bottom: 15px;*/
}
.fac-walking{
    padding-left:52px;
    background: url(images/ic-walking.png) left 3px no-repeat;
    background-size: 9%;
    /*    margin-bottom: 15px;*/
}

@media screen and (max-width: 767px) {
    .fac-wifi{
        background-size: 35px;
    }
    .fac-housekeeping{
        background-size: 31px;
    }
    .fac-service-bell{
        background-size: 33px;
    }
    .fac-cup{
        background-size: 23px;
    }
    .fac-train{
        background-size: 22px;
    }
    .fac-walking{
        background-size:31px;
    }

}


.fac-serv1{
    padding-left:42px;
    background: url(images/sv-icon1.png) left 3px no-repeat;
    background-size: 34px;
}
.fac-serv2{
    padding-left:35px;
    background: url(images/sv-icon3.png) left 3px no-repeat;
    background-size: 24px;
}
.fac-serv3{
    padding-left:42px;
    background: url(images/sv-icon8.png) left 3px no-repeat;
    background-size: 26px;
}
.fac-serv4{
    padding-left:41px;
    background: url(images/sv-icon5.png) left 3px no-repeat;
    background-size: 32px;
}
.fac-serv5{
    padding-left:35px;
    background: url(images/sv-icon10.png) left 3px no-repeat;
    background-size: 16px;
}
.fac-serv6{
    padding-left:42px;
    background: url(images/sv-icon7.png) left 3px no-repeat;
    background-size: 20px;
}
.fac-serv7{
    padding-left:41px;
    background: url(images/sv-icon4.png) left 3px no-repeat;
    background-size: 32px;
}
.fac-serv8{
    padding-left:35px;
    background: url(images/sv-icon9.png) left 3px no-repeat;
    background-size: 20px;
}
.fac-serv9{
    padding-left:42px;
    background: url(images/sv-icon12.png) left 3px no-repeat;
    background-size: 32px;
}

.fac-serv10{
    padding-left:41px;
    background: url(images/sv-icon2.png) left 3px no-repeat;
    background-size: 30px;
}
.fac-serv11{
    padding-left:35px;
    background: url(images/sv-icon11.png) left 3px no-repeat;
    background-size: 24px;
}
.fac-serv12{
    padding-left:42px;
    background: url(images/sv-icon6.png) left 3px no-repeat;
    background-size: 24px;
}

.home-room{
    background: #222222;
    padding-top: 40px;
    padding-bottom: 40px;
}
.home-room h3{
    color: #fff;
}
.home-room h6{
    color: #cbcbcb;
}

.inc-check-book{
    /*    background: rgba(0,0,0,0.78);*/
    /*    height: 100px;*/
    /*    max-width: 900px;*/
    margin: auto;
    position: absolute;
    top: -160px;
    width: 100%;
    z-index: 9;
}
.inc-check-book .inp-form{
    background: rgba(0,0,0,0.78);
    max-width: 900px;
    /*    height: 100px;*/
    margin: auto;
    padding: 22px;
}
.inc-check-book .inp-form input{
    /*    background: rgba(255,255,255,0.18);*/
    background: rgba(255,255,255,0.18) url(images/ic-date.png) 95% center no-repeat;
    background-size: 22px 23px;
    color: #fff;
    border: 0;
    height: 50px;
    padding: 5px 5px 5px 25px;
    /*    margin-left: 5px;
        margin-right: 5px;*/
    font-size: 16px;
    /*    max-width: 200px;*/
    width: 200px;
}
.inc-check-book .inp-form ul{
    display: flex;
    justify-content: space-between;
}
.inc-check-book .inp-form ul li{
    display: inline-block;
}

.inp-form select {
    width: 200px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background:rgba(255,255,255,0.18) ;
    border:0;
    padding: 5px 5px 5px 15px;
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url(images/arrow1.png);
    background-repeat: no-repeat;
    background-position: top 22px right 10px;
    background-size: 8%;
}
.inp-form select option{
    background:#494743;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


.inp-form button {
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    color: #fff;
    /*    padding: 10px 22px;*/
    width: 200px;
    height: 50px;
    background: #e9ae56;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    /*    transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;*/
}

.inp-form button:hover {
    /*    opacity: .7;*/
    background: #504d49;

}


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

}


figure {
    margin: 0 0 1rem
}
figure img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}
figure.rounded img {
    border-radius: 0.5rem;
}
figure.img-overlay img {
    opacity: 1;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    position: relative;
}
figure .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    background: var(--bs-primary);
    padding: calc(var(--plyr-control-spacing,10px)*2.75);
    border-radius: 100%;
    transition: .3s;
    width: 80px;
    height: 80px;
    text-align: center;
    display: inline-block;
}
figure:hover .icon-play {
    background: var(--bs-dark);
}
figure .icon-play svg {
    width: 24px;
    height: 24px;
    line-height: 1;
    margin-left: 2px;
    margin-top: -2px;
}
figure .icon-play.icon-play-sm {
    padding: calc(var(--plyr-control-spacing,10px)*1.1);
    width: 48px;
    height: 48px;
}
figure .icon-play.icon-play-sm svg {
    width: 16px;
    height: 16px;
    line-height: 1;
    margin-left: 2px;
    margin-top: -2px;
}
.img-overlay {
    position: relative;
    text-align: center;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}
.img-overlay * {
    transition: all 0.4s ease;
}

@media (prefers-reduced-motion: reduce) {
    .img-overlay * {
        transition: none;
    }
}
.img-overlay img {
    transition: none;
}
.img-overlay a {
    position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    cursor: pointer !important;
}
.img-overlay span.bg-img-overlay {
    position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    cursor: pointer !important;
    opacity: 0;
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, 0.5);
}
.img-overlay:hover span.bg-img-overlay {
    opacity: 0.65;
    transition: opacity 0.35s ease-in-out;
}
.img-overlay * {
    color: var(--bs-white) !important;
}
.img-overlay img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
}
.img-hover-scale {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateY(0);
}
.img-hover-scale img {
    transition: all 0.35s ease-in-out;
}
.img-hover-scale:hover img {
    transform: scale(1.1);
}
figure .img-icon {
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    cursor: pointer;
    transition: all 0.35s;
    font-size: 0;
    line-height: 1;
    color: var(--bs-white);
    z-index: 99;
}
figure:hover .img-icon {
    opacity: 1;
    visibility: visible;
    font-size: 2rem;
}
.bn-hover .bn-hover-container {
    position: relative;
    overflow: hidden;
}
.bn-hover.rounded .bn-hover-container {
    border-radius: 0;
    overflow: hidden;
}
.bn-hover.rounded.bn-hover-overlay .bn-hover-container .bg-banner-overlay, .bn-hover.rounded.bn-hover-overlay .bn-hover-container .bg-banner-overlay:before {
    border-radius: 0;
}
.bn-hover .bn-hover-container img {
    width: 100%;
    /*    height: 328px !important;*/
    /*    width: auto;*/
    transition: all 0.35s ease-in-out;
    display: inline-block;

}
.bn-hover.bn-hover-scale .bn-hover-container:hover img {
    transform: scale(1.1);
    transition: all 0.35s ease-in-out;
}
.bn-hover .bn-hover-caption-container a:not(.btn) {
    color: var(--bs-white);
}
.bn-hover:not(.bn-hover-ratih) .bn-hover-caption-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: var(--bs-white);
    padding: 2rem;
    transition: all 0.35s ease-in-out;
}
.bn-hover:not(.bn-hover-ratih) .bn-hover-caption-container .bn-hover-title a {
    color: var(--bs-white);
}
.bn-hover .bn-hover-caption-container .bn-hover-title {
    line-height: 1.25;
}
.bn-hover.bn-hover-overlay .bn-hover-container .bg-banner-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 34, 40, 0.35);
    transition: all 0.35s ease-in-out;
}
.bn-hover.bn-hover-overlay:not(.bn-hover-jolie):not(.bn-hover-ratih) .bn-hover-container .bg-banner-overlay {
    background: linear-gradient(to bottom,rgba(0,0,0,0) 20%,#1e2228 120%);
}
.bn-hover.bn-hover-overlay .bn-hover-container .bg-banner-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 34, 40, 0);
    transition: all 0.35s ease-in-out;
    content: '';
}
.bn-hover.bn-hover-overlay .bn-hover-container:hover .bg-banner-overlay:before {
    background: rgba(30, 34, 40, 0.3);
    transition: all 0.35s ease-in-out;
}
.bn-hover.bn-hover-bella .bn-hover-container .bn-hover-title {
    position: absolute;
    bottom: 2rem;
    margin-bottom: 0;
    /*    left: 50%;
        transform: translateX(-50%);*/
    transition: all 0.35s ease-in-out;
    white-space: nowrap;
}
.bn-hover.bn-hover-bella .bn-hover-container:hover .bn-hover-title {
    bottom: 0rem;
    opacity: 0;
}
.bn-hover.bn-hover-bella .bn-hover-container .bn-hover-detail {
    position: absolute;
    bottom: 0rem;
    opacity: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.35s ease-in-out;
}
.bn-hover.bn-hover-bella .bn-hover-container:hover .bn-hover-detail {
    bottom: 1.15rem;
    opacity: 1;
}
.bn-hover.bn-hover-bella .bn-hover-container .bn-hover-icon {
    position: absolute;
    opacity: 0;
    top: calc(50% - 1.5rem);
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.35s ease-in-out;
}
.bn-hover.bn-hover-bella .bn-hover-container:hover .bn-hover-icon {
    position: absolute;
    top: 50%;
    opacity: 1;
}
.bn-hover.bn-hover-mei .bn-hover-container .bn-hover-title {
    position: absolute;
    bottom: 3.85rem;
    margin-bottom: 0;
    transition: all 0.35s ease-in-out;
    left: 2rem;
    right: 2rem;
}
.bn-hover.bn-hover-mei .bn-hover-container .bn-hover-desc {
    position: absolute;
    bottom: 2rem;
    opacity: 0.75;
    transition: all 0.35s ease-in-out;
    font-weight: 300;
    font-size: 0.85rem;
    left: 2rem;
    right: 2rem;
}
.bn-hover.bn-hover-mei .bn-hover-container .bn-hover-detail {
    position: absolute;
    bottom: 0.5rem;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    left: 2rem;
    right: 2rem;
}
.bn-hover.bn-hover-mei .bn-hover-container:hover .bn-hover-detail {
    bottom: 2rem;
    opacity: 1;
}
.bn-hover.bn-hover-mei .bn-hover-caption-container {
    text-align: center;
}
.bn-hover.bn-hover-mei .bn-hover-container:hover .bn-hover-desc {
    bottom: 6.25rem;
}
.bn-hover.bn-hover-mei .bn-hover-container:hover .bn-hover-title {
    bottom: 8.5rem;
}
.bn-hover.bn-hover-overlay.bn-hover-jolie .bn-hover-container .bg-banner-overlay {
    background: linear-gradient(to bottom,rgba(0,0,0,0) 100%,#1e2228 100%);
}
.bn-hover.bn-hover-overlay.bn-hover-jolie .bn-hover-container .bg-banner-overlay:before {
    background: rgba(30, 34, 40, 0.35);
    transition: all 0.2s ease-in-out;
}
.bn-hover.bn-hover-jolie .bn-hover-container .bn-hover-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*    padding: 1.75rem;*/
    padding: 25px 20px;
    /*    transform: translateY(calc(100% - 100px));*/
    transform: translateY(calc(100% - 70px));
    transition: all 0.35s ease-in-out;
    background: rgba(0,0,0,0.0);
}
.bn-hover.bn-hover-jolie .bn-hover-container:hover .bn-hover-caption {
    transform: translateY(0);
    background: rgba(0,0,0,0.65);
}
.bn-hover.bn-hover-jolie .bn-hover-container .bn-hover-title {
    line-height: 1.35;
    /*    padding-top: 30px;*/
}
.bn-hover.bn-hover-jolie .bn-hover-container:hover .bn-hover-title{
    /*    padding-top: 0;*/
}

.bn-hover.bn-hover-jolie .bn-hover-container .bn-hover-title span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bn-hover.bn-hover-jolie .bn-hover-container .bn-hover-title .bn-hover-icon {
    font-size: 3rem;
    bottom: 1.5rem;
    transition: all 0.35s ease-in-out;
}
.bn-hover.bn-hover-jolie .bn-hover-container:hover .bn-hover-title .bn-hover-icon {
    font-size: 2rem;
}
.bn-hover.bn-hover-jolie .bn-hover-container .bn-hover-desc {
    line-height: 1.35;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    opacity: 0;
    transition: all 0.35s ease-in-out;
}
.bn-hover.bn-hover-jolie .bn-hover-container:hover .bn-hover-desc {
    opacity: 1;
}
.bn-hover.bn-hover-jolie .bn-hover-container .price-box {
    color: var(--bs-white);
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.bn-hover.bn-hover-ratih {
    position: relative;
}
.bn-hover.bn-hover-ratih.bn-hover-overlay .bn-hover-container .bg-banner-overlay {
    background: rgba(30, 34, 40, 0);
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-caption-container {
    position: absolute;
    padding: 2rem;
    background: var(--bs-lighter-primary);
    transition: all 0.35s ease-in-out;
    top: 2.5rem;
    bottom: 2.5rem;
    width: 50%;
}
.bn-hover.bn-hover-ratih.bn-hover-ratih-image-left .bn-hover-container .bn-hover-caption-container {
    right: 0;
}
.bn-hover.bn-hover-ratih.bn-hover-ratih-bottom .bn-hover-container .bn-hover-caption-container {
    position: unset;
    padding: 2rem;
    background: var(--bs-lighter-primary);
    transition: all 0.35s ease-in-out;
    top: unset;
    bottom: unset;
    width: 100%;
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-caption-container .bn-hover-title {
    margin-bottom: 0.75rem;
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-caption-container .bn-hover-detail {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .5rem;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600;
}
.bn-hover.bn-hover-ratih .bn-hover-container:hover .bn-hover-caption-container .bn-hover-detail {
    bottom: 1.5rem;
    opacity: 1;
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-caption-container .bn-hover-desc {
    margin-bottom: 0;
    transition: all 0.25s ease-in-out;
    font-size: 0.9rem;
    color: #91979d
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 33.333333%;
}
.bn-hover.bn-hover-ratih.bn-hover-ratih-image-left .bn-hover-container .bn-hover-image {
    margin-left: unset;
    margin-right: 33.333333%;
}
.bn-hover.bn-hover-ratih.bn-hover-ratih-bottom .bn-hover-container .bn-hover-image {
    margin-left: unset;
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-image .bn-hover-icon {
    position: absolute;
    opacity: 0;
    top: calc(50% - 1.5rem);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.35s ease-in-out;
    background: var(--bs-primary);
    width: 80px;
    height: 80px;
    color: var(--bs-white);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column !important;
    text-align: center;
    white-space: nowrap;
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-image .bn-hover-icon span {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
}
.bn-hover.bn-hover-ratih .bn-hover-container .bn-hover-image .bn-hover-icon i {
    font-size: 2rem;
}
.bn-hover.bn-hover-ratih .bn-hover-container:hover .bn-hover-image .bn-hover-icon {
    opacity: 1;
}

.bx-room-gall {
    /*    padding-left: 20px;
        padding-right: 20px;*/
}
.bx-room-gall h5{
    color: #ffffff;
    text-align: left;
}
.bx-room-gall  .bn-hover-desc{
    color: #cbcbcb;
    text-align: left;
}
.bx-room-gall  .bn-hover-detail{
    text-align: right;
}
.bx-room-gall  .bn-hover-detail a{
    color: #e9ae56 !important;
}

a.more-arrow{
    padding-right: 18px;
    background: url(images/more-arrow.png) right bottom no-repeat;
    background-size: 12%;
    transition: all 0.3s ease-in-out;
}
a.more-arrow:hover{
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.home-room .room-slider+.room-control{
    display: none;
}
@media screen and (max-width:1220px) {
    .home-room .room-slider+.room-control{
        display: block;
    }
}

@media screen and (max-width:1300px) {
    .row-mglr{
        margin-left: 0;
        margin-right: 0;
    }
}

.home-map{
    background: #fcf4e9;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #585858;
}
.home-map .bg-map{
    background: #fff;
}
.home-map .bx-map{
    padding: 30px;
}
.home-map h3{
    color: #000000;
}
a.link-location{
    color: #e9ae56;
    padding-right: 15px;
    background: url(images/location-arrow.png) right bottom no-repeat;
    background-size: 7%;
    transition: all 0.3s ease-in-out;
}
a.link-location:hover{
    opacity: 0.78;

}
.home-map ul.map-det{
    padding-left: 15px;
}
ul li.ic-address2{
    padding-left: 32px;
    background: url(images/ic-address2.png) left top no-repeat;
    margin-top: 35px;
    padding-bottom: 30px;
    background-size: 4%;
}
.map-google{
    min-height: 330px;
    padding: 0;
}

@media screen and (max-width: 1200px) {
    .home-map{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.home-testimo{
    /*    position: relative;*/
    position: relative;
    background-image: url(images/bg-testimo.png);
    padding-top: 40px;
    padding-bottom: 40px;
    color: #cbcbcb;

    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    z-index: 0
}
.home-testimo.bg-image-overlay:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(30, 34, 40, 0.78);
}
.home-testimo.bg-image-overlay .container{
    position: relative;
    z-index: 2;
}
.home-testimo h3{
    color: #e9ae56;
}
.home-testimo .bx-testimo{
    /*    width: 264px;*/
    padding-left: 15px;
    padding-right: 15px;
}
.home-testimo h5{
    color: #ffffff;
}
.home-testimo .testimo-star{
    padding: 5px 0;
}
.home-testimo .testimo-star img{
    width: 24px;
    display: inline-block;
}

.home-testimo .testimo-det{
    font-style: italic;
    line-height: 20px;
}
.home-testimo .testimo-name{
    color: #ffffff;
    line-height: 20px;
}


.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 80px;
}
.owl-theme .owl-dots .owl-dot span{
    background: #cbcbcb;
    margin: 0 4px;
    transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active:hover span{
    width: 34px;
    background: #e9ae56;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #e9ae56;
}


.ic-whatapp{
    background: url(images/ic-whatapp.png) center center no-repeat;
    background-size: cover;
    width: 46px;
    height: 46px;
    position: fixed;
    right: 24px;
    /*    bottom: 34px;*/
    bottom: 54px;
    z-index: 9;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}
.ic-whatapp:hover{
    opacity: 0.7;
}
.ic-whatapp.change_posx{
    right: 90px;
}

@media screen and (max-width: 991px) {
    /*    .inc-check-book{
            display: none;
        }*/
    .inc-check-book .inp-form{
        max-width: 100%;
        /*        margin-left: 15px;
                margin-right: 15px;*/
    }
    .inc-check-book{
        top: -94px;
        background: #191919 !important;
    }
    .inc-check-book .inp-form{
        background: unset;
    }
}
@media screen and (max-width: 930px) {
    .inc-check-book .container{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 860px) {
    .inc-check-book .stk-roomtype{
        display: none !important;
    }
    .inc-check-book .inp-form{
        max-width: 700px  !important;
    }
}
@media screen and (max-width: 700px) {
    .inc-check-book .inp-form input,.inp-form button{
        width: 170px;
    }
    .inc-check-book .inp-form {
        max-width: 600px !important;
    }
    .inc-check-book{
        background: rgba(0,0,0,0.78) !important;
    }
    .inc-check-book .inp-form{
        background: unset;
    }
}



.banner-pages-slider .carousel-caption{
    top: 50%;
    margin: auto;
    text-align: center;
    max-width: 665px;
}

.inc-check-book.temp-black{
    position: unset;
    background:rgba(0,0,0,1);
}

.inc-check-book.temp-black .inp-form{
    background:none;
}

.bx-room-services{
    background: #fcf4e9;
    padding-top: 40px;
    padding-bottom: 40px;
}
.bx-room-services.bg-white{
    background: #fff;
    color: #000;
}

.bx-room-services h5{
    /*    padding-left: 30px;*/
}
.bx-room-services h5 img{
    width: auto;
    max-height: 26px;
    vertical-align: middle;
}
.bx-room-services h5 div{
    width: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}

.bx-rsba ul li{
    display: inline-block;
    /*    padding-left: 30px;*/
    padding-right: 30px;
    margin-bottom: 10px;
    line-height: 28px;
}
.ic-rsize{
    display: inline-block;
    width: 30px;
    height: 26px;
    vertical-align: bottom;
    background: url(images/ic-expand.png) left center no-repeat;
    background-size: auto 18px;
}
.ic-rbads{
    display: inline-block;
    width: 34px;
    height: 26px;
    vertical-align: bottom;
    background: url(images/ic-beds.png) left center no-repeat;
    background-size: auto 22px;
}
.ic-radut{
    display: inline-block;
    width: 24px;
    height: 26px;
    vertical-align: bottom;
    background: url(images/ic-audits.png) left center no-repeat;
    background-size: auto 26px;
}

.bx-rdet{
    color: #000;
    padding-left: 50px
}
.bx-rdet h3{
    margin-top: 5px;
}

@media screen and (max-width:1200px) {
    .bx-rdet{
        padding-left: 15px;
    }
}

.bx-rate-pro{
    background: #fff;
    color: #000;
}
.bx-rate-pro h6,.bx-rate-pro .rate_link{
    color: #585858;
}

.bx-rate-pro table{
    width: auto;
    margin: auto;
    font-size: 18px;
}
.bx-rate-pro table thead tr td,.bx-rate-pro table tbody tr td:first-child{
    font-weight: bold;
}
.bx-rate-pro table thead tr td{
    border-top: 0;
}

.bx-maps-pick{
    padding-right: 15px;
    padding-left: 15px;
    max-width: 530px;
}
.local-box ul{
    justify-content: space-between;
    display: flex;
    margin-bottom: 5px;
}
.local-box ul li{
    display: inline-block;
    padding: 3px 5px;
}
.local-box ul li:first-child{
    padding-left: 0;
}
.local-box ul li.map-walking{
    display: inline-block;
    background: url(images/map-walking.png) 5px center no-repeat;
    padding-left: 30px;
    width: 185px;
    text-align: right;
    background-size: auto 22px;
}
.local-box ul li.map-bus{
    display: inline-block;
    background: url(images/map-bus.png) 4px center no-repeat;
    padding-left: 30px;
    width: 185px;
    text-align: right;
    background-size: auto 20px;
}
.local-box ul li.map-car{
    display: inline-block;
    background: url(images/map-car.png) left center no-repeat;
    padding-left: 30px;
    width: 185px;
    text-align: right;
    background-size: auto 16px;
}
.bx-maps-pick.box-1{
    margin-left: 25px;
    margin-right: 110px;
}
.bx-maps-pick.box-3{
    margin-left: 25px;
}
.bx-maps-pick.box-2{
    max-width: 470px;
}
.bx-maps-pick.box-2 .local-box ul li.map-walking{
    width: 130px;
}
.bx-maps-pick.box-2 .local-box ul li.map-car{
    width: 132px;
}

/*.local-box ul li.map-car.w2{
    width: 185px;
}*/
@media screen and (max-width: 1170px) {
    .bx-maps-pick.box-1{
        margin-right: 60px;
    }
    .bx-maps-pick{
        max-width: 490px;
    }

}
@media screen and (max-width: 1090px) {
    .bx-maps-pick.box-1{
        margin-right: 30px;
        padding-left: 15px;
    }
    .bx-maps-pick.box-2{
        max-width: 430px;
    }

}
@media screen and (max-width: 1020px) {
    .bx-maps-pick.box-1,.bx-maps-pick.box-3{
        margin-right: 0px;
        padding-left: 0px;
    }
    .local-box ul li.map-car,.local-box ul li.map-walking{
        width: 185px;
    }
    .bx-maps-pick{
        padding-right: 15px;
    }
    .bx-maps-pick{
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media screen and (max-width: 992px) {
    .bx-maps-pick{
        margin-left: 0;
    }
    .bx-maps-pick.box-2,.bx-maps-pick.box-3{
        padding-left: 0;
        margin-left: 25px;
        max-width: 490px;
    }
    .bx-maps-pick.box-2 .local-box ul li.map-walking,.bx-maps-pick.box-2 .local-box ul li.map-car{
        width: 185px;
    }
}
@media screen and (max-width: 520px) {
    .local-box ul,.local-box ul li{
        display: block;
        padding: 0;
    }
    .local-box ul,.local-box ul{
        margin-bottom: 15px;
    }
    .local-box ul li:last-child{
        width: 100% !important;
    }

}
.bx-rate-pro .testimo-star img{
    width: 24px;
    display: inline-block;
}

.bx-rate-pro .testimo-det{
    font-style: italic;
    line-height: 20px;
}
.frm-float{
    line-height: 40px;
}

.frm-float select {
    width:100%;
    height: 40px;
    /*font-size: 16px;*/
    color: #222222;
    background:rgba(255,255,255,0.18) ;
    padding: 0px 5px 5px 15px;
    border: 1px #cbcbcb solid;
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url(images/arrow2.png);
    background-repeat: no-repeat;
    background-position: top 15px right 10px;

}
.frm-float select option{
    background:#fff;
    color: #222222;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


.frm-float input,.frm-float textarea{
    width: 100%;
    border: 1px #cbcbcb solid;
    padding: 3px 10px;
    outline: none;
}
.frm-float input{
    height: 40px;
}

.frm-float button{
    background: #e9ae56;
    color: #fff;
    width: 100%;
    max-width: 150px;
    height: 40px;
    box-shadow:none;
    border: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.frm-float button:hover{
    /*    opacity: 0.7;*/
    background: #504d49;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.bx-contacts{
    background: #fff;
    color: #585858;
}
.bx-contacts h3{
    color: #000;
}

@media screen and (max-width:768px) {
    .frm-float .text-right{
        text-align: left !important;
    }
}

.bx-booknow{
    background: #fff;
    color: #585858;
}
.bx-booknow h3{
    color: #000;
}

.bx-booknow .frm-float label{
    line-height: 20px;
}
.bx-booknow .frm-float {
    line-height: unset;
}

.frm-float input.ic-date{
    background: rgba(255,255,255,0.18) url(images/ic-date2.png) 95% center no-repeat;
    padding-right: 40px;
    background-size: auto 20px;
}
@media screen and (max-width:768px) {
    .frm-float input.ic-date{
        background-position: 98% center;
    }
}


.frm-float.bx-roomtype{
    line-height: 40px;
    color: #000;
}
.frm-act{
    position: relative;
}
.frm-act button.ic-plus{
    position: absolute;
    bottom: 18px;
}
.frm-act button.ic-minute{
    position: absolute;
    bottom: 18px;
    left: 55px;
}

button.ic-plus{
    background:url(images/ic-plus.png)center center no-repeat;
    width: 35px;
    height: 35px;
    border: 0;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 2px;
    background-size: auto 22px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
button.ic-minute{
    background:url(images/ic-minute.png)center center no-repeat;
    width: 35px;
    height: 35px;
    border: 0;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 2px;
    background-size: auto 18px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
button.ic-plus:hover,button.ic-minute:hover{
    opacity: 0.7;
}
@media screen and (max-width:578px) {
    .frm-act button.ic-plus,.frm-act button.ic-minute{
        position: unset;
    }
    .frm-act{
        text-align: right;
    }
    .bannar-slider .products-slider  .carousel-caption {
        top: 37%;
    }
}
/*.box-stick{
    display: none;
}*/


.inc-check-book{

    /*    -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;*/
}
@media screen and (max-width: 570px) {
    .inc-check-book .inp-form input{
        width: 150px;
        padding-left: 10px;
    }
    .inp-form button{
        width: 150px;
    }
}
@media screen and (max-width: 520px) {
    .inc-check-book .inp-form{
        padding: 15px;
    }
    .inc-check-book{
        top: -80px;
    }
}
@media screen and (max-width: 500px) {
    .inc-check-book .inp-form{
        padding: 10px;
    }
    .inc-check-book{
        top: -70px;
    }
    .inc-check-book .inp-form input{
        width: 96%;
        padding-left: 5px;
    }
    .inp-form button{
        width: 125px;
    }
}
@media screen and (max-width: 420px) {
    .inc-check-book .inp-form{
        padding-left: 5px;
        padding-right: 5px;
    }
    .inp-form button{
        width: 118px;
    }
    .inc-check-book .inp-form input{
        width: 128px;
    }
}
.book-stick{
    position: fixed !important;
    background: #191919 !important;
    top: 72.27px !important;
    width: 100%;
}
@media screen and (max-width: 991px) {
    .book-stick{
        top: 86.92px !important;
    }
}
/*.inc-check-book.book-stick{
    width: 100%;
    background: rgba(0,0,0,0.78);
}*/
.inc-check-book.book-stick .inp-form{
    background: none;
}


.CloudBedsWidget.floatWrapper{
    padding-bottom: 50px;
}
.CloudBedsWidget .float_bg2{
    /*    top: 695px;
        position: relative;*/
    bottom: 0;
    top: auto;
    border-bottom: 0;
    box-shadow: none;
}
@media (max-width: 1059px){
    .ic-whatapp,.totop{
            bottom: 90px;
    }
}