body{
    font-size: 1rem; 
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.ovhidden{
    overflow: hidden;
}

a, a:hover{
	text-decoration: none !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
ul{
	padding-left: 0px; 
	list-style-type: none;
	margin: 0
}
img{
	max-width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 600;
}

  


@media(min-width: 1366px){
.cmpad{
    max-width: 1526.4px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 54px;
    padding-right: 54px;
}
}
@media(max-width: 1366px){
.cmpad{
	padding-left:80px;
	padding-right:80px;
}
}
@media(max-width: 991px){
.cmpad{
	padding-left:40px;
	padding-right:40px;
}
}
@media(max-width: 767px){
.cmpad{
	padding-left:15px;
	padding-right:15px;
}

}
@media(max-width: 575px){
html{
	font-size: 90%;
}

}



.mainhead{
	font-weight: 700;
    font-family: "Poppins", sans-serif;
}
.mainhead.center{
	text-align: center;
}
.mainhead.invert{
    color: #f7f7f7;
}
.mainhead span{
    font-weight: 400;
    color: #da251c;
}
.hdcap{
	color: #E91E63;
    font-size: 1rem;
    text-transform: uppercase;
}
.hddesc{
    color: #666;
}
.hddesc.invert, .hdcap.invert{
    color: #ddd;
}
.hddesc.center, .hdcap.center{
    display: block;
    text-align: center;
}

h3.subhead{
    font-weight: 600;
    border-bottom: 1px dashed #c6d4c8;
    padding-bottom: 6px;
}

h6.caption{
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
    line-height: 1.4;
}

@media(max-width: 767px){
.h1, h1{
    font-size: 2.2rem;
}
.h2, h2{
    font-size: 1.75rem;
}
}
@media(max-width: 575px){
.h2, h2{
    font-size: 1.5rem;
}
.h1, h1{
    font-size: 2rem;
}
}



@media(min-width:768px){
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-track{background-color:#eee}
::-webkit-scrollbar-thumb{background-color:#333}
::-webkit-scrollbar-thumb:hover{background-color:#444}

.custscroll::-webkit-scrollbar,.custscroll::-webkit-scrollbar-thumb{border-radius:13px;width:6px;height:6px;background-clip:padding-box;background:transparent}
.custscroll::-webkit-scrollbar-track{background:transparent}
.custscroll:hover::-webkit-scrollbar-thumb{background-color:#ccc}
.custscroll::-webkit-scrollbar-thumb:hover{background-color:#999}


.custscrollA::-webkit-scrollbar{border-radius:13px;width:6px;height:6px;background-clip:padding-box;background:transparent}
.custscrollA::-webkit-scrollbar-track{background:transparent}
.custscrollA::-webkit-scrollbar-thumb{background-color:#ccc;border-radius: 6px;}
.custscrollA::-webkit-scrollbar-thumb:hover{background-color:#999}

}


ul.social {
    display: flex;
    margin-bottom: 0;
    margin-top:38px;
}
ul.social li {
    display: block;
    margin-right: 10px;
}
ul.social li a {
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    font-size: 0.875rem;
}

ul.social li a i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 0.875rem;
    display: block;
    text-align: center;
    border-radius: 0.3rem;
    color: #333;
    background-color: #fbdad8;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

ul.social li a:hover i {
    border-radius: 50%;
}

ul.social li a img{
	width: 28px;
    background: #fff;
    border-radius: .3rem;
    padding: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
ul.social li a:hover img{
	transform: rotate(30deg);
}


.btngroup{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}
.mybtn {
    border: 1px solid;
    height: 50px;
    line-height: 50px;
    width: 200px;
    text-align: center;
    padding: 0 20px;
    font-weight: 600;
    background-color: transparent;
    outline: 0;
    display: inline-block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.mybtn1 {
    margin-right: 10px;
    background-color: #dc291e;
    border-color: #dc291e;
    color: #fff;
}
.mybtn1:hover {
    background-color: #1a71b5;
    border-color: #1a71b5;
    color: #fff;
}
.mybtn2 {
    color: #dc291e;
}
.mybtn2:hover {
    color: #333;
}
.mybtn span{
    margin-left: 6px;
}

@media(max-width: 1200px){
.btngroup .mybtn{
    width: auto;
}
}

@media(max-width: 767px){
.mybtn{
    height: 40px;
    line-height: 40px;
    width: auto;
    margin-bottom: 6px;
}
}

.flexVcenter{
    display: flex;
    flex-flow: wrap;
    align-content: center;
}



.colorbox{
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 5rem;
    left: 0;
}
/*.color1{
    background-color: #00a815;
    width: 30px;
    height: 15px;
}
.color2{
    background-color: #da251c;
    width: 30px;
    height: 15px;
}*/




/*---------------------------------------*/
/*::::::::::::::::HEADER:::::::::::::::::*/
/*---------------------------------------*/
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #ffeaf5;
    box-shadow: 0 0 20px rgba(0,0,0,0);
}
.transhead header{
    background-color: transparent;
}
header.active{
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
header .logo{
    width: 180px;
    height: 75px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
header .logo a{
    display: block;
    display: flex;
}
header .logo img{
    /*height: 60px;*/
}
.transhead header .logo img.logobl{
    display: none;
}
.transhead header .logo img.logowh{
    display: block;
}
header .logo img.logobl,
.transhead header.active .logo img.logobl{
    display: none;
}
header .logo img.logowh,
.transhead header.active .logo img.logowh{
    display: block;
}
header .mainmenu{
    width: calc(100% - 180px);
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
    padding: 0 15px;
}
header .mainmenu .mynav{
    display: flex;
    flex-flow: wrap;
    min-width: 300px;
}


header .megamenu{
    position: initial;
    overflow: hidden;
    display: block;
    margin-right: 2rem;
    height: 75px;
    line-height: 75px;
}
header .megamenu a.mainli{
    color: #666;
    display: block;
    padding: 0;
    font-weight: 600;
    position: relative;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.transhead header .megamenu a.mainli{
    color: #fff;
}
.transhead header.active .megamenu a.mainli{
    color: #666;
}
header .megamenu a.mainli:after{
    content: '';
    width: 0px;
    height: 3px;
    background: transparent;
    position: absolute;
    left: 20px;
    bottom: -7px;}
header .megamenu a.mainli.active{
    border-color: #dd0735;
    color: #dd0735;
}
header .megamenu a.mainli:hover, 
header .megamenu:hover a.mainli, 
header .megamenu:hover a.mainli.active,
.transhead header.active .megamenu:hover a.mainli{
    border-color:  #dc291e; 
    color: #dc291e;
}

header .megamenu a.mainli:hover:after{width: 26px; background: #dc291e;}

header .megamenu-content {
    display: none;
  /*  align-items: center;*/
    align-items: flex-start;
    position: absolute;
    background-color: #f8f8f8;
    width: 100%;
    left: 0;
    z-index: 99;
    min-height: 22rem;
    max-height: calc(100vh - 75px);
    overflow: auto;
    margin-top: 0;
    line-height: normal;
    padding: 15px;
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
}
header .megamenu:hover .megamenu-content {
  display: flex;
}

header .mynav.active{
    display: none !important;
}

header .menucol{
    text-align: center;
    margin: -5px;
    background: #fff;
    padding: 10px;
}
header .menucol .hdcol{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}
header .menucol h4{
    font-size: 1rem;
    font-weight: 700;
    margin: 5px 0;
    width: calc(100% - 55px);
    text-align: left;
}
header .menucol ul.prolist{
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}
header .menucol ul.prolist li{
    flex: 1 0 33.3333%;
    max-width: 33.3333%;
    text-align: center;
    padding: 10px 5px 0 5px;
}
header .menucol ul.prolist li a {
    background-color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: .3rem;
    color: #666;
}
header .menucol ul.prolist li a:hover{
    color: #dc291e;
}
header .menucol ul.prolist li a .icon{
    width: 64px;
    display: flex;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
header .menucol ul.prolist li a h6{
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
header .menucol ul.prolist li a:hover .icon{
    transform: translateY(-5px) scale(1.05);
    -webkit-transform: translateY(-5px) scale(1.05);
}
header .menucol ul.prolist li a:hover h6{
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}
header .menucol .viewall{
    display: block;
    color: #999;
    font-size: .875rem;
    font-weight: 600;
    margin: 5px 0;
    width: 55px;
    text-align: center;
}
header .menucol .viewall:hover{
    color: #dc291e;
}

header .moremenu{
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
header .moremenu li{
    margin-left: 2rem;
}
header .moremenu li button.moreaction,
header .moremenu li a.moreaction{
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 0;
    width: 24px;
    display: inline-block;
}
.transhead header .moremenu li button.moreaction,
.transhead header .moremenu li a.moreaction{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.transhead header.active .moremenu li button.moreaction,
.transhead header.active .moremenu li a.moreaction{
    filter: brightness(.75) invert(0);
    -webkit-filter: brightness(.75) invert(0);
}
header .moremenu li .srchbtn .closicon{
    display: none;
}
header .moremenu li .srchbtn.active .srchicon{
    display: none;
}
header .moremenu li .srchbtn.active .closicon{
    display: block;
    margin-top: 5px;
}
header .moremenu li.srccol{
    display: flex;
    position: relative;
}
.searchbox{
    display: none; 
    position: relative;
    width: 300px;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.searchbox.active{
    display: flex;
}
.searchbox input{
    width: 100%;
    height: 44px;
    padding: 0 15px;
    padding-right: 60px;
    outline: 0;
    border: 1px solid #999;
    border-radius: 2rem;
    color: #666;
    background-color: transparent;
}
.transhead .searchbox input{
    color: #fff;
    border-color: #fff;
}
.transhead header.active .searchbox input{
    border-color: #999;
    color: #666;
}
.transhead header .searchbox input::placeholder{
    color: #fff;
}
header .searchbox input::placeholder,
.transhead header.active .searchbox input::placeholder{
    color: #999;
}
.transhead header .searchbox .input-group button{
    color: #fff;
}
header .searchbox .input-group button,
header.active .searchbox .input-group button{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    border: none;
    background-color: transparent;
    outline: 0;
    color: #666;
}
header .searchbox .input-group button:hover{
    color: #dc291e;
}


@media(max-width: 991px){
header .mainmenu .mynav{
    display: none;
}
header .moremenu li{
    margin-left: 20px;
}
header .moremenu li:first-child{
    margin: 0;
}
}

@media(max-width: 767px){
header .moremenu li{
    margin-left: 30px;
}
.searchbox{
    position: absolute;
    right: 0;
    margin: 0;
    margin-top: 50px;
    font-size: .875rem;
}
.searchbox input{
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 4px 6px 20px rgba(0,0,0,.1);
    border: none;
    color: #666;
    height: 35px;
}
.searchbox input::placeholder{
    color: #666 !important;
}
header .searchbox .input-group button{
    color: #666 !important;
}
header .searchbox .input-group button:hover{
    color: #dc291e !important;
}
.transhead .searchbox input{
    color: #666;
}
}

@media(max-width: 575px){
header .moremenu li{
    margin-left: 20px;
}
header .moremenu li.cartbtn{
    display: none;
}
}

@media(max-width: 440px){
header .moremenu li.srccol{
    position: unset;
}
.searchbox{
    right: 15px;
    left: 15px;
    width: auto;
    margin-top: 34px;
}
}

@media(max-width: 380px){
header .logo{
    width: 160px;
    height: 60px;
}
header .logo img{
    height: 50px;
}
header .mainmenu{
    width: calc(100% - 160px);
}
header .moremenu li{
    margin-left: 15px;
}
header .moremenu li button{
    width: 20px;
}
}



.searchlist{
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    background-color: #fff;
    border-radius: 0.3rem;
    box-shadow: 5px 7px 20px rgb(0 0 0 / 10%);
    padding: 10px 0;
}
.searchlist ul{
    display: flex;
    flex-flow: column;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
.searchlist ul li{
    margin: 0 !important;
}
.searchlist ul li a{
    display: flex;
    align-items: center;
    color: #666;
    font-size: .875rem;
    line-height: 1.2;
    padding: 5px 10px;
}
.searchlist ul li a:hover{
    color: #dc291e;
    background-color: #fff8f8;
}
.searchlist ul li a .icon{
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    display: flex;
    margin-right: 8px;
    border: 1px solid #eee;
    border-radius: 0.3rem;
}
.searchlist ul li a .name{
    display: flex;
    align-items: center;
    height: 34px;
    overflow: hidden;
}

@media(max-width: 767px){
.searchlist{
    top: 36px;
}
}
@media(max-width: 440px){
.searchlist{
    top: 60px;
}
}
@media(max-width: 380px){
.searchlist{
    top: 50px;
}
}


/*///////////RESPONSIVE HEADER***************/

@media(min-width: 992px){
.header_resp{
    display: none;
}
}
.header_resp{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.cd-dropdown-trigger{
    padding: 0;
    border-radius: 0;
}
.cd-dropdown-trigger .fa{
    font-size: 22px;
    color: #069548;
}

.cd-dropdown .hdtop{
    background-color: #fff;
    border-color: #069548;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 65px;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    border-bottom: 1px solid #f1f1f1;
}
.cd-dropdown{
    background-color: rgba(0, 0, 0, 0.7);
}
.cd-dropdown>.cd-dropdown-content{
    width: 70%;
    right: 30%;
    background-color: #f5f5f5;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.cd-dropdown-content{
    padding-top: 0;
}
.cd-dropdown-content ul{
    padding-top: 65px;
    background-color: #f5f5f5;
}
.cd-dropdown-content a, .cd-dropdown-content ul a{
    color: #607D8B;
    border: none;
    border-bottom: 1px solid #ddd;
}
.cd-dropdown .cd-close{
    right: 1rem;
    top: 17px;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 9;
    box-shadow: 6px 4px 15px rgba(0,0,0,.1);
    display: none;
}
.closebarz{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 70%;
    cursor: zoom-out;
}

@media(max-width: 575px){
.cd-dropdown>.cd-dropdown-content{
    width: 80%;
    right: 20%;
}
.closebarz{
    left: 80%;
}
}

@media(max-width: 360px){
.closebarz{
    display: none;
}
.cd-dropdown>.cd-dropdown-content{
    width: 100%;
    right: 0;
}
.cd-dropdown .cd-close{
    display: block;
}
}

.cd-dropdown .logo{
    max-width: 150px;
    margin: 5px auto;
}
.cd-dropdown-content a, .cd-dropdown-content ul a{
    height: 38px;
    line-height: 38px;
    font-size: .875rem;
    border: none;
    margin: 8px;
    background-color: #fff;
    border-radius: .3rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.cd-dropdown-content a:hover, .cd-dropdown-content ul a:hover{
    text-decoration: none;
    color: #333;
    background-color: #f7d7e7;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after{
    background: #ccc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after{
    background-color: #dc291e;
}
.cd-dropdown-content a img {
    width: 22px;
    margin-right: 8px;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before{
    background: #60606a;
    width: 1px;
    height: 20px;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after{
    height: 1px;
}
.has-children > a img.img-menu{
    max-width: 20px;
    margin-right: 10px;
}
.hdtop .upic{
    padding: 8px 15px;
    width: 200px;
    height: 100%;
}
.hdtop .upic a {
    height: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0;
}
.hdtop .upic a:hover{
    background-color: transparent;
}
.hdtop .upic img{
    display: block;
    width: auto;
    height: 100%;
    margin: 0;
}
.menu-user{
    padding-top: 12px;
    color: #666;
    width: calc(100% - 90px);
    padding-left: 0;
    padding-right: 15px;
    float: left;
}
.menu-user .uname{
    font-size: 14px;
}
.menu-user span{
    display: block;
    line-height: 20px;
    font-size: 12px;
}
.menu-acc{
    display: flex;
    justify-content: space-around;
    padding: 0 4px;
    margin-top: 5px;
}
.menu-acc a{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: .7rem;
    line-height: normal;
    height: 60px;
    margin: 4px;
    border-radius: .3rem;
    width: 100%;
    border: none;
    color: #999;
    border-right: 1px solid #f1f1f1;
}
.menu-acc a:hover{
    background-color: #fff;
    color: #dc291e;
}
.menu-acc a img{
    width: 24px;
    margin-bottom: 4px;
    margin-right: 0;
}

.accbtns button{
    width: 50%;
    float: left;
    color: white;
    border: none;
    height: 35px;
    line-height: 35px;
    background-color: #df2b6e;
}
.accbtns button:last-child{
    background-color: #e83f7e;
}

.accdet{
    display: table;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
}
.accdet button{
    width: 50%;
    float: left;
    color: #df2b6e;
    height: auto;
    border: none;
    border-right: 1px solid #ddd;
    background-color: #fff;
    font-size: 10px;
    padding: 8px 5px;
}
.accdet button:last-child{
    border-right: none;
}
.accdet button span{
    display: block;
    color: #666;
    font-size: 14px;
}
.accdet button span i.fa{
    margin-right: 3px;
}

.addrec{
    display: table;
    width: 100%;
}
.addrec a, .addrec a:focus {
    display: block;
    color: #fff !important;
    text-decoration: none;
    background: linear-gradient(-45deg, #ff4d89, #ff0057, #e91e72, #ffabc8);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite;
}
.addrec a:hover{
    animation: none;
    color: #fff !important;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.addrec a span.fa{
    margin-right: 5px;
}
.addrec a i.fa{
    float: right;
    margin-top: 15px;
}


@media(max-width: 480px){
.menu-acc p{
    line-height: 5px;
    font-size: 10px;
}
.menu-user{
    width: calc(100% - 70px);
}
.menu-acc a{
    font-size: .65rem;
}
}

/*RESPONSIVE MENU FOOTER*/
.menufoot{
    background-color: #fff;
    color: #666;
    text-align: center;
    min-height: 290px;
}
.menufoot ul{
    position: relative;
    padding: 6px 0 !important;
    list-style-type: none;
}
.menufoot ul li.head{
    width: 100% !important;
    line-height: 25px !important;
    height: 25px !important;
    border:none !important;
    font-size: 12px;
    padding: 0 20px;
    background-color: #60606a;
    color: #fff !important;
    margin-bottom: 15px;
}

.menufoot ul.reach li{
    display: block;
    text-align: left;
}
.menufoot ul.reach li a i{
    margin-right: 6px;
    color: #dc291e;
}
.menufoot ul.reach li a img{
    height: 15px;
    margin-right: 5px;
    margin-top: -2px;
}

.menufoot ul.download{    
    padding-bottom: 10px !important;
}
.menufoot ul.download li.apps a{
    width: 95px;
    display: inline-block;
    padding: 0 !important;
    margin: 0 5px;
    height: auto !important;
    line-height: normal !important;
    border:none !important;
}
.menufoot ul.download li.apps a img{
    width: 100%;
}

.menufoot ul.social{
    padding-bottom: 10px !important;
    padding-top: 0 !important;
    flex-flow: wrap;
    justify-content: center;
}
.menufoot ul.social li.head{
    margin-bottom: 15px;
    width: 100%;
}
.menufoot ul.social li{
    float: left;
    width: calc(100% / 7);
    text-align: left;
    margin-right: 0;
}
.menufoot ul.social li a{
    width: auto;
    text-align: center;
    height: 35px !important;
    line-height: 35px !important;
    text-overflow: initial;
    border: none !important;
    padding: 0 !important;
    margin: 0 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menufoot ul.social li a .fab{
    background-color: transparent;
    color: #dc291e;
}

.menufoot ul.menu li{
    display: inline-block;
}
.menufoot ul.menu li a{
    font-size: 12px;
    border: none !important;
    height: auto !important;
    line-height: 22px !important;
    padding: 0 8px;
    background-color: #9E9E9E;
    border-radius: 3px;
    color: white !important;
    margin: 0 2px;
}
.menufoot ul.rights{
    border-top: 1px solid #cfcfcf;
    padding: 10px 0 !important;
}
.menufoot ul.rights p{
    margin-bottom: 0;
    font-size: 12px;
}
.menufoot ul.rights a{
    display: inline;
    height: auto !important;
    line-height: normal !important;
    padding: 0;
    border:none !important;
    background-color: transparent;
    font-size: 12px;
}

/*----------------------------------------*/
/**************LOGIN SIGNUP****************/
/*----------------------------------------*/
.modal{
    cursor: zoom-out;
}
.modal.fade .modal-dialog{
    position: fixed;
    right: 0;
    top: 0;
    transform: none;
    height: 100%;
    max-height: 100%;
    margin: 0;
    width: 330px;
    cursor: auto;
}
.modal-content{
    height: 100%;
    border: none;
    border-radius: 0;
}
.lsmodal .close{
    width: 30px;
    height: 30px;
    right: 1rem;
    top: 1rem;
    position: absolute;
    z-index: 9;
    color: #fff;
    background-color: #dc291e;
    opacity: 1;
    border-radius: .3rem .3rem .3rem 1rem;
    font-size: 0.8rem;
    outline: 0;
}
.lsmodal .close:hover{
    background-color: #0c0c0c;
    opacity: 1 !important;
}
.logsignbg{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
}
.logsignbg img{
    animation: pulse 4s infinite;
}
.lsmodal input.form-control, .lsmodal input.form-control:focus{
    height: 50px;
    outline: 0;
    box-shadow: none;
}
.lsmodal input.form-control.hasleft{
    padding-left: 75px;
}
.lsmodal .lsbtn{
    width: 100%;
    height: 50px;
    line-height: 38px;
    background-color: #dc291e;
    color: #fff;
    margin: auto;
    display: block;
    outline: 0;
    box-shadow: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.lsmodal .lsbtn:hover{
    background-color: #0c0c0c;
}
.lsmodal .options a{
    color: #666;
}
.lsmodal a{
    cursor: pointer;
    color: #dc291e;
}
.lsmodal .reqotp{
    position: absolute;
    top: 0;
    right: 5px;
    border: none;
    height: 50px;
    padding: 0 10px;
    font-size: .875rem;
    border-radius: .3rem;
    outline: 0;
    background: #f7ba03;
    color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.lsmodal .reqotp:hover{
    background-color: #FF9800;
}
.lsmodal .resendotp{
    position: absolute;
    top: 15px;
    right: 15px;
    color: #dc291e;
    background-color: #fff;
    padding: 0;
    border: none;
    font-size: .875rem;
    outline: 0;
}
.lsmodal .form-check{
    padding: 0;
}
.lsmodal .check-div{
    font-size: .875rem;
}

.otp .digit-group{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.otp .digit-group input {
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #333;
    border-radius: .5rem;
    margin: 0 6px;
    outline: 0;
    box-shadow: none;
}
.otp .prompt {
  margin-bottom: 20px;
  font-size: 20px;
  color: white;
}
.otp p{
    font-size: .875rem;
}
.otp .change{
    border: none;
    background-color: transparent;
    color: #dc291e;
    outline: 0;
    border-bottom: 1px dashed;
    margin-left: 5px;
}
.otp .resend a{
    color: #dc291e;
    text-decoration: none;
}
.otp .resend a span{
    color: #666;
}



/*//////// COUNTRY ////////////*/ 


.selectcountrybox1 {
    position: absolute;
    top: 11px;
    /* z-index: 9; */
    /* width: 70px; */
    /* background-color: #fff; */
    /* bottom: 0; */
    left: 18px;
    /* padding-left: 19px; */
    /* padding-top: 10px; */
    cursor: pointer;
}


.selectcountrybox1 img {
    width: 30px;
}

.countrybox1 {
    height: 250px;
    overflow-y: auto;
    width: 100%;
    position: absolute;
    top: 50px;
    z-index: 9;
    background-color: #fff;
    border: 1px solid #d8d5d5;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 10px 11px -1px #afacac47;
    display: none;
}

.countryboxul1 {
    list-style: none;
    padding: 0;
}
.countryboxul1 li {
    padding: 5px;
    padding-left: 10px;
    cursor: pointer;
}

.countryboxul1 li img {
    width: 30px;
    margin-right: 5px;
    display: inline-block;
}


.selectcountrybox1-is-active{
    display: block;
}


.niceCountryInputSelector{
    width: 50px;
    position: absolute;
    top: 0;
    z-index: 9;
}
.niceCountryInputMenuFilter,
.niceCountryInputMenuDropdownContent{
    width: 300px;
    background-color: #fff;
}
.niceCountryInputMenuDropdown{
    display: none;
}
.niceCountryInputMenu{
    height: 50px;
    line-height: 44px;
    border:  1px solid #ddd;
}
.niceCountryInputMenuDefaultText{
    width: 50px;
}
.niceCountryInputMenuDefaultText a span{
    display: none;
}
.niceCountryInputMenuCountryFlag{
    width: 25px;
    height: 18px;
    border: none;
    margin-left: 10px;
    margin-right: 10px;
}
.niceCountryInputMenuFilter input{
    outline: 0;
    border: 1px solid #ccc;
    border-radius: .3rem;
    padding: 6px 10px;
}
.niceCountryInputMenuDropdownContent a{
    height: 28px;
    line-height: 28px;
    color: #666 !important;
    font-size: .875rem;
}
.niceCountryInputMenuDropdownContent a:hover{
    background-color: #ededed !important;
    color: #666 !important;
}
.niceCountryInputMenuDropdownContent a img {
    width: 18px;
    height: 13px;
}

@media(max-width: 991px){
.logsignbg{
    min-height: unset;
    max-height: 250px;
}
}

@media(max-width: 420px){
.modal.fade .modal-dialog{
    width: 80%;
}
}




/*---------------------------------------*/
/*::::::::::::::::SLIDER:::::::::::::::::*/
/*---------------------------------------*/
.slider{
    position: relative;
}
.slider .mainslider{
    height: 100vh;
    /*max-height: 720px;*/
}
.slider .swiper-slide .slideimage{
    height: 100%;
    width: 100%;
    background-color: #d9d9d9;
    background-size: cover;
    background-position: center;
        object-fit: cover;
}
.slider .swiper-slide .slideimage.tab,
.slider .swiper-slide .slideimage.mob{
    display: none;
}
.mainslider .swiper-pagination{
    display: flex;
    flex-flow: column;
    margin-left: 20px;
    bottom: 20px;
}
.mainslider .swiper-pagination-bullet{
    margin: 5px 0 !important;
    background-color: #fff;
    opacity: 1;
}
.mainslider .swiper-pagination-bullet-active{
    background-color: #da251c;
}

@media(max-width: 767px){
.slider .swiper-slide .slideimage.tab{
    display: block;
}
.slider .swiper-slide .slideimage.dsk{
    display: none;
}
}

@media(max-width: 520px){
.slider .swiper-slide .slideimage.mob{
    display: block;
}
.slider .swiper-slide .slideimage.tab{
    display: none;
}
}

@media(min-width: 768px) and (min-height: 580px) and (orientation: portrait){
.slider .mainslider{
    max-height: 520px;
}
}


/*------------------------------------*/
/*::::::::::::::BANNER::::::::::::::::*/
/*------------------------------------*/
.secbanner .banimg{
    border-radius: .3rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}



/*------------------------------------*/
/*::::::::::::::CATEGORY::::::::::::::*/
/*------------------------------------*/
.category{
    background-color: #fff;
}
.catlist{
    display: flex;
    flex-flow: wrap;
    margin: 0 -15px;
}
.catlist .catmain{
    width: 25%;
    padding: 15px;
}
.catlist .catbox{
    background-color: #dadbff;
    padding: 15px;
    border-radius: .3rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    color: #333;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.catlist .catbox .caticon{
    width: 128px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.catlist .catbox:hover .caticon{
    transform: scale(1.1) translateY(-2rem);
    -webkit-transform: scale(1.1) translateY(-2rem);
}
.catlist .catbox h4{
    font-size: 1rem;
    margin: 0;
    margin-top: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.catlist .catbox:hover h4{
    transform: translateY(-2rem);
    -webkit-transform: translateY(-2rem);
}
.catlist .catmain:nth-child(5n + 1) .catbox{
    background-color: #ffe6da;
}
.catlist .catmain:nth-child(5n + 2) .catbox{
    background-color: #daeeff;
}
.catlist .catmain:nth-child(5n + 3) .catbox{
    background-color: #def7d9;
}
.catlist .catmain:nth-child(5n+ 4) .catbox{
    background-color: #fde1fc;
}
.catlist .catmain:nth-child(5n+ 5) .catbox{
    background-color: #d0f1bf;
}

@media(max-width: 991px){
.catlist{
    margin: 0 -10px;
}
.catlist .catmain{
    padding: 10px;
}
.catlist .catbox h4{
    font-size: .875rem;
}
}

@media(max-width: 767px){
.catlist .catmain{
    width: 50%;
}
.catlist .catbox .caticon{
    width: 100px;
}
}

@media(max-width: 575px){
.catlist{
    margin: 0 -6px;
}
.catlist .catmain{
    padding: 6px;
}
}



/*------------------------------------*/
/*::::::::::::::HIGHLIGHTS::::::::::::*/
/*------------------------------------*/
.highlights{
    background-color: #dc291e17;
}
.highlights .card{
    border: none;
    border-radius: .3rem;
}
.highlights a{
    display: flex;
    flex-flow: column;
    color: #333;
}
.highlights a .cardimg{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem 1rem;
    overflow: hidden;
    transform: scale(.95) translateY(5px);
    -webkit-transform: scale(.95) translateY(5px);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.highlights a:hover .cardimg{
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    border-radius: .3rem;
}
.highlights .hlcont{
    padding: 10px;
}
.highlights .hlcont .hlcap{
    font-size: .875rem;
    color: #666;
}
.highlights .hlcont h1{
    margin: 0;
    font-size: 1rem;
}

@media(max-width: 575px){
.highlights .hlcont h1{
    font-size: .875rem;
}
.highlights .hlcont .hlcap{
    font-size: .75rem;
}
.highlights .card{
    margin: 1rem 0 !important;
}
}


/*------------------------------------*/
/*::::::::::::::PRODUCTS::::::::::::::*/
/*------------------------------------*/
.mainproduct{
    background-color: #dc291e17;
}
.promaincol{
    margin-right: -6px;
}
.promainrow{
    margin: 0 -8px;
}
.prodnav .nav{
    border: none;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.prodnav .nav-tabs li{
    margin: 0 15px;
}
.prodnav .nav-tabs .nav-link{
    border-radius: 0;
    padding: 5px 0;
    color: #666;
    border: none;
    background-color: transparent;
}
.prodnav .nav-tabs .nav-link.active{
    border-bottom: 1px solid #dc291e;
    color: #dc291e;
}
.prooffcol{
    max-width: 300px;
}
.procol{
    padding: 8px;
}
.probox{
    background-color: #fff;
    padding: 15px;
    position: relative;
    height: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.probox:hover{
    box-shadow: 5px 5px 20px rgba(0,0,0,.1);
}
.probox .proimg{
    padding: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.probox .proimg img{
    max-width: 180px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.probox:hover .proimg img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.probox .procont h2{
    font-size: 1rem;
    text-align: center;
    margin: 0;
}
.probox .procont .price{
    display: flex;
    justify-content: center;
}
.probox .procont .price p{
    margin-bottom: 0;
}
.probox .procont .price .offprice{
    margin-right: 6px;
}
.probox .procont .price .offprice span{
    font-size: .75rem;
    margin-right: 3px;
}
.probox .procont .price .proff{
    text-decoration: line-through;
    color: #ababab  ;
}
.fancybox__backdrop{
    background-color: rgba(146,92,187,.96);
}

@media(max-width: 991px){
.promaincol{
    margin: 0 -8px;
}
}

@media(max-width: 575px){
.prodnav .nav-tabs li{
    margin: 0 10px;
}
.probox{
    padding: 10px;
}
.probox .proimg{
    padding: 6px;
}
.probox .proimg img{
    max-width: 150px;
}
.probox .procont h2{
    font-size: .875rem;
}
}

@media(max-width: 420px){
.promaincol{
    margin: 0 -4px;
}
.procol{
    padding: 4px;
}
.probox .proimg img{
    max-width: 100px;
}
}




/*------------------------------------*/
/*:::::::::::::::VIDEOS:::::::::::::::*/
/*------------------------------------*/
.videobox{
    position: relative;
    height: 100%;
}
.vidimg{
    height: 210px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.vidimg:before{
    content: '\f144';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    font-size: 3rem;
    color: #fff;
    text-shadow: 4px 4px 20px rgba(0,0,0,.3);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.videobox:hover .vidimg:before{
    transform: scale(1.1) translateY(-50%);
    -webkit-transform: scale(1.1) translateY(-50%);
}
.vidimg img{
    width: 100%;
}
.vidcont{
    padding: 10px;
    background-color: rgba(255,255,255,.75);
}
.vidcont h4{
    font-size: 1rem;
    color: #666;
    margin: 0;
}




/*------------------------------------*/
/*:::::::::::::::REVIEWS::::::::::::::*/
/*------------------------------------*/
.reviews{
    background-color: #fff6fa;
}
.revbox{
    background-color: #fff;
    position: relative;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.revbox:hover{
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 12px 12px 20px rgba(0,0,0,.1);
}
.revbox .revimg{
    display: flex;
    justify-content: center;
}
.revbox .revimg img{
    width: 100%;
}
.revbox .revcont{
    padding: 10px 15px;
}
.revbox .revcont h5{
    font-size: 1rem;
}
.revbox .revcont p{
    color: #666;
    font-size: .875rem;
}
/*.revbox .revcont{*/
/*    min-height:102px !important;*/
/*}*/

@media(max-width: 767px){
.revbox{
    margin: .5rem 0;
}
}

@media(min-width: 767px){
.revbox .revcont{
    min-height:162px !important;
}
}


/*------------------------------------*/
/*::::::::::::::SUBSCRIBE:::::::::::::*/
/*------------------------------------*/
.subscribe{
    /*background-color: #ffeaf5;*/
    background-color: #dc291e17;
}
.subscribe .subsimg{
    height: 260px;
    display: block;
    margin: auto;
}
.subscribe h3{
    margin-bottom: 0;
    width: 100%;
    font-size: 1.1rem;
}
.subscribe h4{
    margin-bottom: 0;
    width: 100%;
    font-size: 1.1rem;
}
.subscribe p{
    color: #666;
    margin: 0;
    font-size: .875rem;
}
.subscribe .input-group{
    height: 45px;
}
.subscribe .input-group input{
    padding: 0 15px;
    border: 1px solid #eee;
    border-right: none;
    border-radius: .3rem;
    outline: 0;
    width: 100%;
}
.subscribe .input-group button{
    border: none;
    background-color: #dc291e;
    padding: 0 15px;
    color: #fff;
    outline: 0;
    border-radius: 0 .3rem .3rem 0;
    position: absolute;
    right: 0;
    height: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.subscribe .input-group button:hover{
    background-color: #0c0c0c;
}
.dwnlist{
    display: flex;
    flex-flow: wrap;
}
.dwnlist li{
    margin-left: 10px;
}
.dwnlist li a{
    display: flex;
    border: 1px solid #ccc;
    border-radius: .3rem;
}
.dwnlist li a img{
    width: 100px;
}

@media(max-width: 1200px){
.dwnlist li:first-child{
    margin-left: 0;
}
}





/*------------------------------------*/
/*::::::::::::::FOOTER::::::::::::::::*/
/*------------------------------------*/
footer{
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-color: #fff;
}

footer .topfooter{
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 1rem;
}
footer .topfooter ul{
    display: flex;
    flex-flow: wrap;
    margin: 0 -5px;
}
footer .topfooter ul li{
    display: flex;
    flex-flow: column;
    flex: 1 0 auto;
    align-items: center;
    padding: 1rem;
    border-radius: 0.3rem;
}
footer .topfooter ul li .icon{
    width: 40px;
    margin: 10px 0;
}
footer .topfooter ul li h5{
    font-size: 1rem;
}
footer .topfooter ul li p{
    margin: 0;
    text-align: center;
    color: #666;
    line-height: 1.4;
    font-size: .875rem;
}

footer .midfooter{
    border-bottom: 1px solid #ebebeb;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
footer .fthead{
    font-size: 1.2rem;
    position: relative;
}
footer .fthead:before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 10px;
    border-radius: .3rem;
    background-color: #dc291e;
    margin-right: 8px;
}
footer .ftlist{
    display: flex;
    flex-flow: column;
    line-height: 2;
    font-size: .875rem;
}
footer .ftlist li a{
    color: #666;
}
footer .ftlist li a:hover{
    color: #dc291e;
}
footer .ftlist.twocol{
    flex-flow: wrap;
}
footer .ftlist.twocol li{
    width: 50%;
}
footer .addresscol p{
    font-size: .875rem;
    color: #666;
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 20px;
}
footer .addresscol p i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #dc291e;
}

footer .footbottom{
    font-size: .875rem;
}
footer .footbottom p{
    margin-bottom: 0;
    color: #666;
}
footer .footbottom p a{
    color: #666;
}
footer .policylist{
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: end;
    height: 100%;
}
footer .policylist li{
    margin-left: 15px;
}
footer .policylist li a{
    color: #666;
}
footer .policylist li a:hover{
    color: #dc291e;
}

@media(max-width: 1200px){
footer .addresscol{
    display: none;
}
}

@media(max-width: 991px){
footer .topfooter{
    display: none;
}
footer .footbottom p{
    text-align: center;
}
}

@media(max-width: 767px){
footer .addresscol{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
footer .ftmenucol{
    display: none;
}
footer .addresscol p i{
    position: relative;
    top: 0;
}
}



/*************FLOAT BUTTON**************/
.floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 3rem;
    right: 25px;
    z-index: 999;
}

.floatingButtonInner {
    position: relative;
}

.floatingButton {
    display: block;
    width: 52px;
    height: 52px;
    text-align: center;
    /*background: #dc291e;*/
    background: #dc291e;
    color: #fff;
    line-height: 52px;
    position: absolute;
    border-radius: 50% 50%;
    bottom: 0;
    right: 0;
    opacity: 1;
    font-size: 1.25rem;
    transition: all 0.4s;
}

.floatingButton .fas {
    font-size: 18px !important;
    position: relative;
}

.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {
    opacity: 1;
    color: #fff;
}


.floatingButton .fa {
    transform: rotate(0deg);
    transition: all 0.4s;
}

.floatingButton.open .fa {
    transform: rotate(270deg);
}

.floatingMenu {
    position: absolute;
    bottom: 60px;
    right: 0;
    width: 250px; 
    display: none;
    background-color: #fff;
    padding: 0;
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: -6px 9px 20px rgba(0,0,0,.1);
}
.floatingMenu li {
    width: 100%;
    float: right;
    list-style: none;
    margin-bottom: 0;
    text-align: left;
}
.floatingMenu li a {
    padding: 5px 15px;
    display: block;
    color: #333;
    font-size: .875rem;
    border-radius: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    width: 100%;
    line-height: 3;
}
.floatingMenu li a i{
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.floatingMenu li a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}
.floatingMenu li a img{
    width: 24px;
    margin-top: -6px;
    margin-right: 8px;
}
.floatingMenu li .flcont{
    font-size: .875rem;
    padding: 5px 15px;
    display: flex;
    flex-flow: column;
    color: #666;
}
.floatingMenu li .flcont .number{
    color: #dc291e;
}
.floatingMenu li a span {
    float: right;
    margin-top: 15px;
    color: #999;
    font-size: 10px;
}

@media(max-width: 767px){
.floatingButtonWrap{
    right: 30px;
    bottom: 60px;
}
.floatingMenu li a{
    padding: 0 15px;
}
}

@media(max-width: 575px){
.floatingButtonWrap{
    right: 15px;
    bottom: 20px;
}
.floatingButton{
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.floatingButton .fa{
    font-size: 18px !important;
}
.floatingMenu{
    bottom: 45px;
}
.floatingMenu li a{
    font-size: .9rem;
    padding: 5px 15px;
}
.floatingMenu li a img{
    width: 20px;
}
}

  .digit1{
    background-color: red;
    color: white;
    /* padding: 2px; */
    border-radius: 10px;
    padding-left: 3px;
    padding-right: 4px;
    padding-bottom: 1px;
    /* text-align: center; */
    position: relative;
    bottom: 31px;
    right: 6px;
}
.m-left{
    margin-left:14px;
}
    .digit{
        background-color: red;
    color: white;
    /* padding: 2px; */
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    /* text-align: center; */
    position: relative;
    bottom: 9px;
    right: 12px;
    font-size: 13px;
}

.plus-new{
    text-align:center;
    margin-top: 15px;

}
.fa-plus{
    font-size:35px;
    margin-bottom: 10px;
}
.addsave1{
    padding: 15px;
    border-radius: 0.3rem;
    color: #666;
    background-color: #fff;
    font-size: .875rem;
    position: relative;
    width: 100%;
    min-height: 150px;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    border: 1px solid #eee;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.checkout .addsave1 {
    margin-top: 1rem;
    margin-bottom: 0;
}
.addsave1:hover {
    box-shadow: 4px 4px 20px rgb(0 0 0 / 10%);
}


 .maincolorfilter {
            display: block;
            position: relative;
            padding-left: 45px;
            margin-bottom: 15px;
            cursor: pointer;
            font-size: 20px;
        }
          
        /* Hide the default checkbox */
       .color-checkbox {
            visibility: hidden;
        }
          
        /* Creating a custom checkbox
        based on demand */
        .geekmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            background-color: black;
            border-radius:4px;
            border: 1px solid #e5dcdc;
        }
  
        /* Checkmark to be shown in checkbox */
        /* It is not be shown when not checked */
        .geekmark:after {
            content: "";
            position: absolute;
            display: none;
           
        }
          
        /* Display checkmark when checked */
        .maincolorfilter input:checked ~ .geekmark:after {
            display: block;
           
        }
          
        /* Styling the checkmark using webkit */
        /* Rotated the rectangle by 45 degree and 
        showing only two border to make it look
        like a tickmark */
        .maincolorfilter .geekmark:after {
            left: 8px;
            bottom: 5px;
            width: 6px;
            height: 12px;
            border: solid  var(--my-color-var);
            border-width: 0 4px 4px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}      




/*CUSTOM SELECT WITH SEARCH*/
.customselect select {
    display: none !important;
}

.customselect .dropdown-select {
    background-color: #fff;
    border-radius: .3rem;
    border: solid 1px #ced4da;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;

}
.customselect .dropdown-select:focus {
    background-color: #fff;
}
.customselect .dropdown-select:hover {
    background-color: #fff;
}
.customselect .dropdown-select:active,
.customselect .dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
}
.customselect .dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}
.customselect .dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.customselect .dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}
.customselect .dropdown-select.open .option {
    cursor: pointer;
}
.customselect .dropdown-select.wide {
    width: 100%;
}
.customselect .dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.customselect .dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #ddd;
}
.customselect .dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.customselect .dropdown-select .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
}
.customselect .dropdown-select .dd-searchbox{
  width:100%;
  padding:0 15px;
  height: 38px;
  border:1px solid #ddd;
  border-color:#ddd;
  border-radius:4px;
  outline:none;
  background-color: transparent;
}
.customselect .dropdown-select .dd-searchbox:focus{
  border-color:#1da1f2;
}
.customselect .dropdown-select .list ul {
    padding: 0;
}
.customselect .dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 32px;
    outline: none;
    padding-left: 15px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}
.customselect .dropdown-select .option:hover,
.customselect .dropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}
.customselect .dropdown-select .option.selected {
    font-weight: 600;
    color: #dc291e;
}
.customselect .dropdown-select .option.selected:focus {
    background: #f6f6f6;
}
.customselect .dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.customselect .dropdown-select a:hover {
    color: #666;
}



/*---------NORMAL MODAL----------*/
.normalmodal.fade .modal-dialog{
    position: relative;
    right: auto;
    top: auto;
    margin: 1.75rem auto;
    height: auto;
    width: unset;
}
.map{
    
    width:50%;
}
.map1{
    width:50%;
}
.main-map{
    display: flex;
    padding: 10px;
    border: 1px solid #dc291e;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
}

@media(max-width:575px){
    .map1{
        width:100%;
    }
    .map{
        width:100%;
    }
}







/*.cd-dropdown-content div{*/
/*    color: #607D8B;*/
/*    border: none;*/
/*    border-bottom: 1px solid #ddd;*/
/*}*/

/*.cd-dropdown-content div{*/
/*    height: 38px;*/
/*    line-height: 38px;*/
/*    font-size: .875rem;*/
/*    border: none;*/
/*    margin: 8px;*/
/*    background-color: #fff;*/
/*    border-radius: .3rem;*/
/*    transition: all .3s ease;*/
/*    -webkit-transition: all .3s ease;*/
/*}*/

/*.cd-dropdown-content div:hover{*/
/*    text-decoration: none;*/
/*    color: #333;*/
/*    background-color: #f7d7e7;*/
/*}*/

/*.has-children > div::before, .has-children > div::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    margin-top: -1px;*/
/*    display: inline-block;*/
/*    height: 2px;*/
/*    width: 10px;*/
/*    background: #ffffff;*/
/*    -webkit-backface-visibility: hidden;*/
/*    backface-visibility: hidden;*/
/*}*/
/*.has-children > div:hover::before, .has-children > div:hover::after{*/
/*    background-color: #dc291e;*/
/*}*/

/*.cd-dropdown-content div {*/
/*    padding: 0 20px;*/
/*}*/
/*.has-children > div {*/
/*    position: relative;*/
/*}*/