@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('bootstrap.min.css');
@import url('all.min.css');
@import url('owl.carousel.min.css');
@import url('jquery.fancybox.min.css');

body{font-family: 'Open Sans', sans-serif;font-size:15px;}
.careerbox {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 5px;
    text-align:center;
}
.careerbox h4{font-weight:bold;margin-bottom:10px;}
.mid-header {
    background: #323232;
    padding: 10px 0;
}
.selectdatebox{}
.product-destable {
}
.product-destable h5{    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 15px;
    letter-spacing: 1px;}
.submenuendotherlink{text-align:right;margin-top:20px;position:absolute;bottom:0;right:0;padding:20px;}
.submenuendotherlink a{    font-size: 14px;
    color: #09c;
    font-weight: bold;
    text-transform: uppercase;}

a, a:hover {
    color: #09c;
    text-decoration:none;
}
.checkboxlist table {
    width: 100%;
}

#productslider img{width:100%;}
#ctl00_autoComplete1_completionListElem{border:none !important;    box-shadow: 0px 5px 10px rgb(0 0 0 / 0.2);}
#ctl00_autoComplete1_completionListElem li{padding:5px 10px !important;}
.checkboxlist input {
    display: none;
}
.banner .carousel-indicators{bottom:20px;}
.banner .carousel-indicators li{    width: 14px;
    height: 14px;
    background: #c9c9c9;
    border-radius: 50%;
    display: inline-block;
    border: none;
    text-indent: 0;
    opacity: 1;}
.banner .carousel-indicators li.active{background:#0099cc;}
.brandbox{text-align:center;position:relative;transition: all 0.3s;}
.brandbox a{display:block;padding:10px;}
.brandimg{position:relative;margin-bottom:20px;}

   .brandbox:hover {    box-shadow: 1px 1px 7px rgb(0 0 0 / 0.2); transform:scale(1.05);  transition: all 0.3s;}
.brandbox img{width:100%;display:block;border:1px solid #000;}
.brandbox h5{margin:0;color:#000;font-weight:500;}


.customecheckbox input:checked ~ .checkmark {
    background-color: red;
}
.menuviewtabs{}
.menuviewtabs .nav{border-bottom:1px solid #ddd;}
.menuviewtabs .nav li{}
.menuviewtabs .nav li a{    display: block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .5px;border-bottom:2px solid transparent;
    padding: 10px 20px;}
.menuviewtabs .nav li a.active{border-color:#09c;color:#09c}

.menuviewtabs .tab-content{margin:20px 0;}
.subcatelist{    border-bottom: 1px solid #ddd;
                 padding:20px;}
.subcatelist:last-child{    border-bottom: none;
    padding-bottom: 0px;
}
.subcatelist h4{    font-size: 17px;
    font-weight: bold;
    color: #bbb;
    letter-spacing: .5px;
    margin: 0 0 20px;}
.subcatelist a{display:block;color:#000;font-size:13px;    padding:5px 10px;}
.subcatelist a:hover{color:#09c}



.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border: 1px solid #000;
}
.customecheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.customecheckbox input:checked ~ .checkmark:after {
    display: block;
}
.customecheckbox .checkmark:after {
    left: 6px;
    content: "";
    display: none;
    position: absolute;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

.checkboxlist label {
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin: 0;
    position: relative;
    padding-left: 25px;
    vertical-align: middle;
    font-size: 14px;
}
.customecheckbox{margin:10px 0;}
.checkboxlist input:checked + label:before {
    opacity: 1;
}

.checkboxlist input:checked + label:before {
    opacity: 1;
    transition: all 0.3s;
    transform: scale(1) rotate(45deg);
    visibility: visible;
}
.checkboxlist label:before {
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    width: 7px;
    opacity: 0;
    height: 11px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 3;
    transform: scale(3) rotate(180deg);
    top: 2px;
    visibility: hidden;
    transition: all 0.3s;
}
.checkboxlist input:checked + label:after {
    background: #2e63e2;
    transition: all 0.3s;
    border-color: #2f64e3;
}

.checkboxlist label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 16px;
    top: 1px;
    height: 16px;
    border: 2px solid #d4d4d4;
    transition: all 0.3s;
    border-radius: 2px;
}
.mainmenu > ul > li:hover .megamenuouter {
    display: block;
}
.logo img {
    max-width: 100%;
    max-height: 100%;
}
.searchbox {
    position: relative;
}
.headerinput input[type="text"], .headerinput input[type="password"] {
    width: 100%;
    border-radius: 5px;
    padding: 0 10px;
    border: none;
    outline: none;
    font-size: 14px;
}
.headerrightlink p {
    margin: 0;
    color: #9a9a9a;
    font-size: 11px;
}
.toprightlang {
    float: right;
}
.toprightlang > ul > li {
    display: inline-block;
    margin-left: 20px;
}
.toprightlang > ul > li > a {
    color: #fff;
    font-size: 13px;
    display: inline-block;
}
.toprightlang > ul > li > a > i {
    margin-right: 5px;
}
.headerinput input[type="submit"] {
    background: #0099cc;
    color: #fff;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px 8px;
    outline: none;
}
.searchbox input[type="text"] {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: none;
    background: #fff;
    outline: none;
    padding: 0 10px;
    padding-right: 80px;
}
.searchbox a {
background: #09c;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 13px 13px;
    border-radius: 0 5px 5px 0;
}
.footer {
    background: url(../images/bg-footer3.webp) no-repeat center;
    background-size: cover;
    color: #bbb;
}
.footer-middle {
    padding-top: 75px;
    padding-bottom: 50px;
}
.modtitle {
    font-size: 18px;
    color: #fff;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.list-icon li {
    padding-left: 40px;
    margin-bottom: 10px;
    position: relative;
}
.list-icon li i {
    font-size: 15px;
    position: absolute;
    top: 5px;
    left: 0;
    font-weight: 600;
}
.modcontent ul.menu li a {
    border: 0 none;
    padding: 0;
    font-weight: 400;
    line-height: 35px;
    position: relative;
    display: inline-block;
    padding-left: 0px;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    color: #bbb;
}
.mainmenu {
    margin-top: 10px;
}
.mainmenu > ul > li {
    display: inline-block;
    margin-right: 15px;
}

    .mainmenu > ul > li:last-child {
        margin-right: 0px;
    }

.mainmenu > ul > li > a {
    position:relative;
    display: block;
    color: #dbdbdb;
    font-size: 12px;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}

.mainmenu > ul > li > a.dropdownmenubtn{    padding-right: 17px;}
.dropdownmenubtn:after{content: "\f078";position:absolute;right:0; display:inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;transition:all 0.3s;}
.mainmenu > ul > li:hover > a.dropdownmenubtn:after{transform:rotate(-180deg);transition:all 0.3s;}
.mainmenu .megamenuouter{position: absolute;
    left: 0;
    z-index: 20;padding-top: 10px;
    display: none; width: 100%;}
.mainmenu .megamenu {
    width: 100%;
    border-top: 3px solid #0093c6;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding: 0;
    
}
.tabmainbox {
    display: block;
    padding: 30px;
    padding-right: 0;
    border-right: 1px solid #09c;
    height: 100%;
        position: relative;
    padding-bottom: 70px;
}
.tabviewall{    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 45px;
    width: 100%;}
.tabviewall a{font-size:12px;}
.megamenu .nav {
    display: block;
}
.megamenu .nav li {
    display: block;
    padding: 5px 0;
}
.megamenu .nav li a.active {
    color: #09c;
    border-color: #09c;
}

.megamenu .nav li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    border-right: 3px solid transparent;
    padding: 5px 15px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.subdropmenu{    position: absolute;
    width: 160px;
    background: #fff;
    padding: 10px;
    z-index: 5;display:none;
    box-shadow:0px 3px 10px rgba(0, 0, 0, 0.18);}
.subdropmenu li{display:block;}
.subdropmenu li:first-child{border-bottom:1px solid #eee;}
.subdropmenu li a{    display: block;
    color: #000;
    padding: 7px 10px;}
    .subdropmenu li a:hover{color:#0099cc; }
.top-right > ul > li:hover .subdropmenu{display:block;}
.processimg {padding:40px;}
.processimg img{width:100%;}
.topleft{float:left;margin-right:20px;}
.topleft img{height:50px;padding:5px 0;}

.submenulist {
    padding: 20px 40px;
}
.submenulistscroll{overflow: auto;
    overflow-x: hidden;
    max-height: 300px;}

.submenulist ul{    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.submenulist > ul {
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.submenulist li {
    padding: 5px;
     -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.menuviewrow .col-xl-3:nth-child(4n+2) a{    border-left: 1px solid #eee;
    padding-left: 30px;}
.menuviewrow .col-xl-3:nth-child(4n+3) a{    border-left: 1px solid #eee;
    padding-left: 30px;}
.menuviewrow .col-xl-3:nth-child(4n+4) a{    border-left: 1px solid #eee;
    padding-left: 30px;}



.submenulist li:nth-child(3n+2){    border-left: 1px solid #eee;
    padding-left: 30px;}
.submenulist li:nth-child(3n+3){    border-left: 1px solid #eee;
    padding-left: 30px;}
.submenulist li a {
    font-size: 14px;
    color: #000;
}
.submenulist li a:hover {color: #09c;}
.megamenu .nav li a:hover {
    background-color: #e8e8e8;
}
.careerform {
    background: #f5f5f5;
}
.careerform h3 {
    background: #323232;
    color: #fff;
    font-size: 22px;
    text-align: center;
    padding: 12px 0px;
    margin: 0;
}
.careerformdata {
    padding: 20px;
}
.top-rightlogo{float:right;margin-left:20px;}
.top-rightlogo img{     height: 35px;
    padding: 5px 0;}
.locatedealerbtn{float:right;position:relative;}
.menu{float:left;}
.bot-header .container:after{content:'';display:block;clear:both;}
.locatedealerbtn a{display: block;
    position: relative;
    padding: 16px 22px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;}
.retailerimgicon img{width:100%;}
.retailerlistdata h4{    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;}
.retailerlistdata p{    font-size: 16px;
    color: #6b6b6b;
    margin: 0 0 10px;}
    .retailerlistbox{    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 10px;}
        .retailerlistbox:last-child{margin-bottom:0;   }
.retailerlistdata p i{margin-right:5px;  }
.retailerlistbtn a:hover{color:#0099cc; }
.retailerlistbtn a{    display: block;
    color: #333;
    text-align:center;
    margin-bottom:5px;
    padding: 8px 17px;
    border: 1px solid #ddd;
    border-radius: 29px;
    font-size: 14px;
    font-weight: 500;}
.orderlistbox {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.orderlisthead {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.oidbtn {
    font-size: 15px;
    display: inline-block;
}
.oidbtn a {
    color: #717171;
}
.oidbtn i {
    margin-right: 5px;
}
.orderbrandlogobox img {
    height: 40px;
    margin-right: 10px;
}
.orderlistbox .table .myorderpronametext a {
    color: #000;
}
.trackbtn {
    border: 1px solid #ddd;
    color: #000;
    font-size: 14px;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 3px;
}
.writereviewordbtn, .writereviewordbtn:hover{color:#000;}
.writereviewordbtn i{margin-right:5px;}

.trackbtn:hover {
    color: #fff;
    background: #000;
    border-color: #000;
}
.trackbtn i {
    margin-right: 5px;
}
.orderlistbot {
    border-top: 1px solid #ddd;
    padding: 10px;
}
.ordertopara {
    font-size: 14px;
    color: #8a8a8a;
    margin: 0;
}
.retailerlistbtn a i{margin-right:5px;}
#ctl00_autoComplete1_completionListElem{z-index:30;max-height:300px;overflow:auto;top:0;}
#ctl00_autoComplete1_completionListElem li{padding:10px;}
.retailerlistdata span{color:#000;display:block;}
.retailerlistdata span b{color:#43c443;font-weight:600;}
.locatedealerbtn a i{margin-right:5px;}
.contact-box h4{    font-size: 18px;
    margin: 0 0 15px;}
.aboutsection{background:#fff;}
.mt30{margin-top:30px;}
.top-right{float:right;    margin: 6px 0;}
.top-right > ul > li{display:inline-block;    margin-left: 10px;  }
.top-right > ul > li > a {    color: #fff;
    display: block;
    padding: 5px 10px;
    background: #4c4c4c;
    border-radius: 5px;}
.top-right > ul > li > a img{height:25px;    margin-right: 5px;}
.top-right > ul > li > a i{margin-right:10px;}
    .gallerybox 
    {
    
    padding:5px;
    border:1px solid #ddd;
    position: relative;
    height: 230px;
}
.,abouthomedata{}
.aboutsectionrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.margin10{margin:-10px;}
.padd10{padding:10px;}

#lblalert{display:block;}
.abouthomedata{    overflow: hidden;}
.blogbox{}

.blogbox:hover .blogboximg img{transform:scale(1.2,1.2);transition:all 0.6s;}
.blogbox:hover .blogtoppos{ display:block;  }

.blogbox a{display:block;}
.blogboximg{position:relative;overflow:hidden;}
.blogtoppos{ display:none;   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, .3);}
.blogtoppos p{    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 5px; }
.blogtoppos i{ font-size:20px;    color: #fff;
    font-weight: 600;}
    
.blogboximg img{width:100%;transition:all 0.3s;}

.blogboxdata{padding:20px 10px;}
.blogboxdata h2{    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;}
.blogboxdata p{    color: #716f6f;
    margin: 0 0 10px;}
.blogboxdata span{    color: #00aeef;
    font-weight: 500;
    display: block;}
    
    .blogboxdata span i{margin-right:5px;}


.abouthomedata p{ 
    font-weight: 300;
}
.abouthomedata a.mainbtn{    margin: 20px 0 0;
      background: #0099cc;
    color: #fff;
    font-weight: 600;
    border: none;
    display:inline-block;
    border-radius: 40px;
    padding: 8px 30px;
    outline: none;
    cursor: pointer;}
.abouthomedata a.mainbtn:hover{ background:#000; }
.homeaboutbox{  }
.gallerybox img {
    width: 100%;
    height: 100%;
}
.prodetailtabs .nav-tabs {
    border-bottom: none;
}
.prodetailtabs .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-right:5px;
}
.productdesc p{    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    line-height: 1.7;
    color: #3e3e3e;}
.prodetailtabs .nav-tabs .nav-item.show .nav-link, .prodetailtabs .nav-tabs .nav-link.active 
{
    border-color:#0099cc;
   color: #fff;
    background-color: #0099cc;
}
    
.prodetailtabs .nav-tabs .nav-link{ 
    border: 1px solid #ddd;
    border-bottom:none;
    color:#000;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;}
    
.prodetailtabs .tab-content{    border: 1px solid #ddd;padding:10px;}
.googlemap {
    width: 100%;
    height: 350px;
}
.googlemap iframe {
    width: 100%;
    height: 100%;
}
.gallersection{padding-top:40px;}
.margin0 {
    margin: 0;
}
.padd0 {
    padding: 0;
}
.gallericon {
    transition: all 0.3s;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}
.gallericon a {
    display: table;
    width: 100%;
    height: 100%;
}
.gallericon a i {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
}
.gallerybox:hover .gallericon {
    opacity: 1;
    transition: all 0.3s;
}
    
    
.top-right > ul > li:hover .submenu{display:block;}
.submenu{position: absolute;
         display:none;
    background: #fff;
    z-index: 2;
    width: 170px;
    right: 0;
    box-shadow: 0px 2px 10px #c3c3c3;}
    .submenu li{border-bottom:1px solid #eee;}
    .submenu li:last-child{border-bottom:none;}
    .submenu li a:hover{background:#efefef;}
    .submenu li a{color: #000;
    display: block;
    font-size: 15px;
    padding: 10px 15px;
}
.myorderviewbtn a.deletebtn{    color: #0099cc;    }
.myorderviewbtn a.viewdetailbtn{    display: inline-block;
    border: 1px solid #0099cc;
    color: #0099cc;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 4px;}
    .myorderviewbtn a.viewdetailbtn:hover{   background: #0099cc; color: #fff;  }
    
.myorderbox{    border: 1px solid #ddd;
    padding: 15px;}
    .myorderviewbtn{float:right;}
    .myorderboxdata{float:left;}
    .myorderboxdata a.orderid{    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 5px;
    display: inline-block;}
    .myorderboxdata p{    color: #929292;
    margin: 0 0 5px;  }
    .myorderboxdata p.orderdatetext span{    color: #000;}
    .myorderboxdata p.statustext span{    color: #0bd06c;}
.myorderboximg{width: 70px;margin-right:20px;float:left;}
.myorderboximg img{width:100%;}

.userpagesbox{    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    background: #fff;
    border-radius: 5px;padding:20px;}
.usermenusbox{    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    background: #fff;
    border-radius: 5px;}
    .usermenusbox li.active a{    color: #0099cc;}
    .usermenusbox li{border-bottom:1px solid #eee;}
    .usermenusbox li:last-child{border-bottom:none;}
    
    .usermenusbox li:hover a{background:#f3f3f3;border-color:#00aeef;}
    
 .usermenusbox li a{     display: block;
    color: #000;
    padding: 20px 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5px;border-right:2px solid transparent;}

     .usermenusbox li a i{width:15px;margin-right:10px;}
.top-header{    border-bottom: 1px solid #f1f1f1;}
.logo{}
p:last-child{margin-bottom:0;}
.footabout p{    font-size: 13px;    color: #b9b9b9;margin:0 0 20px;}
.footabout img{height:60px;}
.top-footer{padding:50px 0;}
.list-icon li a {
    color: #bbb;
}
.modcontent ul.menu li a:hover {
    color: #00aeef;
}
.row-bottom:before {
    background-color: #ff2d37;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;
}
.socials-w h3 {
   font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    margin: 10px 20px 0 0;
    float: left;
}
.socials li {
    display: inline-block;
    margin-right: 10px;
}
.bg-grey {
    background-color: rgba(245, 245, 245, 1);
}
.bannersearch {
    background: #f1f1f1;
        padding: 21px;
    border-radius: 5px;
}
.bannersearch h4 {
    font-size: 20px;
    font-weight: bold;
    color: #8a8a8a;
    margin: 0 0 20px;
}
.bannersearch .nav {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: rgba(255,255,255,.611765);
    color: rgba(50,50,50,.709804);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 #CECECE;
    -webkit-box-shadow: 0 2px 2px 0 #CECECE;
    -moz-box-shadow: 0 2px 2px 0 #CECECE;
    -o-box-shadow: 0 2px 2px 0 #CECECE;
    cursor: pointer;
}
.bannersearch .nav li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.bannersearch .nav li a.active, .bannersearch .nav li a:hover {
    background: #323232;
    color: #fff;
}
.bannersearch .nav li a {
    padding: 10px 25px;
    color: #3e3e3e;
    font-weight: 600;
    border-radius: 20px;
    display: block;
}
.bannersearch .tab-content {
    margin-top: 20px;
}
.socials li a {
    padding: 10px 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #484848;
    display: block;
    border-radius: 3px;
}
.footer-bottom {
    padding: 30px 0;
}
.footer-bottom .payment-w {
    text-align: right;
}
.appstoreicons {
    text-align: right;
}
.appstoreicons img {
    height: 60px;
    margin: 0 10px;
    opacity: 0.6;
}
.appstoreicons img:hover {
    opacity: 1;
}

.appstoreicons1 {
    text-align: center;
	margin-bottom:10px;
}
.appstoreicons1 img {
    height: 60px;
    margin: 0 10px;
    opacity: 0.6;
}
.appstoreicons1 img:hover {
    opacity: 1;
}

.row-bottom {
    position: relative;
    padding: 40px 0;
}
.bot-footer{        background: #252525;
    padding: 15px 0;}
.bot-footer p, .bot-footer a{    font-size: 13px;    color: #b9b9b9;}
.bot-footer p i{margin-right:5px;}

.footdesign{text-align:right;}
ul{margin:0;padding:0;list-style:none;}
.footlist h4{    color: #afafaf;
    font-size: 20px;

    margin: 0 0 20px;}
.captext h4{    margin: 6px 0;}
    .footul li{margin-bottom:10px;}
    .footul li a{display:block;color:#b9b9b9;font-size:13px;}
    .footul li a:hover{color:#fff;}
a:hover{text-decoration:none;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{display:inline-block;position:relative;}
#cssmenu > ul > li > a{     display: block;
    position: relative;
    padding: 16px 22px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;}
.locatedealerbtn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: skewX(-20deg);
}
#cssmenu:after, #cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.locatedealerbtn:hover:before {
    background: #059ddf;
}
.dnmd{display:none;}
    .searchbox{position:relative;}
    .aboutsomebox ul{list-style:disc;padding-left:20px;text-align:left;}
    .aboutsomebox ul li{margin-bottom:5px;}
    .footlogos{    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #4c4c4c;}
    .searchbtn {
    position: absolute;
    right: 0;
    top: 0;    cursor: pointer;
    color: #fff;
    padding: 17px 18px;
    background: #00a0e3;
}
    .footimgright{float:right;}
    .footimgright img{height:30px;}
    
     .footimgleft{}
    .footimgleft img{height:40px;}
    .searchbtn:hover {
    background: #0099cc;
    color: #fff;
}
    .marginheader{}
     .searchbox .RadAutoCompleteBox
     {
         width:100%;
         
         }
     .searchbox      .RadAutoCompleteBox_Default .racTokenList {
    border:none;
    color: #000;
padding:0;
}
  .searchbox   .RadAutoCompleteBox .racTextToken 
  {
   position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 20px;
      }
    
    .searhrightbox:after{content:'';display:block;clear:both;}

    .cartbtn{position:relative;}
    .cartbtn img{    height: 23px;}
    .cartbtn i{   color: #00a0e3;}
    .cartbtn a{    display: block;    text-align: center;
    padding: 11px;
    border: 2px solid #00a0e3;}
    .cartbtn span{display: inline-block;
    border-left: 1px solid #ddd;
    color: #000;
    padding-left: 10px;
    margin-left: 10px;
    font-weight: 600;
    font-size: 15px;}
    .banner img{width:100%;}
    .bannertext{     position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding: 0 16%;height: 100%;}
   
    #slider .carousel-control-prev, #slider .carousel-control-next{font-size:25px;}
    .distable{display:table;width:100%;height:100%;}
    .distablecell{display:table-cell;width:100%;height:100%;vertical-align:middle;}
    .bannertext h2{    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    animation-delay: 0.5s;
    color: #fff;}
    .bannertext p{  animation-delay: 1s;  font-size: 17px;
    margin: 0 0 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;}
    .bannertext a{display: inline-block;animation-delay: 1.5s;
    color: #ffffff;
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 35px;}
    .bannertext a:hover{background:#0099cc;}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}  
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#000;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:24px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:21px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{    width: 200px;
    position: absolute;
    display: none;
    background:#fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.18);
    border-radius: 0 0 5px 5px;
    overflow: hidden;z-index:2;}

#cssmenu li:hover > ul{display:block;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{    border-bottom: 1px solid #eee;
    padding: 10px 20px;
    font-size: 14px;
    text-decoration: none;
    color: #252525;
    display: block;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{    background: #0099cc;
    color: #fff;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

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

#cssmenu{width:100%}
#cssmenu > ul{    width: 100%;
    display: none;
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 0;    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.27);}
#cssmenu ul li{width:100%;    border-top: 1px solid #eee;}


#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{    position: relative;
    cursor: pointer;
    text-align: center;
    padding: 10px 10px;}
.button:after{display: block;
    height: 10px;
    width: 25px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
    margin: 6px auto 0;}
.button:before{    display: block;
    height: 2px;
    width: 25px;
    background: #fff;
    content: '';
    margin: 0 auto;}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{    position: absolute;
    right: 0;
    z-index: 10;    top: 0;
    display: block;
    border-left: 1px solid #ddd;
    height: 40px;
    width: 40px;
    cursor: pointer;}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{    position: absolute;
    top: 19px;
    right: 15px;
    width: 8px;
    height: 2px;
    display: block;
    background: #000;
    content: '';}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position: absolute;
    top: 16px;
    right: 18px;
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    content: '';}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

.mainproductbox img{width:100%;}
.topnumber{float:left;    margin-right: 20px;}
.topnumber a{color:#000;    }
.topnumber span{vertical-align: middle;}
.topnumber p{color:#000;    font-weight: 500;    padding: 5px 0px;}
.topnumber p i{    margin-right: 5px;
    background: #00a0e3;
    color: #fff;
    width: 26px;
    padding: 8px 0px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;}

.feturebox{}
.widget{padding:40px 0;}
.widget-back{background:#e8e8e8;padding:40px 0;}
.feturicon{float:left;padding-right:10px;}
.feturicon i{    width: 69px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 50%;
    padding: 20px 0px;
    font-size: 25px;
    color: #00aeef;}
.fetu#0099ccata{overflow:hidden;}
.fetu#0099ccata p{    font-size: 20px;
    margin: 0;
    padding: 19px 0px;
    font-weight: 600;}
    .rating > input {
    display: none;
}
.rating{display:inline-block;}
.rating > label {
    color: #ddd;
    float: right;
        margin: 0;
        cursor:pointer;
}
.checkdelivery{float:left;position:relative;}
.checkavailtytext{margin-top:10px;}
.checkavailtytext p{    font-size: 14px;
    font-weight: 500;
    color: #000;}
.checkavailtytext b{    color: #12cc87;}
.quantitymanage {
    width: 130px;
    position: relative;
}
.qtyminusbtn {
    position: absolute;
    left: 0;
    background: none;
    border: none;
    font-size: 40px;
    padding: 19px 12px;
    line-height: 1px;
    color: #00a0e3;
    z-index: 2;
    top: 0;
    outline: none;
    cursor: pointer;
}
.coupontextbox{}
.coupontextbox input[type="text"]{    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding: 5px 20px;
    border-radius: 35px;
    outline: none;}
.input-box.coupontextbtn  input[type="submit"] {
    background: #00a0e3;}
.coupontextbox input[type="text"]:focus{border-color:#333;}
.qtyplusbtn {
    position: absolute;
    right: 0;
    background: none;
    border: none;
    top: 0;
    font-size: 26px;
    padding: 19px 12px;
    line-height: 1px;
    color: #00a0e3;
    z-index: 2;
    outline: none;
    cursor: pointer;
}
.cartquantitybox {
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding: 5px 30px 5px 30px;
    text-align: center;
}
#productslider{    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
#productslider .carousel-inner{    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;}
#productslider .carousel-indicators{-ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    position: static;
    display:block;
    margin: 0;margin-right:20px;}
.brandnameindetail img{height:40px;margin-right:10px;    vertical-align: middle;}
.brandnameindetail a{    font-weight: bold;
    color: #000;
    font-size: 18px;    vertical-align: middle;}
#productslider .carousel-indicators li{display: block;
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    margin: 0 0 5px;
    text-indent: 0;
    opacity: 1;}
#productslider .carousel-indicators li.active{border-color:#09c;}
.checkdelivery input[type="text"]{    width: 250px;
    height: 40px;
    border: none;
    background:transparent;
    border-bottom: 1px solid #ddd;
    outline: none;
    padding: 5px 10px;
        font-size: 14px;
    font-weight: 500;
    color: #000;
    }
    .checkdelivery input[type="text"]:focus{border-color:#00a0e3;  }
.checkdelivery input[type="submit"]:focus{outline:none;}
.checkdelivery input[type="submit"]{position: absolute;
    right: 0;
    top: 0;
    background: none;
    color: #00a0e3;
    border: none;
    cursor: pointer;
    font-weight: 600;
    padding: 8px 0px;}

.reviewlistdate span{    font-size: 13px;
    color: #949494;
    font-weight: 500;}
.reviewlist{    margin-top: 10px;
    background: #f3f3f3;
    padding: 20px;
    border-radius: 5px;}
.reviewlistrate i{display: inline-block;
    font-size: 13px;
    margin-right: 4px;
    color: #e0e0e0;}
.reviewlistrate{float:left;}
.reviewlistdate{float:right;}
.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    content: "\f005";
    font-weight: 900;
}
.twitter-box{width:100%;height:200px;overflow:scroll;overflow-x:hidden;}

.matingpartimglist{display:inline-block;    margin: 2px;}
.matingpartimglist a:hover{border-color:#0099cc;}
.matingpartimglist a{    display: block;
    border: 1px solid #ddd;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    color: #000;}
.matingpartimglist label{  cursor: pointer;}

.matingpartimglist img{    height: 50px;
    margin-right: 5px;
    }


.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #ffb100;
}
    .product-destable{}
    .product-destable table{width: 100%;border:1px solid #ddd;    font-size: 13px;}
    .product-destable table tr {border-bottom:1px solid #ddd;}
    .product-destable table tr th{width:50%;border-right:1px solid #ddd;padding:10px;color:#969696;font-weight:400;}
    .product-destable table tr td{width:50%;padding:10px;color:#000;font-weight:400;}
    .reviewinput input[type="text"]{    width: 100%;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #ddd;
    padding: 5px 20px;
    outline: none;}
    .totalparatext{text-align:right;}
    .reviewinput input[type="text"]:focus{border-color:#a9a9a9; }
.mainproheading{    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 30%;
    background: rgba(0, 0, 0, 0.3);transition:all 0.3s;}
hr{margin:0}
.filercross{display:none;}
.mainproductbox{position:relative;    border: 1px solid #ddd;}
.heading{        color:#00aeef;margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 600;}
.mainproheading h3{color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 22px;}
.mainproductbox:hover .mainproheading{height:100%;transition:all 0.3s;}
.productdata{padding:10px;}
.product {
border-radius: 10px;    background: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
    position: relative;transition:all 0.3s;
}

.trainingvideobox{border-radius: 10px;    background: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    overflow: hidden;
    text-align: center;
    position: relative;transition:all 0.3s;}
.trainingvideobox:hover{transform:scale(1.02);transition:all 0.3s;    border: 1px solid #00aeef;}
.trainingvideobox a{display:block;}
.trainingvideobox img{width:100%;}
.trainingvideobox p{    margin: 0;
    padding: 15px 7px;
    color: #000;
    font-weight: 600;
    font-size: 16px;}

.playbtn{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;    -ms-flex-align: center;
    align-items: center;
    display: flex;
    text-align: center;}
.playbtn div{    flex-grow: 1;
    width: 100%;}
.playbtn i{    color: #fff;
    font-size: 20px;
    background: #0099cc;
    width: 60px;
    border-radius: 50%;
    padding: 20px 0;}
.pdfbox{border-radius: 10px;    background: #fff;
    overflow: hidden;
    text-align: center;
    position: relative;transition:all 0.3s;}
.pdfbox:hover{transform:scale(1.02);transition:all 0.3s;    border: 1px solid #00aeef;}
.pdfbox a{display:block;}
.pdfboximg{height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.logintitle{color: #0099cc;
            text-align:center;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 600;}
.signupbtnlink a {
background: #0099cc;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    padding: 8px 30px;
    outline: none;
    cursor: pointer;
}
.signupbtnlink a:hover{background:#000;}
.pdfbox img{width:100%;}
.pdfbox p{margin:0;padding:10px; color:#000;font-weight:600;font-size:17px;}
.product:hover{transform:scale(1.02);transition:all 0.3s;}
.product1 {
    height: 100%;        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.16);
    background: #fff;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
}
.detailrightorderbox{background:#f6f6f6;border:1px solid #ddd;border-radius:5px;padding:20px;}
.pro1body{padding:10px;}
.prolisthead{padding:10px;border-bottom:1px solid #ddd;}
.prolistheadname img{margin-right:15px;height:34px;}
.prolistheadname a{    display: inline-block;
    font-weight: 600;
    color: #00a0e3;
    font-size: 20px;}
.product:hover{border-color:#0099cc;}
.productimage {
     overflow: hidden;
    height: 270px;
    position: relative;
    text-align: center;
}
.detailimgbox{width:80%;float:right;border:1px solid #ddd;}
.expandlink{text-align:right;}
.expandlink a{font-size:13px;}
.productimage2{    height: 250px;    overflow: hidden;
    position: relative;
    text-align: center;}
.productimage2 a{     display: flex;
    overflow: hidden;
    padding: 10px;
    height: 100%;
    align-items: center;}
.productimage2 img {
    max-width: 100%;
    transition: all 0.3s;
    margin: 0 auto;
    width: auto;
}
.product1table table tr:nth-child(n+6){display:none;}
.product1table table{width:100%;font-size:14px;}
.product1table table tr{border-bottom:1px solid #eee;}
.product1table table tr td, .product1table table tr th{padding:10px 5px;}
.product1table table tr th{font-weight:500;    width: 40%;}
.productimage > a {
        display: flex;
    overflow: hidden;
    padding: 10px;
    height: 100%;
    align-items: center;
}

.productimage img {
         max-width: 100%;
    transition: all 0.3s;
    margin: 0 auto;
    width: auto;

}

.product-btns-box {
    position: absolute;
    top: 10px;
    right: -40px;
    transition: all 0.3s;
}
.product-btns-box ul li a {
    display: block;
}
.product-btns-box ul li a i {
    color: #000000;
    font-size: 18px;
    padding: 11px 0;
    background: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 40px;
}
.breadcrumlist{}
.breadcrumlist h1,h2,h3
{
    font-size:13px;
}
.breadcrumlist ul{}
.breadcrumlist li{display: inline-block;position:relative;}
.breadcrumlist li a{    display: block;
    position: relative;
    font-size: 13px;
    padding-right: 10px;}
.breadcrumlist li a:after{     font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    
    font-size: 10px;
    color: #737373;}
.breadcrumlist li:last-child a{pointer-events:none;color:#000;}
.breadcrumlist li:last-child a:after{display:none;}

.listwishbtn{position:absolute;left:0;top:0;z-index:1;}
.listwishbtn a{display: block;    color: #000000;
    font-size: 18px;
    padding: 11px 0;
    background: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    border-radius: 50%;
    width: 40px;}
.listwishbtn a:hover{    color: #0099cc;}
.listwishbtn a:hover i{font-weight: 900;}
.addtocartbtnmain{     background: #09c;
    color: #fff;
    display: inline-block;
    padding: 8px 8px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;}
.addtocartbtnmain:hover {
    background: #09c;color:#fff;
}
.addtocartbtnmain i{margin-right:5px;}
.productdata h5 a{ display: inline-block;    color: #000;}
.productdata h5{
        margin-bottom: 5px;
    font-size: 17px;

   font-weight: 600;
}
.prolistdataflex{display:flex;-ms-flex-align: center;
    align-items: center;}
.prolistdatainner{flex-grow:1;width:100%;text-align:left;}
.addtocartbtn{margin-left:10px;text-align:center;}
.productdata p{    font-size: 15px;
    display: block;margin-bottom:10px;
    color: #000;}
.productdata span {
    font-size: 15px;
    display: block;
    color: #696969;
}
.productdata span i {
    margin-right: 10px;
}
.product:hover img {
    transform: scale(1.05,1.05);
    transition: all 1s;
}
.product:hover .product-btns-box {
    transition: all 0.3s;
    right: 10px;
}
.product-btns-box ul li a:hover i {
    color: #0099cc;
    font-weight: 900;
}

.product-slider .owl-nav button i:hover {
    background: #0099cc;
    color: #fff;
}

.product-slider .owl-nav button i {
    background: #fff;
    width: 40px;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 0.1);
    border-radius: 50%;
    padding: 12px 0;
}
.product-slider .owl-nav .owl-prev {
    left: 20px;
}
.product-slider .owl-nav button {
    position: absolute;
    top: 40%;
    outline: none;
}
.product-slider .owl-nav .owl-next {
    right: 20px;
}

.viewallbtn a{display:block;padding:10px;font-weight:bold;}
.viewallbtn a i{margin-left:5px;}

.video-slider .owl-nav button i:hover {
    background: #0099cc;
    color: #fff;
}

.video-slider .owl-nav button i {
    background: #fff;
    width: 40px;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 0.1);
    border-radius: 50%;
    padding: 12px 0;
}
.video-slider .owl-nav .owl-prev {
    left: 20px;
}
.video-slider .owl-nav button {
    position: absolute;
    top: 40%;
    outline: none;
}
.video-slider .owl-nav .owl-next {
    right: 20px;
}





#offerslider .owl-prev, #offerslider .owl-next{outline:none;    position: absolute;
    top: 40%;}
#offerslider .owl-prev i, #offerslider .owl-next i{font-size: 18px;
    width: 43px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 50%;
    padding: 12px 0px;}
    #offerslider .owl-prev i:hover, #offerslider .owl-next i:hover{background: rgba(0, 0, 0, 0.5);}
#offerslider .owl-prev{left:-20px;}
#offerslider .owl-next{right:-20px;}
.filterbtn{display:none;}

.filtermain{background:#fff;}
.input-main{padding:5px;}
.marginrow{margin:0 -5px;}
.filterhead{    position: relative;}
.captchtext h5{    margin: 2px 0;
    font-size: 30px;}
.filterhead h3{    margin: 0;
    background: #363636;
    color: #fff;
    font-size: 20px;
    padding: 16px;}

.filterdrpbtn a{font-weight: 600;    display: block;
    padding: 10px 14px;
    color: #363636;
    border-bottom: 1px solid #ddd;}
.filterdrpbtn a i{float:right;margin: 4px 0;transition:all 0.3s;}
#filter .filterinner{    padding: 15px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;}
    
.customecheckbox input:checked ~ .checkmark:after {
    display: block;
}

.customecheckbox input:checked ~ .checkmark {
    background-color: #0099cc;
}

.filterdrpbtn .collapsed i{transition:all 0.3s;}






#slider-thumbs ol {
    position: static;
    width: 100%;
    margin: 0;
}

.carousel-indicators {
    bottom: 0;
}
#slider-thumbs ol li {
    padding: 0;
    border: 1px solid #dedede;
    margin: 0;
    width: 100%;
    height: 100px;
    text-indent: 0;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
       padding:5px;
}
#slider-thumbs ol li img {
    max-width: 100%;
    height: 100%;
}
#slider-thumbs ol li.active img {
    opacity: 0.7;
}
#slider-thumbs ol li img {
    max-width: 100%;
    height: 100%;
 
}
#slider-thumbs ol li.active {
    border: 1px solid #00bbd3;
    margin: 0;
}
.detailslider img{width:100%;    padding: 20px;}
.detailslider{border:1px solid #ddd;}
.detailslider .carousel-control-prev i, .detailslider .carousel-control-next i{color:#000;    position: absolute;
    top: 37%;}
    
    .pro-name{    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
    color: black;}
    
    .pro-desc
    {font-size: 20px;
    margin: auto;
    color: #1692CF;}
    .mb15{margin-bottom:15px;}
    .proratebox{    float: left;margin-right:5px;}
    .proratebox i{    display: inline-block;
    font-size: 19px;
    margin-right: 4px;
    color: #e0e0e0;}
    
    .proratelink{    float: left;}
    .proratelink a{    display: block;
    color: #00a0e3;}
    .priceline span{display:inline-block;margin-right:15px;vertical-align:middle;}
    .pro-off-price{    font-size: 23px;
    font-weight: 600;
    color: #00a0e3;}
    .pro-off{    color: #12cc87;
    font-weight: 500;
}
    .pro-price{margin-right: 20px;
    font-size: 16px;
    text-decoration: line-through;
    color: #000;
    font-weight: 500;}
    
    .quantitybox{}
    .quantitybox span{float:left;    margin-right: 10px;}
    
    .quantityselect{float:left;} 
    .quantityselect select{        width: 70px;
    height:30px;
    padding:0 5px;
    border: 1px solid #ddd;}
    
    .addcartbtn{display: inline-block;
    background: #0099cc;
    color: #fff;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 4px;}
    .addcartbtn:hover{background:#000;color:#fff;}
    .addcartbtn i{margin-right:10px;}
    .pro-secure{color: #12cc87;
    font-weight: 500;margin:0 0 15px;}
    .pro-secure i{margin-right:5px;}
    
    .pro-wishbtns{}
    .pro-wishbtns a{    display: inline-block;
    color: #333;
    padding: 8px 17px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;}
    .mb10{margin-bottom:10px;}
     .pro-wishbtns a i{margin-right:5px; }
     .pro-wishbtns a:hover {    color: #0099cc;}
     .proshare span{float:left;margin: 7px 0;margin-right:10px;}
     .shareicons{float:left;}
     .shareicons ul li{display:inline-block;}
     .shareicons ul li a{    display: block;
    color: #ffffff;
    padding: 10px 0;
    width: 36px;
    background: #00a0e3;
    border:1px solid #00a0e3;
    text-align: center;}
    .shareicons ul li a:hover{color: #00a0e3;background:transparent;}
    .bot-header {
    background: rgb(0,160,227);
    background: -moz-linear-gradient(-45deg, rgba(0,160,227,1) 0%, rgba(255,0,0,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,160,227,1) 0%,rgba(255,0,0,1) 100%);
    background: linear-gradient(135deg, rgba(0,160,227,1) 0%,rgba(255,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e3', endColorstr='#ff0000',GradientType=1 );
}
    
     .cart-listbox{}
    
    .cart-listbox table{width:100%;border:1px solid #ddd;}
    .cart-listbox table > thead{background:#efefef;}
    .cart-listbox table > tbody{border-top:none;}
    .cart-listbox table tbody tr{border-bottom:1px solid #ddd;}
    .cart-listbox table thead tr th, .cart-listbox table tbody td{padding:10px;}
    .cart-listbox table thead tr th{color:#000;    font-weight: 500;}
    .cartproimg img{height:50px;}
    .cartdeltebtn a{display:inline-block;}
    .cartdeltebtn a i{    width: 30px;
    color: #fff;
    background: #0099cc;
    text-align: center;
    border-radius: 50%;
    padding: 7px 0px;}
    .location-bold {
    font-size: 18px;
    font-weight: 400;
}
    .text-black {
    color: #000;
}
    .blank.underline {
    text-decoration: underline;
    color: #000;
}
    .bottom-pad-1 {
    padding-bottom: 1em;
}
    .current-location {
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    height: 16em;
    margin-left: 60%;
    width: 50%;
    margin-top: -12em;
    margin-bottom: -2em;
    position: relative;
    z-index: 1;
    background: #001489;
}

.sign-up-container .sign-up-form-container {
    background-color: #fff;
    box-shadow: 0 3px 6px #d6d6d6;
    border: 1px solid #dbdbdb;
    position: relative;
    border-radius: 3px;

       padding: 40px;
}
    .current-location .location-info {
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
    margin-left: 6em;
    padding-top: 4em;
}
    .querybtn a {
    background: #09c;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: bold;
}
    .querybtn {
    text-align: right;
}
    .body-wrapper {
    overflow: hidden;
}
    .cart-listbox table.allpricetable{    width: 40%;
    float: right;}
   .cart-listbox table.allpricetable tbody{border:1px solid #ddd;}
   .checkoutbtn a{background: #0099cc;
    color: #fff;
    font-weight: 500;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 4px;}
    .mt15{margin-top:15px;}
    .checkoutbtn a:hover{background:#000;}
    
    .login-box {
    
    background:#fff;padding: 30px;
    box-shadow: 0 3px 6px #d6d6d6;
    border: 1px solid #dbdbdb;
        border-radius: 3px;
}
.login-box{}
.login-box .nav{display:block;margin-bottom:30px;}
.login-box .nav li{display:inline-block;margin-right:20px;}
.login-box .nav li a{    display: block;    box-shadow: 0 2px 7px 0 rgba(12,52,113,.05);
    border: 1px solid #0099cc;background:#fff;position:relative;
    text-align: center;color:#000;
    border-radius: 3px;
    padding: 10px 20px;}

.login-box .nav li img{margin-bottom:5px;}
.login-box .nav li p{margin:0;font-weight:600;}

    .login-box .nav li a.active{
        background:#0099cc;
        color:#fff;
    }

       .login-box .nav li a.active:before{ font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f058";
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 13px;}
        .login-box .nav li:nth-child(1) a.active img{
             content:url("../images/customer-selected.svg");
        }
         .login-box .nav li:nth-child(2) a.active img{
             content:url("../images/individual-selected.svg");
        }
      



.input-box span{   
    text-align: right;
    font-size: 13px;
    margin-top: 5px;}
.rememberlink label{margin:0;}
.rememberlink{float:left;}
.forgot-link{float:right;}

.signupbox {
    padding: 0px 30px;
    text-align: center;
}
.signupboxinner {
    overflow: hidden;
}
.signupboxinner p {
    position: relative;
}
.signupboxinner p:before {
    content: "";
    display: block;
    height: 1px;
    width: 99999px;
    position: absolute;
    right: 57%;
    background: #ddd;
    top: 13px;
}
.signupboxinner p:after {
    content: "";
    display: block;
    height: 1px;
    width: 99999px;
    position: absolute;
    left: 57%;
    background: #ddd;
    top: 13px;
}
.signupbtnlink p{margin:0;}


.checkoputaddboxmain {
    padding: 5px;
}
.checkoputaddbox {
    padding: 10px;
    height: 100%;
    text-align: center;
    position: relative;
    min-height: 190px;
    background: #fff;
    border: 1px solid #ddd;
}
.dropdown-toggle::after{display:none;}
.defaulttag {
    margin: 0 0 10px;
}
.addresdata h5 {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 26px;
}
.addresdata h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}
.addressbtns a {
    background: #0099cc;
display: inline-block;    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 40px;
    padding: 8px 30px;
    outline: none;
    cursor: pointer;
}
.addressbtns a:hover{background:#000;}
.addresdata {
    height: 100px;
    overflow-y: auto;
    margin-bottom:10px;
}
.droprighgt {
    float: right;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.droprighgt .dropdown-toggle {
    background: none;
    padding: 5px 0px;
    border: none;
    cursor: pointer;
}
.checkoutformbox {
    background: #fff;
    padding: 20px;
}
.selectdatebox {
   padding:10px;background:#eee;border-radius:5px;
    text-align:center;
}
    .selectdatebox p{margin:0;}
    .selectdatebox .checkcontainer {
        display: inline-block;
        margin-right: 10px;
    }


.checkcontainer {
    display: block;
    position: relative;
    padding-left: 29px;
    line-height: 21px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.trackmap{width:100%;height:400px;border:1px solid #ddd;}
.trackmap iframe{width:100%;height:100%;}


.companydata{text-align:center;background:#f3f3f3;padding:20px;}
.companydata p span{color:#000;}
.companydata p {color:#9e9e9e;}
.radiobtn {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #ff0000;
    border-radius: 50%;
}
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
    width: 12px;
    height: 12px;
    margin: 2px 0px 0 2px;
    background: #ff0000;
    border-radius: 50%;
}

.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}
.captchatext{font-size: 27px;}
.checkoutsubheading label{margin:0;}
.checkoutsubheading input{margin-right:10px;}
.appstoreicons a{display:inline-block;}
.appstoreicons img{    height: 60px;
    margin: 0 10px;
    opacity: 0.6;}
.appstoreicons img:hover{opacity:1;}
.facebookbox{width:100%;height:160px;}
.facebookbox iframe{width:100%;height:100%;}

.footsocial{margin-top:20px;}

.footsocial ul li{display:inline-block;margin-right:10px;}
.footsocial ul li a{display:block;}
.footsocial ul li a:hover i{color:#eee;border-color:#eee;}
.footsocial ul li a i{width: 36px;
    text-align: center;
    border: 1px solid #6d6d6d;
    color: #6d6d6d;
    border-radius: 50%;
    padding: 9px 0px;}

.visaimga{}
.visaimga img{height:30px;margin:0 auto;display:block;}
.input-box label{    font-size: 13px;
min-height: 20px;    font-weight: 600;
    color: #969696;    display: block;
    margin: 0 0 5px;}
.input-box input[type="text"], .input-box input[type="password"],  .input-box input[type="email"], .input-box input[type="file"],  .input-box select, .input-box input[type="number"]{    width: 100%;
    width: 100%;
    height: 40px;
    border: 1px solid #b9b9b9;
    padding: 5px 10px;
    outline: none;
    background: #fff;

    border-radius: 6px;}
.bannersearch .input-box select{ border: none;    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);}
.bgimagesec{background:url(../images/bgimage.webp) center no-repeat;background-size:cover;}
    .input-box textarea{    width: 100%;
    height: 140px;
    border: 1px solid #b9b9b9;
    padding: 5px 10px;
    outline: none;resize:none;}
    .input-box input[type="submit"]{    background: #0099cc;
    color: #fff;
    font-weight: 600;
   text-transform:uppercase;
     border: none;
    border-radius: 5px;
    padding: 8px 20px;
    outline: none;
    cursor: pointer;}
    .about-right {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
    .input-box input[type="submit"]:hover{      background: #000;}
    .input-box input[type="text"]:focus, .input-box input[type="password"]:focus, .input-box input[type="email"]:focus, .input-box input[type="number"]:focus, .input-box textarea:focus{border-color:#333; }
    .contact-list {
    margin-bottom: 20px;
}

[data-toggle="collapse"] .fas:before {
  content: "\f078";
}

[data-toggle="collapse"].collapsed .fas:before {
  content: "\f054";
}

.aboutparalax {
    background-image: url(../images/banner2.webp);
    background-size: cover;
    background-attachment: fixed;
}
.aboutpageimg {
    width: 50%;
    float: left;
    margin: 0 20px 10px 0;
}
.aboutimg img {
    width: 100%;
    border-radius: 10px;
}
.aboutsomebox {
    background: #fff;
    padding: 20px;
    height: 100%;
    color:#fff;
    text-align: center;
}
.bluebox{background: #49aad0;}
.greenbox{background: #28b96f;}
.aboutsomebox i{font-size: 30px;
    border: 2px solid #fff;
    width: 60px;
    padding: 13px 0px;
    border-radius: 50%;
    margin: 0 0 20px;}
.aboutsomebox h3 {
font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.privacydata .aboutsomebox p {
    font-size: 15px;
    text-align:center;
    line-height: 1.7;
}
.privacydata p{    font-size: 17px;
    line-height: 1.8;
    font-weight: 300;
    text-align: justify;color:#000;}
    .privacydata p b{font-weight:500;}
    
.contact-icon {
    float: left;
    margin-right: 10px;
}
.contact-data {
    overflow: hidden;
}
.contact-icon i {
    width: 34px;
    text-align: center;
    background: #0099cc;
    color: #fff;
    border-radius: 50%;
    padding: 9px 0px;
}
.contact-data p {
    font-size: 16px;
    margin:0;
}
.contact-data label {
    font-size: 14px;
    margin: 0 0 5px;
    font-weight: 600;
}
 .marqdiv{background: #00aeef;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 30;}
        body{padding-bottom:40px;}
        .marqdiv marquee{display:block;}
        .marqdiv p{color: #fff;margin:0;font-weight:bold;font-size:20px;}