@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
body{font-family: 'Montserrat', sans-serif;color: #333;}
 .affix {
    top: 0px !important;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color:#fff !important;
    border-color: #F44336;
	max-width: inherit !important;
	border-radius:0px !important;
	box-shadow: 0px 2px 6px #424242;
  }
  .affix a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .affix-top a {
  }
  .affix + .container-fluid {
  }
   .affix .navbar-brand { padding: 4px 5px;}
.affix .navbar-brand>img { width: 175px;}
   .affix .hdr-top-cnt {margin-top: 5px;}
  .affix .navbar-nav>li>a {padding: 17px 20px;}
.affix .hdr-top-cnt li.login-hdr>a{padding: 10px 5px;}
.affix .hdr-top{display: none;}
img{max-width: 100%;}
  a{}
  h1, h2{margin-top:0px;    font-weight: 700;}
h1, h2, h3, h4, h5{margin-top: 0px;}
h1{ font-size:48px;}
button:focus, a:focus{outline: none;}
p{ line-height: 26px;}
.btn-danger {text-transform: uppercase; font-weight: 600;padding: 8px 25px;
    color: #fff;
    background-color: #f04432;
    border-color: #f04432;
}
.btn-primary {
    color: #fff;
    background-color:#2f92e4;
    border-color:#2f92e4;
}
.btn-primary:hover{
    color: #fff;
     background-color:#0d63c9;
    border-color:#0d63c9;
}
.container-fluid {padding-right: 50px;padding-left: 50px;}
header{ position: relative; z-index:1000;}
.hdr-top{padding-top: 20px;
    position: relative;
    padding-bottom: 16px;}
.hdr-top .logo{ padding: 0px;}
.hdr-top-cnt{margin-top: 12px;     margin-left: 30px;}
.navbar-form{    margin-bottom: 0;
    position: relative;
    margin-top: 0;
    border: none;
    box-shadow: none;
    padding: 0;}
.navbar-form .form-group {width: 100%;position: relative;}
.navbar-form .form-control {width: 100%;height: 45px;padding-left: 130px;border: none;}
.navbar-form .form-control::placeholder{font-size: 13px;color: #d2d2d2;}
.navbar-form .form-control:-ms-input-placeholder {font-size: 13px;color: #d2d2d2;}
.navbar-form .form-control::-ms-input-placeholder {font-size: 13px;color: #d2d2d2;}
.navbar-form .form-group .dropsearchbox{position: absolute;left: 120px;top: 100%;width: 65%;padding-left: 15px;border-radius: 0px;padding-left: 15px;}
.navbar-form .form-group .display_dropdown{
    position: absolute;
    top: 100%;
    left: 120px;
    width: 65%;
z-index: 2;}
.navbar-form .form-group .display_dropdown_search{top: 200%;}
.navbar-form .btn{
    position: absolute;
    right: 0px;
    top: 0px; padding: 10px 15px;
    height: 45px;
}
.navbar-form .btn-primary{ background-color:#fff;
    border-color:transparent;padding: 0px 10px;}
.navbar-form .btn img{}
.navbar-form .form-control.city-search{padding-left: 22px;
    width: 125px;
    background-color: transparent;
    border: none;
    box-shadow: none;
font-size: 12px;
    font-weight: 500;}
.hdr-top-cnt li a{font-weight: 500;
    color: #000;}
.hdr-top-cnt li{padding-right: 0px;padding-left: 0px;position:relative !important}
.hdr-top-cnt li:first-child{    width: 340px;}
.hdr-top-cnt li.login-hdr{margin-left: 15px;}
.hdr-top-cnt li.login-hdr>a{padding-bottom: 25px;padding-top: 10px;}
.hdr-top-cnt li.login-hdr:hover >.dropdown-menu{display: block;}
.hdr-top-cnt li.login-hdr .dropdown-menu{    border: none;
    padding: 15px;}
.hdr-top-cnt li.login-hdr .dropdown-menu li:first-child {
    width: 285px;
}
.hdr-top-cnt li.login-hdr .dropdown-menu .dropdown-header{border-bottom: 1px solid #ddd;
    margin-bottom: 10px;}
.hdr-top-cnt li.login-hdr .dropdown-menu .dropdown-header h6{font-size: 16px;    margin-top: 0px;
    color: #000;
    font-weight: 400;}
.hdr-top-cnt li.login-hdr .dropdown-menu .dropdown-header h6 img{background-color: #f6f5f5;
    padding: 10px 4px 0px;
    border-radius: 2px;
    margin-right: 10px;}
.hdr-top-cnt li.login-hdr .dropdown-menu>li>a {font-weight: 400; font-size: 14px; padding: 10px 0px;}
.hdr-top-cnt li.login-hdr .dropdown-menu>li>a img{margin-right: 10px;}
.hdr-top-cnt li.login-hdr .dropdown-menu>li>a:hover{background-color: transparent; color: #2f9ce4;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}
.searh-drop{    position: absolute;
    top: 0px;
    z-index: 1;
    left: 0px;
border-right: 1px solid #ddd;}
.searh-drop .btn-default {
    color: #666;
    background-color: #fff;
    border-color: transparent;
    border-right: 1px solid #ddd;
    border-top-right-radius: 0px;
    height: 40px;
    border-bottom-right-radius: 0px;
      font-size: 12px;
    padding-left: 25px;
    padding-right: 8px;
}
.searh-drop .location{position: absolute;
    left: 10px;
    font-size: 16px;
    top:12px;}
.searh-drop .dropdown-menu {
    right: inherit;
    left: 0px;
    width: 100%;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}
.hdr-top-cnt li a img{    transition: 0.5s;}
.hdr-top-cnt li a:hover>img{transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.hdr-top-cnt li a.phone {margin-top: 3px;display: block;}
.hdr-top-cnt li a.phone span{    position: relative;top: 6px;}
.hdr-top-cnt li:nth-child(3) > a{ font-weight: 400;}
.hdr-top-cnt li a.phone span.customer{color: #807e7e;
    font-size: 12px;
    position: absolute;
    top: 4px;
    margin-left: 3px;}
.hdr-top-cnt li.cart{}
.hdr-top-cnt li.cart a{position: relative;}
.hdr-top-cnt li.cart a span{    position: absolute;
    top: -15px;
    background-color: #008ddd;
    color: #fff;
    width: 18px;
    height: 18px;
    display: block;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;}
.hdr-social-link li h4{ color:#fff;}
.hdr-social-link li a{font-size: 20px;
    color: #fff;    transition: 0.5s;
    display: block;}
.hdr-social-link li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
.hdr-social-link li a span{ font-weight: 900;}
.txt-rgt{ text-align:right;}
.mobilesrch {
    display: none;
}
.mobilesrch i{color: #fff;
    font-size: 18px;
    margin-top: 5px;}
.affix .mobilesrch i{margin-top: 0px;}
.navbar-default {z-index: 1000;
    margin: auto;
    border-radius: 0px;
    background-color: transparent;
    border: none;
background: url(../images/header-bg.jpg)no-repeat; background-size: cover;}
.navbar-brand {padding:10px 5px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative; z-index: 1;
}
.navbar-default .navbar-brand {
    color: #e43039;
}
.navbar-brand span{ color: #00318a; text-transform:capitalize;}
.navbar-brand>img { width: 200px;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-nav>li>a.logo{    padding: 5px 35px;margin-top: 10px;}
.navbar .navbar-collapse{}
.navbar-nav{}
.navbar-nav>li {/*position: inherit;*/}
.navbar-nav>li>a { color: #fff;
    padding: 25px 16px;
    font-weight:400;
    text-align: center;}
.navbar-nav>li>a span{padding-left: 4px;}
.hdr-top-cnt>li>a{padding:10px 0px;}
.breack{display: block; clear: both;}

	.navbar-nav>li:hover>.drop-menu{ }
	.drop-menu{padding:0px;border: none;border-radius: 0px;   /* min-height: 234px;*/}
.drop-menu h4{ border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
.drop-menu h4 a{color: #2091dd;}
.drop-menu .submenu-list{margin-bottom: 20px;}
.drop-menu .submenu-list li{}
.drop-menu .submenu-list li.menu-header{}
.drop-menu .submenu-list li.menu-header a{ font-size: 14px; color: #000; font-weight: 700;}
.drop-menu .submenu-list a{ color: #666;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 0px;
    display: block;}
.drop-menu .submenu-list a:hover, .drop-menu .submenu-list li.menu-header a:hover{color: #2091dd;}
.drop-menu-srvs{}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #fff;
    background-color:#19a8e6;}
.navbar-default .hdr-top-cnt li.login-hdr>a:hover{background-color: transparent;}
	.drop-menu>li>a {padding: 15px 20px;
    font-weight: 600;
    color: #444;
    font-size: 12px;}
.drop-menu>li:last-child>a{border-bottom: none;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #009ee3;
}
.drop-menu>li>a:focus, .drop-menu>li>a:hover, .drop-menu .dropdown-menu li a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #008ddd;
}

/*.navbar-nav>li>a.logo:hover{background-color: transparent;}*/
.navbar-default .navbar-nav>li>a.logo:focus, .navbar-default .navbar-nav>li>a.logo:hover{background-color: transparent;}

.dropdown-submenu {
  position:initial;
}

.dropdown-submenu>.dropdown-menu {
     top: 0px;
    left: 100%;
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 0px;
        box-shadow:7px 4px 12px rgb(0 0 0 / 18%);
    border-left: 1px solid #ddd;
        min-height: 100%;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown-menu .dropdown-menu>li>a {
    display: block;
    padding: 11px 20px;
    font-weight: 500;
    color: #333;
    font-size: 12px;
    white-space: break-spaces;
}
	/*============ slider css =============*/
.type-box{text-align: center; margin: 30px;}
.type h1 a{ color:#fff; font-size:45px;}
	.bs-slider{
    overflow: hidden;
   /* height: 650px;*/
    position: relative;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);*/
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto; height:650px;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/
.slider-wrap{ width: 100%; position: relative;overflow: hidden;}
.slider-wrap .owl-carousel .owl-item img{    height: 370px;
    object-fit: cover;}
.slider-wrap .owl-nav{position: absolute;
    top: 45%;
    width: 100%;}
.slider-wrap .owl-prev{float: left;margin-left: 30px;}
.slider-wrap .owl-next{float: right;margin-right: 30px;}
.slider-wrap  .owl-next span, .slider-wrap .owl-prev span{    font-size: 34px;
    color: #000;
    width: 36px;
    height: 36px;
    background-color: #f04432;
    line-height: 32px;
    display: block;
    border-radius: 50%;}
.slider-wrap .owl-prev span{ }
.slider-wrap  .owl-next span{}



/*---------- SLIDE CAPTION ----------*/
.mrgn-auto { margin:auto;}

.slide-text {left: 5%;
    bottom: 16%;
    right: 0%;
    margin: auto;
    position: absolute;
    
}
.slide-text-box{position: relative; }
.slide-text h1 { text-transform: initial;
    font-weight: 400;
    font-size: 40px;
    font-style: normal;
    margin-bottom: 20px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    color: #fff;
    line-height: inherit;
    margin-top: 0px;
    background-color: #f04432;
    padding: 10px 50px;
    border-radius: 4px;
}
.slide-text h3{    font-size: 36px;
    padding-bottom: 15px;
    color: #fff;
    font-weight: 400;}
.slide-text p{color: #fff;text-transform: uppercase;}
.slide-text p a.btn{    border-radius: 30px;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 20px;}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text-box .text-danger{color: #e3000e;}
.slide-text-box .text-primary{ color: #008dde;}
.slider-wrap .owl-dots {
  position: absolute;
    bottom: 5%;
    width: 100%;
    left: 5%;
}
.slider-wrap .owl-dots .owl-dot {
    margin: 6px;
    position: relative;
    width: 10px;
    border: 2px solid transparent;
    height: 10px;
    border-radius: 50%;
    display: table;
    background-color: #fb8a95;
    float: left;
}
.slider-wrap .owl-dots .owl-dot.active {
    margin: 3px;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #008dde;
    background-color: transparent;
}
.slider-wrap .owl-dots .owl-dot.active span {
    position: absolute;
    left: 3px;
    bottom: 0px;
    right: 0px;
    top: 3px;
    background-color: #008dde;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
}
/*=========== end ===========*/
.browse-cate-wrap{position: relative; padding:40px 0px 40px;}
.browse-cate-wrap .owl-nav {
    position: absolute;
    top: -45px;
    right: 0px;
}
.cate-box { background-color: #f2f6fb;
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 20px 25px 10px;
    text-align: center;
    height: 125px;
    border-radius: 4px;
    position: relative;}
.cate-box>img {
    width:auto !important;
    margin: 0px auto 15px;
    display: block;
max-width: 50%;
    max-height: 50%;
    min-width: 50%;
    min-height: 50%;}
.tmb{padding: 0px; border: none; position: relative;border-radius: 0px;}
.wrap{ position:relative; padding-top:70px; padding-bottom:70px;}
.title{ position:relative; margin-bottom:35px;}
.title h2{ font-size: 46px; font-weight: 300;}
.title h2 b{    font-weight: 800;}
.title h3{text-transform: uppercase;}
.blue{color: #00318a;}
.red{color: #e43039;}
.white{ color:#fff;}
.title-header{    margin-bottom: 25px;
    position: relative;
}
.title-header h2{font-size: 24px;font-weight: 600;}
.title-header h3{font-size: 20px;font-weight:600;}
.view{}
.view a{ color: #000; text-transform: uppercase; font-weight: 600;display: inline-block;}
.view a:hover{color: #008ddd;text-decoration: none;}
/*========== home page section ========*/
.bg-gray{background-color: #f9f9f9;}
.wrap-bdr-btm{border-bottom: 2px solid #dedddd;}
.wrap-bdr-top4{border-top: 4px solid #f3f3f4;}
.wrap-bdr-top{border-top: 2px solid #dedddd;}
.owl-carousel-wrap{}
.owl-carousel-wrap .owl-carousel{ margin-bottom: 30px;}
.viewmore-btn{border-radius: 30px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 13px;}
.item-box{position: relative;}
.item-box .tmb{    background-color: #f7f7f7;    border-radius: 4px;}
.item-box .tmb img{    width: 100%;
    height: 216px;
    object-fit: cover;}
.item-dec{}
.item-dec h5{font-size: 14px;
    font-weight: 500;
    line-height: inherit;
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;}
.item-dec h4{    color: #1c1b1b;
    font-size: 22px;    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;}
.item-box p { color: #818080;
    font-weight: 500;}
.item-dec .price{ font-size: 25px;
    color: #2f92e4;
    font-weight: 500;}
.item-dec .price del{ font-size: 14px; color: #c3c3c3;}
.item-dec .btn-danger{border-radius: 0px;
    text-transform: uppercase;
    color: #e3000e;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 20px;}
.bg-none{background-color: transparent;}
.item-dec .btn-danger:hover{color: #fff;}
.owl-carousel-wrap .owl-nav{position: absolute;
    top: -45px;
    right: 0px;}
.owl-carousel-wrap .owl-dots{ display: none;}
.view{padding-right: 30px;
    padding-top: 8px;}
/*=========== hompe page ================*/
.bg-gryblack{ background-color: #151617;}
.latest-catalogues-wrap{background: url(../images/latest-cataluge-bg.jpg)no-repeat; background-size: cover;}
.latest-catalogues-wrap .title-header h2 {color: #fff;}
.latest-catalogues-wrap .view a{color: #fff;}
.latest-catalogues-wrap .item-box { border:none;
    padding: 15px 20px;background-color: #fff;text-align: center;
    border-radius: 4px;}
.latest-catalogues-wrap .item-box .tmb img{height: 230px;}
.brand-logo{width: 100%;
    margin: auto;
    height: 65px;}
.brand-logo>a{display: inline-block;}
.brand-logo>a>img{ width: auto !important; }
.brand-logo>img{ max-width: 100%;
    margin: auto;
    max-height: 100%;
    width: auto !important;}
.date-color{    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    padding: 8px 20px;
    background-color: #f04432;
    border-color: #f04432;}
.browse-cate-brands-wrap .cate-box{ border: 1px solid #f2f6fb;background-color: transparent;margin-left: 2px;    padding-bottom: 0px;overflow: hidden;
    }
.browse-cate-brands-wrap .cate-box>img{max-width: 80%;
    max-height: 80%;
    min-width: 50%;
    min-height: 50%;}
.browse-cate-brands-wrap .cate-box span{display: block;
    background-color:#f2f6fb;
    padding: 10px;
    margin-left: -25px;
    margin-right: -25px;
    position: relative;}
.browse-cate-brands-wrap .cate-box span strong{font-weight: 600;}
.browse-cate-shops-wrap .cate-box{ border: 1px solid #f2f6fb;background-color: transparent;margin-left: 2px;}
.browse-cate-shops-wrap .cate-box span strong{font-weight: 500;}
.easiest-way-wrap{background: url(../images/easiest-way-bg.jpg)no-repeat; background-size: cover;}
.easiest-way-wrap .title h2{color: #fff;}
.wt-row{position: relative;}
.wt-image {
    left: auto;
    position: absolute;
    top: 40px;
}
.wt-image > img {
    bottom: 0px;
    display: block;
    left: 90px;
    position: relative;
    width: 100%;
    z-index: 0;
}
.easiest-way-box{}
.easiest-way-box h2{position:relative; width: 150px; height: 150px; background-color: #fff; text-align: center; margin: 10px auto 30px; border-radius: 50%;}
.easiest-way-box h2::before{    position: absolute;
    content: "";
    left: -3px;
    top: -3px;
    border: 1px dashed #fff;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;}
.easiest-way-box h2>img{display: inline-block;margin-top: 45px;}
.easiest-way-box h2 span.number{position: absolute; top: 0px; right: 0px; width: 40px; height: 40px;border-radius: 50%; background-color: #edf4fd;color: #0d63c9; font-size: 18px; font-weight: 500; text-align: center;    line-height: 40px;}
.easiest-way-box h4{font-size: 18px; font-weight: 400; color: #fff;}
.easiest-way-box p{font-size: 14px; color: #fff;}
.business-row{border: 1px solid #ddd;
    border-radius: 4px;}
.business-row>li{}
.business-row>li:first-child{border-right: 1px solid #f7f7fb;}
.business-box{padding: 40px 55px;
    position: relative;}
.business-row>li:hover{background-color: #f7f7fb;}
.business-row>li:hover>.business-box h2{background-color: #fff;}
.business-box h2{width: 140px;
    height: 140px;
    margin: 0px auto 20px;
    border-radius: 50%;
    background-color: #f7f7fb;
    line-height: 130px;}
.business-box h2>img{}
.business-box h3{    font-size: 24px;}
.business-box p{margin-bottom: 20px;}
.business-box .business-btn{    border: 1px solid #0d63c9;
    display: inline-block;
    padding: 10px 40px;
    border-radius: 4px;
    color: #000;}
.business-row>li:hover> .business-box .business-btn{color: #fff; background-color: #0d63c9; text-decoration: none;}
/*================= client home page ===================*/


/*==================== home page team ===============*/


/*============= button style ================*/
.button-1{width: 100%;
    height: 65px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 40px 0;
    background-color: #f99011;
}
.button-1 a{ text-transform: uppercase;
  font-size:15px;
  color:#fff;
  text-decoration:none;
  line-height:64px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.button-1 a img{    float: none;
    margin-left: 10px;}
.eff-1{
  width:100%;
  height:65px;
  right:-640px;
  background:#000;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-1:hover .eff-1{
  right:0;
}
.button-1:hover a{
  color:#fff;
}


.advertisement-wrap{    margin-bottom: 50px;
    position: relative;}
.advertisement-wrap .advertisement-carousel{overflow: hidden; border-radius: 4px;}
.advertisement-wrap .advertisement-carousel .owl-item img { height: 175px;
    object-fit: cover;}
/*=========== footer ================*/
footer{background:#0d63c9; padding-top:70px;}
.payment-icon{}
.payment-icon li{padding-right: 0px;padding-left: 0px;}
.payment-icon li a img{}
footer h3{color: #fff; padding-bottom:10px;font-size: 20px; font-weight: 500;}
footer p{ color:  #696565; line-height: 24px;}
.fotr-menu{}
.fotr-menu li a{color: #fff;
    display: block;
    padding:5px 0px;
    transition: 0.5s;
    font-weight: 400;}
.fotr-menu li:first-child> a{padding-top: 0px;}
	.fotr-menu li a:hover{transform: translate(10px, 0px);-o-transform: translate(10px, 0px);-webkit-transform: translate(10px, 0px); text-decoration:none;}
	
.footer-about{    padding-right: 65px;}
.footer-about p{ color: #fff;}
.footer-about a{ color: #c1ddfd;}
.footer-about a:hover{ color:#fff;}
.footer-logo{    margin-bottom: 12px;}
.footer-logo>img{}
.fotr-media{}
.fotr-media p{}
.fotr-mdea-icon{width: 19px;}
.fotr-media p a{ color: #fff;}
footer .hdr-social-link{ margin-bottom: 35px;}
footer .hdr-social-link li a{color: #9f9f9f;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    display: block;
    box-shadow: 0px 0px 10px 3px #d7e6ef;}
.foter-search .navbar-form{    width: 100%;
    padding: 0px;}
.foter-search .navbar-form .form-group {
    width: 100%;}
.foter-search .navbar-form .form-control {border-radius: 30px;border: none;
    height: 50px;}
.foter-search .navbar-form .btn {border-radius: 30px;
    top: 4px;
    background-color: #fee0e2;
    border-color: #fee0e2;
    color: #000;
    right: 4px;
    padding: 10px 20px;}
.cpyrgt-wrap{position: relative;
    padding-top: 10px;
    margin-top: 55px;
    padding-bottom: 10px;    border-top: 1px solid #5ba0f3;}
    .cpyrgt-wrap p{     padding-top: 10px;
    color: #fff;
    font-size: 13px;}
.cpyrgt-wrap p a{ color: #fff;}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 100;
    font-size: 14px;
    border: none;
    background-color: #008ddd;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}	
#myBtn:hover {
    background-color: #084996;
}
/*================ enquire-now ===========*/
.enquire-now{}
.enquire-now .modal-header{    background-color: #068cd8; border-bottom: 1px solid #068cd8;    border-top-left-radius: 4px; border-top-right-radius: 4px;}
.enquire-now .modal-header .modal-title{color: #fff;
    text-align: center;font-weight: 600;}
.enquire-now .form-group {}
.enquire-now .modal-body{padding:25px;}
.enquire-now .form-control{border-bottom: 1px solid #ddd;
    box-shadow: none;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: transparent;
    border-radius: 0px;
    padding-left: 0px; }
.enquire-now .form-msg{height: auto;}
.enquire-now .btn-sumbit {height: 40px;text-transform: uppercase;}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: 7;
}
/*================ inner pages ===========*/

/*============= about us ================*/
.inr-wrap{position: relative;}
.inner-section{ position: relative; padding-top: 10px; padding-bottom: 10px;    background-color: #f7f7f7; }
.brdcrm{background-color:transparent;
    border:none;
    border-radius:0px;
    margin: auto;}
.brdcrm>li {font-size: 14px}
.brdcrm>li+li::before {
    padding: 0 5px;
    color: #333;
    content: ">>";}
.brdcrm>li a{ color: #333;font-weight: 400; font-size: 12px;}
.brdcrm>li:first-child> a{font-weight: 700;}
.brdcrm>li.active{ color: #333;font-size: 12px;}
.inner-banner p {margin-bottom: 0px; margin-top: 8px; font-weight: 500;}
.inner-banner p a{color: #000;}
.inner-banner .bread-wishlit{}
.inner-banner .bread-wishlit i{padding-right: 5px;}
.orange{color: #f99011;}
.product-cate-wrap{position: relative; margin-top:20px;}
.cate-responsive{    width: 100%;overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;    min-height: .01%;
    overflow-x: auto;}
.product-cate-wrap ul{width: 100%;margin: 0px auto 15px;text-align: center;float: left;}
.product-cate-wrap ul li{    background-color: #f2f6fb;
    padding:10px 5px;text-align: center;
    width: 100px;height: 90px;
    border-radius: 2px;
        float: left;
    margin-left: 2px;
    margin-right: 2px;margin-bottom: 4px;}
.product-cate-wrap ul li.active{border: 1px solid #0d63c9;}
.product-cate-wrap ul li img{margin: 5px auto 10px; display: block;
    max-width: 35%;
    max-height: 35%;
    min-width: 35%;
    min-height: 35%;}
.product-cate-wrap ul li a span{ display: block;color: #333;
    font-size: 12px;
    font-weight: 500;}
.mobile-repairing-wrap .product-cate-wrap .cate-box{}

/*============== approve =================*/
.approve-box{}
.btns-row{    background-color:#e3000f;
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px 0px;margin-bottom: 30px;}
.approve-box .btn{padding: 6px 20px;
    border-radius: 0px;text-transform: uppercase;
    font-weight: 600;}
.approve-box .btn-default{
    background-color: transparent;
    color: #fff;
    border-color: #fff;}
.approve-box .btn-default:hover{background-color: #fff; color:#e3000f;}
.approve-box .btn-warning{background-color: #ffed00;
    border-color: #ffed00;
    color: #000;}
.approve-box .btn-warning:hover{background-color: #000;
    border-color: #000;
    color: #ffed00;}
.approver-img{position: relative;}
/*================ prolisting =============*/
.sidebar__inner {padding-right: 0px;
    position: sticky;
    top: 50px;z-index: 100;}

  /* filter section */
.filter-leftbar{    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 6px 3px #efefef;}
  .filter {
      height: auto;
      display: inline-block;
      width: 100%;
      padding:25px 0 25px 20px;
      border-bottom: 1px solid #ddd;
  }
  .filter h5{ margin: 0px;
    font-size: 26px;
    font-weight: 500;
    color:#000;
      cursor: pointer;
  }
 .filter .box-title h5>span {
    float: right;
     color: #000;
      margin-right: 20px;
    font-weight: 300;
}
  .filter h6 i{ display: none;
      font-size: 25px;
      padding: 0 10px 0 10px;
  }
.clearall {
    position: relative;
    padding-top: 2px;
    margin: 0px 20px 0px 0px;
    float: right;
}
.clearall a {
    text-transform: capitalize;
    color: #fff;
    font-size: 13px;
}
.sidebar-wrapper{}
.sidebar-wrapper .sidebar-box:last-child{border-bottom: none;    padding-bottom: 10px;}
.sidebar-box{border-bottom: 1px solid #D5D5D5;margin:0px 20px 0px;}
  .sidebar-box .box-title {
      
  }
  .sidebar-box .box-title h5 {    cursor: pointer;
      margin: 0;
          margin-bottom: 0px;
      text-transform: uppercase;
      font-size: 15px;
      line-height: 1;
  }
  .filter_wraper .box-title h5 {
      margin-bottom: 10px !important;
      letter-spacing: 0.5px;
  }
  .sidebar-box .box-title h5 {
      position: relative;
      font-size: 16px;
      font-weight: 600;
      text-transform: capitalize;
      padding:20px 0px;
      color: #0f0e0e;
  }
  .sidebar-box .box-title h5>span{ float:right;color: #333;}
  .sidebar-box .box-content {
      margin: 0;
      border: 0;
  }
  .sidebar-box .box-content .category-list {margin-bottom:20px;margin-top: 10px;}
  ul.category-list li {
      display: block;
      position: relative;
      margin-bottom: 18px;
      font-size: 14px;
      text-transform: capitalize;
      cursor: pointer
  }
ul.category-list li  .navbar-form {
    margin-right: 20px;
    margin-bottom: 30px;}
ul.category-list li .navbar-form .form-control {
       width: 70%;
    height: 35px;
    padding-left: 10px;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 0px;
    font-size: 12px;}
ul.category-list li label{
   cursor: pointer;
    font-weight:400;
    font-size: 14px;
    color: #000;
}
ul.category-list li.cate-label-third label{}
  ul.category-list li label.common-customCheckbox input{
    margin: 0 16px 0 0;
    visibility: hidden;
  }
.vertical-filters-label {
    display: block;
    position: relative;
    width: 95%;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    min-height: 17px;
    color: #282c3f;
}
.common-customCheckbox input:checked ~ .common-checkboxIndicator {
    border: none;
    background: #0d63c9;
}
.common-checkboxIndicator {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #c3c2c9;
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
}
.common-customCheckbox input:checked ~ .common-checkboxIndicator::after {
    display: block;
}
.common-checkboxIndicator::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 8px;
    height: 5px;
    border: 2px solid #FFFFFF;
    border-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.common-customRadio input {
    margin: 0 16px 0 0;
    visibility: hidden;
}
.common-radioIndicator {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
.common-customRadio input:checked ~ .common-radioIndicator::before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-color: #000;
    visibility: visible;
    background: #000;
    -webkit-box-shadow: inset 0 0 0 3px #FFFFFF;
    -moz-box-shadow: inset 0 0 0 3px #FFFFFF;
    box-shadow: inset 0 0 0 3px #FFFFFF;
}
.common-radioIndicator::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 1px solid #c3c2c9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: visible;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
    text-align: center;
}
li.colour-listItem span {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    margin-left: 27px;
    position: relative;
    cursor: pointer;
    line-height: 25px;
    vertical-align: top;
}
.shortby {
    float: right;
    position: relative;
    margin-bottom: 15px;
}
.shortby h5 {
    float: left;
    margin-top: 13px;
    color: #b4b1b1;
    margin-right: 10px;
    text-transform:capitalize;
}
.shortby .form-control {    box-shadow: none;
    width: 185px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #f7f7f7;
    height: 40px;
    color: #7d7d7d;
}
.shortby .form_icon {top: 4px;
    position: absolute;
    right: 10px;
    color: #797979;
    font-size: 22px;
}
.navitaion-list{    float: right;margin-left: 10px;
    margin-top: 8px;}
.navitaion-list li{padding-left: 2px;
    padding-right: 2px;}
.navitaion-list li a{    color: #c7c7c7;
    font-size: 18px;
    font-weight: 400;}
.navitaion-list li a span{}
.navitaion-list li a img{}
.navitaion-list li.active > a{color: #0d63c9;}
/***************Time range slider**************/

#time-range p {
	font-family:"Arial", sans-serif;
	font-size:14px;
	color:#333;
}
.ui-slider-horizontal {
	height: 8px;
	background: #e3e3e3;
	clear: both;
	margin: 8px 0;
	border-radius: 16px;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
	top: -1px;
	height: 100%;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 8px;
	font-size: .7em;
	display: block;
	border-radius: 6px;
	background:#fa4b5a;
}
.ui-slider .ui-slider-handle {
	border-radius: 50%;
	top: -5px;
	width: 15px;
	height: 15px;
	border: 1px solid #c8c8c8;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	cursor: default;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider a:focus {
	outline:none;
}

#slider-range {
  width: 100%;
  margin: 0 auto;
}
#time-range {
    padding-bottom: 15px;
}

.extra-controls .slider-time, .extra-controls .slider-time2 {
	width: 100%;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #333;
	background: #f5f5f6;
	display: inline-block;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.extra-controls .slider-credits {
	width: 100%;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #333;
	background-color: transparent;
	display: inline-block;
}

.prolist-wrap{padding-top: 70px; padding-bottom: 70px;}
.prolist-wrap>.container-fluid {
    padding-right: 25px;
    padding-left: 25px;}
.product-listing{padding-left: 40px;}
.product-listing .title-header h3 {margin-top: 10px;font-size: 26px;color: #000;
    font-weight:500;}
.pro-listing{}
.pro-listing li{padding-left: 15px; padding-right: 15px; margin-bottom: 25px;}
.item-box{  }
.item-box .tmb img {
    margin: 0px auto 25px;
        background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #f7f7f7;
}
.item-box .btm-btn-list li.heart-li a img {
    width: auto !important;
    display: inline-block;
}
.item-box  .btm-btn-list li a.btn>img {
    width: auto !important;
    display: inline-block;
}
.item-dec .btn-danger {
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    padding: 8px 20px;
    background-color: #f04432;
    border-color: #f04432;
}
.item-dec p.star{margin-bottom: 15px;
    color: #666;}
.item-dec p.star .fill-colr{color: #fbb600;
    padding-right: 5px;}

#compare .modal-header {
    padding: 0px;
    border-bottom: none;
}
#compare .modal-body {padding: 25px 20px 15px;}
.add-compare{position: relative; margin-bottom: 20px;}
.add-compare a{color: #666;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    padding-left: 30px;
    font-weight: 600;}
.add-compare a span{    position: absolute;
    left: 0px;
    top: -3px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 10px;
    border-radius: 50%;
    line-height: 18px;
color: #1c84bf;}
.compare-item-list{width: 100%;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}
.compare-item-list li{height: 75px;    width: 25%;position: relative;    padding: 0px 5px;    margin-bottom: 10px;    float: left;
}
.compare-item-list li.alert-dismissable .close, .compare-item-list li.alert-dismissible .close {
    position: absolute;
    right: -4px;
    top: -12px;    width: 20px;
    opacity: 9;}
.compare-item-list li .compare-item{width: 100%;    background-color: #f9f9f9;
    border: 1px solid #ddd;    height: 75px;}
.compare-item-list li .compare-item img{width:65px; height: 100%; object-fit: cover;float: left;
    margin-right: 5px;}
.compare-item-list li .compare-item h5{    margin-top: 5px;
    font-size: 10px;
    line-height: initial;
    color: #000;}
.compare-item-list li .compare-item h6{  font-size: 11px;
    text-align: center;
    margin-top: 28px;
    color: #c3c3c3;}
.compare-item-list li .form-group {
    margin-bottom: 0px;
}
.compare-item-list li .form-group .btn-sumbit {
     text-transform: uppercase;
    font-size: 13px;
    padding: 12px 10px;
}

.pro-listing li .item-box,  .related-products .item-box{
    text-align: inherit;
    border: none;
    padding: 0px;
    border-radius: 0px;}
.pro-listing li .item-box  h4, .related-products .item-box  h4{color: #1c1b1b; font-size: 22px;    font-weight: 600;min-height: auto;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.pro-listing li .item-box  p, .related-products .item-box  p{color: #818080;    font-weight: 500;}
.pro-listing li .item-box .tmb img, .related-products .item-box .tmb img { width: 100%;margin:0px auto 25px;
    border-radius: 4px;}
.pro-listing li .item-dec .price, .related-products .item-dec .price{ font-size: 25px; color: #2f92e4;font-weight: 500;}
.rating-stars i.checked {color: #ffcc00;}
.rating-stars i {
    color: #f0eeee;
    padding-left: 3px;
}
.rating-stars span {
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}
.btm-btn-list{    margin-top: 10px;}
.btm-btn-list li{padding-left: 5px;
    padding-right: 5px;float: left;}
.btm-btn-list li.heart-li{width: 75px;}
.btm-btn-list li:last-child{    width: 74%;
    padding-right: 0px;    float: right;}
.btm-btn-list li.heart-li a{
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    padding: 14px 10px;
    height: 55px;
}
.btm-btn-list li.heart-li a:hover{background-color: #f0f0f0;}
.btm-btn-list li a.btn{padding: 14px 10px;
    height: 55px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;}
.btm-btn-list li a.btn>img{margin-left:15px;}
.related-products .btm-btn-list li a.btn>img{width: auto !important;
    display: inline-block;}
.related-products .btm-btn-list li.heart-li a img{width: auto !important;
    display: inline-block;}
#grid .btm-btn-list li:last-child {
    width: 70.5%;}
.lastest-mobile .item-dec h5{min-height: 44px;}
.lastest-mobile .item-dec .price{margin-bottom: 20px;}
.mobile-accessories-wrap .item-dec .price{margin-bottom: 20px;}
.mobile-accessories-wrap .item-dec h5{min-height: 44px;}
.mobile-deals-catalogue-wrap .item-dec .price{margin-bottom: 20px;}
.MobileRepairing .item-box{padding: 0px; border: none;}
.MobileRepairing .item-dec h5 {
    font-size: 16px;
    font-weight: 500;}
.mobile-repairing-wrap{padding-top: 40px;}
.mobile-repairing-wrap .product-cate-wrap{margin-bottom: 40px;}
  .mobile-repairing-wrap .owl-nav {position: absolute;
    top: -45px;
    right: 0px;
}
.mobile-accessories-wrap .item-dec h4{    min-height: 75px;}
#grid .item-box{text-align: left;}
/*=========== product details ================*/
.prolisting-section{position: relative; padding: 40px 0px;}
.ui-slider-horizontal {
	height: 8px;
	background: #e3e3e3;
	clear: both;
	margin: 8px 0;
	border-radius: 16px;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
	top: -1px;
	height: 100%;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 8px;
	font-size: .7em;
	display: block;
	border-radius: 6px;
	background:#fa4b5a;
}
.ui-slider .ui-slider-handle {
	border-radius: 50%;
	top: -5px;
	width: 15px;
	height: 15px;
	border: 1px solid #c8c8c8;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	cursor: default;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider a:focus {
	outline:none;
}

#slider-range {
  width: 100%;
  margin: 0 auto;
}
#time-range {
    padding-bottom: 15px;
}

.extra-controls .slider-time, .extra-controls .slider-time2 {
	width: 100%;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #333;
	background: #f5f5f6;
	display: inline-block;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.extra-controls .slider-credits {
	width: 100%;
	margin-bottom: 0px;
	padding: 4px;
	font-size: 14px;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #333;
	background-color: transparent;
	display: inline-block;
}

.sliders_step1 {
    width: 100%;
    margin:25px 0px 25px 0px;
}

.preview {overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f7f7f7;
    height: 513px;
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    margin-bottom: 28px;
}

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.wishlisticon { 
    position: absolute;
	right: 20px;
	top: 0px;
	z-index: 99;
	height: 40px;
	width: 40px;
	border-radius: 50%;
    /*
	background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);*/
	text-align: center;
	line-height: 42px;
	padding: 0px 0 0 0;
	
        font-size: 26px;
}
.wishlisticon a{ color:#666;}
.wrap-detail-product {
  padding: 50px 0 60px 50px;
  position: relative;
}
.wrap-detail-product .box-btn {
  position: absolute;
  top: 30px;
  right: 60px;
}
.wrap-detail-product .box-btn2 {
  top: 10px;
  right: 20px;
}
.detail-btn {
  opacity: 1;
  position: relative;
  margin: 0 -1px;
}
.detail-btn:hover {
  background: #333;
}
.detail-btn:hover i {
  color: #fff;
}
.detail-btn.btn-left::after {
  transform: rotate(-164deg);
  bottom: -6px;
}
.detail-gallery {
  padding: 0 0 0 110px;
  position: relative;
}
.gallery-control::before{ /*position: absolute; left: 0px; background: #fff; top: 0px; width: 120px;height: 500px; content: "";*/}

.detail-info {
  margin-left: -65px;
  position: relative;
  z-index: 99;
  padding-top: 45px;
}
.gallery-control {width: 110px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 10px 25px 10px;
    border:1px solid #f0f0f0;
    height: 513px;
    background-color: #fff;

}
.gallery-control .list-none{}
.gallery-control .list-none li:first-child{}
.gallery-control .list-none li{ }
.gallery-control .list-none li a{display: block;border: 1px solid #f0f0f0; border-radius: 2px; margin-top:10px;padding: 5px;}
.gallery-control .list-none li a.active{border: 1px solid #0d63c9;}
.control-button-gallery {
  /*position: absolute;
  top: 0px;
  z-index: 99;
  left: 0;
  right: 0;*/
       /* height: 100%;*/
}
.control-button-gallery .prev, .control-button-gallery .next {
  width: 30px;
  height: 20px;
  display: inline-block;
 /* background: rgba(255, 255, 255, 0.9);*/
}
.control-button-gallery .prev{position: absolute;
    top: 0px;
    left: 40%;}
.control-button-gallery .next{position: absolute;
    bottom: 0px;
    left: 40%;}
.control-button-gallery .next{position: absolute;
    bottom: 4px; display: none;
    left: 33%;}
.detail-gallery .thumb-product {
  position: relative;    margin-left: 10px;
}
.detail-info .product-rate::after {
  display: none;
}
.gallery-control .list-none li img{ width: 100%; height: 70px; }
		
		.thumb-product img{ width: 100%; }	

	.slideshow {
  display: flex;
  height: 80vh;
  width: 80vw;
  max-width: 1240px;
  min-height: 400px;
  max-height: 700px;
  position: relative;
  background-color: #fff;
  padding: 20px;
}
.slideshow__gallery {
  height: 100%;
  width: calc(80% - 20px);
  margin-right: 20px;
}
.slideshow__gallery-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
.slideshow__gallery-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 32px;
  color: #fff;
  letter-spacing: 3.2px;
  transform: translate3d(0, 0, 0);
  will-change: font-size;
  transition: font-size .3s ease;
}
.slideshow__gallery-slide.active {
  font-size: 36px;
}
.slideshow__thumbs {
  height: 100%;
  width: 20%;
}
.slideshow__thumbs-wrap {
  will-change: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
  transform: translate3d(0, 0, 0);
}
.slideshow__thumbs-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  will-change: font-size;
  transition: font-size .3s ease;
}
.slideshow__thumbs-slide.active {
  font-size: 26px;
}
.details {
    padding-left:45px;
}
.product-title { margin-bottom: 20px;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    line-height: inherit;
}
.geniune-list{background-color: #faf9f9; border: 1px solid #ddd;    margin-bottom: 40px;height: 55px;}
.geniune-list li{font-size: 14px;
    color: #000;line-height: 24px;
    padding: 15px 12px;
    text-align: center;
    font-weight: 500;}
.details .size{margin-bottom: 20px;}
.sizeoptn{  }
.sizeoptn .colorClass{width: 45px;height: 45px;border: 1px solid #ddd;display: inline-block;padding: 2px;}
.sizeoptn .colorClass.active{ border: 1px solid #0d63c9;}
.sizeoptn .colorClass img{ }
.video-box{ width: 100%;}
.details-dec{position:relative;margin-bottom: 55px;}
.details-dec h4{font-size: 20px; margin-bottom: 25px;    font-weight: 600;}
.details-dec #see-all-hide2, .details-dec #see-all-hide3 {bottom: -25px;}
.details-dec .list-point{margin-bottom: 0px;}
.details-dec .list-point li {
    position: relative;
    font-size: 13px;    line-height: 22px;
    font-weight: 500;
}
.details-dec .list-point li::before {top: 9px;}
.details-dec p{     font-size: 14px;
    margin-bottom: 18px;
    font-weight:500;
    line-height: 24px}
.details-dec p strong{    color: #000;
    font-weight: 700;
    padding-right: 5px;}
.price{     font-size: 32px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #2f92e4;}
.price i{}
.price del{    padding-left: 5px;
    font-size: 18px;
    color: #9c9c9c;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;}
.price del i{font-size: 12px;}
.off{    background-color: #f9c717;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 7px 12px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;}
.off span{font-size: 14px;}
.inclusive{font-size: 13px; color: #424040; display: block;}
.offer_txt{padding-left: 5px;font-size: 14px;}
.availtext{ margin-bottom: 20px;}
.availtext li{}
.availtext li p{    font-weight: 500;
    font-size: 14px;}
.availtext li p .in-stock{color:#626161;}
.rating{margin-bottom: 20px;}
.rating .stars .checked{    color: #ffb900;}
.rating .stars .non-rate{    color: #999;}
.review-no a{ color:#939393;}
.delivery{    font-weight: 600;
    display: block;
    margin-top:10px;}
.pincodebtn{position: relative; margin-bottom: 5px;}
.pincodebtn .form-control{ height: 42px;
    border: 1px solid #ddd;
    border-radius: 0px;
    box-shadow: none;}
.pincodebtn .searchpin{    position: absolute;
    right: 3px;
    top: 3px;
    height: 36px;}
.pincodebtn .searchpin a{ color: #fff; display: block;background-color: #008dde;
     font-weight: 600;
    padding:8px 20px;}
.pincodebtn .searchpin a:hover{background-color: #000;text-decoration: none;}
.seller-msg {position: relative; margin-bottom: 20px;}
.seller-msg p{font-size: 13px;
    color: #777;}
.prd-block_qty{display: flex; margin-bottom: 30px;}
.prd-block_qty .option-label{    margin-right: 30px;
    font-weight: 600;
    margin-top: 5px;}
.qty-changer{}
.qty-changer input[type="button"] {
    transition: border-color 0.2s ease;
    background: #fff;
    background-color: transparent;
    border: #ccc solid 1px;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #656565;
    font-size: 16px;
    height: 29px;
    line-height: 12px;
    min-width: 27px;
    padding: 7px 5px 8px;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
}
.qty-changer input[type="text"] {
    background: #fff;
    border: #ccc solid 1px;
    border-radius: 0;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    padding: 0;
    text-align: center;
    -webkit-appearance: none;
    width: 30px;
    font-family: 'Montserrat', sans-serif;
}
.addcartbox{ margin-bottom: 30px;
    width: 100%;
    overflow: hidden;}
.addcartbox li{float: left;    padding-right: 15px;
    width: 38%;}
.addcartbox a{font-weight: 500;
    font-size: 14px;
    padding: 12px 25px;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    height: 55px;
    line-height: 32px;
    text-transform: uppercase;}
.addcartbox li>div{    display:block;margin-right: 5px;}
.addcartbox li>div>label{font-weight: 500;
    font-size: 14px;
    width: 100%;
    padding: 12px 25px;
    border-radius: 4px;
    background-color: #f04432;
    height: 55px;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;}
.addcartbox li>div .common-checkboxIndicator { top: 16px;
    left: 28px;
    background-color: transparent;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;}
.addcartbox li>div> label.common-customCheckbox input {
    margin: 0 10px 0 0;opacity: 0;}
.addcartbox li>div .common-checkboxIndicator::after {width: 12px;
    height: 8px;border: 2px solid #f04432;
    border-color: #f04432;
    border-top-style: none;
    border-right-style: none;}
.addcartbox li>div input:checked ~ .common-checkboxIndicator {
    background: #ffffff;
}
.addcartbox a i{padding-right: 10px;
    font-size: 22px;
    position: relative;
    top: 2px;}
.bynow{}
.tabs-details{background-color: #fff;margin-top: 40px;
    box-shadow: 0px 0px 15px 3px #f4f4f4;
    padding: 25px;}
.tabs-details .nav-tabs {
    margin-bottom: 25px;
}
.tabs-details .nav-tabs>li.active>a, .tabs-details .nav-tabs>li.active>a:focus, .tabs-details .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #008dde;
    border: 1px solid #008dde;
}
.tabs-details .nav>li>a {
    font-weight: 500;
    padding: 10px 25px;
    color: #959494;
    font-size: 16px;border-radius: 0px 0px 0px 0px;
}
.txt_dec{margin-bottom: 30px;}
.rating-media{    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 15px 15px 0px;}
.rating-media h5{}
.rating-media p{ font-size: 14px;}
.media-icon{ width: 64px;}
.dateBox{font-family: 'Montserrat', sans-serif;
    color: #777;
    font-size: 12px;margin-bottom: 5px;}
.post-review{margin-top: 50px;}
.post-review h3{font-size: 24px; font-weight:400;    margin-bottom: 20px;}
.post-review .form-control{box-shadow: none;height: 55px;
    border: 1px solid #868686;}
.post-review .form-msg{height: auto;}
.post-review .file{border: none;padding-left: 0px;}
.post-review  .form-upload {margin-top: 0px;}
.post-review .form-upload .choose-file{ border: 1px solid #868686; border-radius: 4px;}
.post-review .form-upload .upload-cv {border-radius: 4px;}
.post-review .btn-submit{    background-color: #2f92e4;
    border-radius: 30px;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;}
.review-media-rate p.rating {
    color: #777;
}
.review-media-rate p i.star-yellow {
    color: #c8a11d;
}

.review-media-rate p i {
    padding-left: 3px;
    color: #8e8d8d;
}
.detailpage-header{}
.detailpage-header h3{ font-weight: 600; font-size:30px;}
.detailpage-table .table th, td{text-align: center;}
.detailpage-table .table-bordered>tbody>tr>th{border:none;vertical-align: middle;    border-top: 1px solid #ddd;}
.detailpage-table .table-bordered>tbody>tr>td{border-top: 1px solid #ddd; border-bottom: none; border-right: none;}
.detailpage-table .table-bordered {border: 1px solid #0d63c9;border-radius: 2px;}
.detailpage-table .table-gray{background-color: #f1efef;}
.detailpage-table .th-brd-btm{}
.detail-rating{border-bottom: 1px solid #ddd;
    margin-bottom: 25px;}
.detail-rating .review-no{padding-left: 5px;
    border-right: 2px solid #ddd;
    padding-right: 15px;}
.detail-rating strong{color: #232323;}
.sellers-rgt-col{margin-bottom: 35px;}
.sellers-rgt-col .detailpage-header h3{font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;}
.sellers-rgt-col .detailpage-header{}
.sellers-table{width: 100%; display: table; margin-bottom:5px;background-color: #fff;}
.saller-list{display: table-row;}
.saller-list li{display: table-cell;
    border-top: 1px solid #ddd;
    padding: 10px 2px;}
.saller-list li:nth-child(1){}
.saller-list li:nth-child(1)>img{}
.saller-list li:nth-child(2){width: 120px;}
.saller-list li:nth-child(2)>img{float: left;
    margin-right: 5px;}
.saller-list li:nth-child(2)>span{    font-size: 11px;
    display: table-cell;}
.saller-list li:nth-child(3){    text-align: center;    vertical-align: middle;}
.saller-list li:nth-child(3)>h4{font-size: 16px;margin-bottom: 0px;}
.saller-list li:nth-child(4){width: 90px;}
.saller-list li:nth-child(4)>a{    border-radius: 30px;
    font-size: 10px;    padding: 8px 15px;
    font-weight: 600;text-transform: uppercase;}
#see-all-hide, #see-all-hide2, #see-all-hide3, #see-all-hide4{display: block;
    position: absolute;
    height: 35px;
    background: rgb(255 255 255 / 65%);
    bottom: 0px;
    width: 100%;
    padding: 20px 15px;
    left: 0;
    font-size: 15px;
    color: #2f92e4;
    font-weight: 500;
    text-decoration: underline;cursor: pointer;}
#see-all-hide:hover, #see-all-hide2:hover, #see-all-hide3:hover, #see-all-hide4:hover{text-decoration: none; color: #000;}
#sellers-table, #sellers-table2, #sellers-table3, #sellers-table4{display: none;}
.profile-tab{text-align: center;margin-bottom: 55px;}
.profile-tab li{}
.profile-tab li.active>a{    background-color:#2f92e4;
    color: #fff;border: 1px solid #2f92e4;}
.profile-tab li.active>a:focus{outline: none;text-decoration: none;}
.profile-tab li a{font-size: 16px;
    color: #bccfda;
    display: block;
    padding: 8px 25px;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #bccfda;}
.profile-tab li a:hover{text-decoration: none;color: #fff;background-color:#2f92e4;}
.rating-revies-comment .media {
    border-bottom: 1px solid #484848;
    padding-bottom: 20px;
}
.rating-revies-comment p {
    font-size: 14px;
    color:#4a4a4a;
}
.rating-revies-comment p.rating{ color: #777;}
.rating-revies-comment p i {
    padding-right: 3px;
    color: #8e8d8d;
}
.rating-revies-comment p i.star-yellow {
    color: #ffb900;
}
.rating-revies-comment .media {border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-top: 30px;
}
.rating-revies-comment .media .replay-user-img {
    width: 83px;    margin-right: 15px;
    height: 83px;
    border-radius: 50%;
    overflow: hidden;
}
.rating-revies-comment .media .replay-user-img>img {
    width: 100%;
    height: 100%;
}
.rating-revies-comment .media h5 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.rating-revies-comment .media p.calander-phra {
    font-size: 12px;    color: #888;
}
.rating-revies-comment .media p.calander-phra >img{margin-right: 5px;}
.rating-revies-comment .media-right {
    vertical-align: bottom;
}
.review-media-rgt {
    width: 185px;
}
.comment-row{border-top: 1px solid #e2e2e2;
    margin-top: 25px;
    padding-top: 10px;}
.comment-row .comment{color: #777;font-size: 13px;}
.comment-row .comment i{color: #0d63c9;font-size: 14px;}
.comment-row .comment span{}
.comment-row .like-dislike{    text-align: right;
    font-size: 13px;
    color: #777;}
.comment-row .like-dislike span{}
.comment-row .like-dislike span a{padding-left: 10px;
    font-weight: 500;}
.comment-row .like-dislike span i{padding-left: 2px;}
.rating-revies-comment .name-by{text-align: right;
    font-size: 13px;    margin-bottom: 0px;
    color: #5f5f5f;}
.rating-revies-comment .name-by strong{display: block;}
.rating-revies-comment .name-by span{}
.review-media-rate .rating{    display: inline-block;    margin-right: 15px;}
.review-media-rate .list-inline{    display: inline-block;}
.review-media-rate .list-inline li{    width: 20px; margin-right: 0px;
    margin-left: 5px;padding-left: 0px;
    padding-right: 0px;}
.review-media-rate .list-inline li img{}
/*================ campair ==========*/
.compair-item{    border: 1px solid #f04432;
    border-radius: 4px;    margin-bottom: 20px;
    position: relative;}
.compair-item .item-box {border: none;border-radius: 0px;    padding: 10px 20px;text-align: center;}
.compair-item .item-box .item-dec h5{
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.compair-item  .item-box .tmb {    padding: 15px 5px;
    margin-bottom: 10px;background-color: #f6f6f6;}
.compair-item  .item-box .tmb img {margin: 0px auto;height: 110px;}
.compair-item>ul.row{margin-right: 0px;margin-left: 0px;margin-bottom: 0px;}
.compair-item>ul.row>li{    margin-bottom: 0px;}
.compair-item>ul.row>li:first-child{ border-right: 1px solid #ddd;}
.compair-item>p{margin-bottom: 0px;}
.compair-item>p .btn{padding: 16px 25px; text-transform: capitalize;    font-size: 18px;
    font-weight: 400;}
.vs{position: absolute; text-align: center; width: 100%; top: 20%;}
.vs>span{background-color: #f7f7f7;
    width: 40px;
    display: block;
    margin: auto;
    z-index: 1;
    position: relative;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    font-weight: 500;
    color: #333;}
.green{color: #07dc2a;}
.compair-item .item-dec .price {color: #000;    margin-bottom: 0px;}
.compair-item .item-dec .green{font-size: 16px;}
.compair-item .close {z-index: 1;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px;
    position: absolute;
    right: 6px;
    top: 5px;
    opacity: 1;
    border-radius: 50%;
}
.pding-rgt5{padding-right: 5px;}
.pding-lft5{padding-left: 5px;}
.compair-tab{margin-bottom: 70px;}
.compair-tab .form-control{border-radius: 0px;box-shadow: none;}
.compair-form{background-color: #f9f9f9; border: 1px solid #ddd; padding:40px 80px 30px;}
.compair-form .form-group{position: relative;margin-bottom: 25px;}
.compair-form .form-control{height: 45px;}
.compair-form .submits{    background-color: transparent;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;}
.compair-form .btn-submit{font-size: 18px;
    padding: 8px 30px;
    height: 45px;
    width: 160px;
    margin: auto;}
.display_dropdown{background-color: #fff;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 13%);}
.display_dropdown .display_box{font-size: 12px;
    font-weight: 500;padding: 10px;
    color: #696969;cursor: pointer;}
.compare-wrap{position: relative; padding-bottom: 70px; padding-top: 20px;}
.comparison-list{border: 1px solid #ddd;    margin-bottom: 20px;    margin-left: 0px;
    margin-right: 0px;}
.comparison-list li{float: left;padding: 0px;border-right: 1px solid #ddd;
    width:26.575%;position: relative;margin-bottom: 0px;
    min-height: 415px;
    border-radius: 0px;}
.comparison-list li:last-child{border-right: none;}
.comparison-list li.comparison-title{width: 230px;    background-color: #0b9ad4;}
.comparison-list li.comparison-title>img{ width: 100%;}
.comparison-list li .item-box {border: none;    margin-top: 35px;    padding: 20px;
    border-radius: 0px;text-align: center;}
.comparison-list li .item-box .tmb {padding: 15px 5px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    width: 185px;
    margin: 0px auto 15px;
}
.comparison-list li  .item-dec h5{min-height: auto;}
.comparison-list li .item-dec .price { color: #000;}
.comparison-list li.add-compare{}
 .comparison-list li.add-compare .item-box .tmb {width: 100%;}
.comparison-list li.add-compare .item-box {text-align: left;margin-left: 0px;
    margin-right: 0px;}
.comparison-list li.add-compare .item-box .tmb img {margin: 10px auto 10px;}
.comparison-list li.add-compare .item-box .col-sm-5{padding-left: 0px; }
.comparison-list li.add-compare .item-box .col-sm-7{padding-right: 0px; }
.comparison-list li.add-compare .form-group{    margin-bottom: 25px;}
.comparison-list li.add-compare .form-group .form-control{ border-radius: 0px; height: 45px; box-shadow: none;}
.comparison-list li.add-compare  .add-compare-btn{    position: absolute;
    bottom: 0px;
    padding:16px 20px;
    font-size: 18px;
    border-radius: 0px;}
.comparison-list li .close {
    position: relative;
    top: 8px;
    right: 8px;
    color: inherit;
    z-index: 1;
    opacity: 9;
}
.compare-table-panel-box{width: 100%; margin-bottom: 15px;}
.compare-table-panel-box .collapse{box-shadow: 0px 0px 15px 3px #f3f3f3;}
.compare-table-panel{cursor: pointer;}
.compare-table-panel>.compare-box-title{position: relative;}
.compare-table-panel>.compare-box-title>div span{     position: absolute;
    left: 0px;
    top: 15px;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    background-color: #2a9ae2;
    font-weight: 200;
}
.compare-table-panel>.compare-box-title>div>.compare-table-list{margin-bottom: 0px;border-top: none;
    border-left: none;
    border-right: none;}
.compare-table-panel>.compare-box-title>div>.compare-table-list>li{padding:20px 15px;border-left: none;}
.compare-table-panel>.compare-box-title>div>.compare-table-list>li p.green{font-size: 16px;margin-bottom: 0px;
    font-weight: 400;}
.compare-table-panel>.compare-box-title>div>.compare-table-list>li p.anriod{font-size: 20px;
    color: #07dc2a;}
.compare-table-panel>.compare-box-title>div>.compare-table-list>li p.anriod>img{    width: 20px;}
.compare-table-panel-box>div>.compare-table-list:last-child{border-bottom: 1px solid #ddd;}
.compare-table-panel-box .compare-table-list{    border-top: 1px solid #ddd;border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;}
.compare-table-list{margin-left: 0px; margin-right: 0px;    margin-bottom: 0px;}
.compare-table-list>li{float: left;width: 26.333%;padding: 6px 15px;border-left: 1px solid #ddd;    min-height: 50px;}
.compare-table-list>li p{font-size: 12px;    line-height: 22px;
    font-weight: 600;margin-bottom: 0px;}
.compare-table-list>li p strong{color: #2b9ae2;
    font-weight: 600;
    font-size: 14px;}
.compare-table-list>li:first-child{ width: 21%; text-align: left; }
.compare-table-list.row.list-inline>li:first-child{text-align: left;}
.compare-table-list.row.list-inline>li{ text-align: center; }
.compare-table-list>li:first-child{border-left: none;}
.compare-table-list>li.summary-li{}
.compare-table-list>li.summary-li h3{margin: 0px; font-size: 20px; font-weight: 600;padding-left: 45px;
color: #2f92e4;    text-transform: uppercase;}
.compare-table-list>li.summary-li h4{margin-bottom: 0px;
    padding-top: 10px;    font-size: 16px;
    font-weight: 500;
    color: #000;}
.compare-table-dec{    margin-left: 0px;clear: both;}
.compare-table-dec li{padding: 6px 15px; width: 49.5%;    float: left;}
.compare-table-dec li:last-child{border-bottom: none;}
.compare-table-dec li p{font-size: 14px;font-weight: 500;color: #333;}
.compare-table-dec li p span{font-weight: 600; color: #000;}
.compare-table-dec li p span.tooltip-txt{font-weight: 700;
    color: #fff;
    background-color: #2f92e4;
    border-radius: 50%;
    width: 22px;
    display: inline-block;
    height: 22px;
    text-align: center;
    cursor: pointer;    position: relative;}
 /* Tooltip */
  span.tooltip-txt .tooltip-hover{    position: absolute;
    left: 32px;
    background-color:#2b9ae2;
    padding: 10px 5px;
    color: #fff;
    width: 170px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    top: -10px;
opacity: 0;}
span.tooltip-txt .tooltip-hover::before{content: '';
    display: block;
    position: absolute;
    left:-8px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #2b9ae2;
    border-bottom: 8px solid transparent;
    border-left: 0px solid transparent;}
span.tooltip-txt:hover>.tooltip-hover{opacity:9;}
.compare-table-list>li p .rating{}
.compare-table-list>li p .rating .star-yellow{ color: #ff4d00;}
.compare-table-dec li h4{font-size: 16px;
    font-weight: 500;    margin-bottom: 0px;
    vertical-align: middle;}
.campair-detail-slide .item-dec h4 {min-height: auto;}
.campair-detail-slide .mobile-accessories-wrap .item-dec h4 {min-height:55px;}
.product-table-panel-box>div>.compare-table-list:last-child{border-bottom: none;}
.catalogues-browse-cate-wrap{padding-top: 0px;padding-bottom: 45px;}
.container-fluid0>.container-fluid{ }
.container-fluid0 .filter h5 {font-size: 22px;}
.catalogues-brand.owl-drag .owl-item>.item:first-child{}
.catalogues-browse-cate-wrap .catalogues-box{display: block;
    border: 1px solid #29b2e8;
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 2px;    margin: 0px 2px;height: 85px;}
.catalogues-browse-cate-wrap .catalogues-box img{    display: block;
    width: auto;
    max-height: 100%;
    margin: auto;
    max-width: 100%;}
.catalogues-listing-bg .owl-carousel-wrap{background: url(../images/catalogues-bg.jpg)no-repeat; background-size: cover;padding: 40px 30px 15px;    margin-bottom: 25px;}
.catalogues-listing-bg .pro-listing li .item-box { border: none;
    padding: 15px;background-color: #fff;text-align: center; border-radius: 4px;
}
.catalogues-listing-bg .pro-listing li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.catalogues-listing-bg .sidebar-wrapper{background-color: #fff;}
.catalogues-listing-bg .product-listing .title-header h3 {    margin-top: 0px;color: #000; font-weight: 500;font-size: 22px;}
.title-header h5{padding-left: 20px;position: relative;color: #444;}
.title-header h5 i{position: absolute; left: 0px;top: 0px;}
.catalog-tab{position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-left: 0px;}
.catalog-tab li{padding-left: 0px;}
.catalog-tab li a{display: block;
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
border-radius: 4px 4px 0px 0px;}
.catalog-tab li.active > a, .catalog-tab li a:hover{background-color: #2f92e4;
    color: #fff;text-decoration: none;}
.catalog-tab li a:focus{text-decoration: none;}
.catalogues-media, .restaurants-media{box-shadow: 0px 0px 10px 2px #e8e8e8;
    padding: 10px;    margin-bottom: 30px;    min-height: 240px;
    border-radius: 4px; border: 1px solid transparent;}
.restaurants-media:hover{box-shadow:0px 0px 25px 8px #e8e8e8; border: 1px solid #ddd;}
.catalogues-media-img{ width: 150px; margin-right: 10px;    height: 215px;transition: 0.5s;}
.catalogues-media-img>img{height: 100%; width: 100%; object-fit: cover;}
.catalogues-media h4{    font-size: 20px;
    font-weight: 500;
    color: #000;}
.catalogues-media p{ font-size: 14px; color: #878686;    line-height: 22px;    padding-right: 20px;}
.catalogues-media p.valid-date{ color: #404040;margin-top: 25px;    font-weight: 500;}
.catalogues-media p:last-child{margin-bottom: 0px;}
.catalogues-media p .btn{border-radius: 30px;
    font-size: 10px;
    text-transform: uppercase;
    padding: 8px 20px;
    font-weight: 500;}
.restaurants-media{margin-bottom: 30px;position: relative;    min-height: 315px;}
.certifie-box{position: absolute;
    right: 10px;
    width: 36px;}
.certifie-box img{}
.paid-box{position: absolute;
    right: -34px;
    top: 8px;
    background-color:#05d305;
    transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
}
.paid-box span{ color: #fff;
    padding: 6px 40px;
    display: block;
    text-transform: capitalize;
    font-weight: 600;}
.restaurants-media-img{    width: 215px;
    margin-right: 10px;
    border-radius: 4px;
    overflow: hidden;
    height: 220px;transition: 0.5s;}
.restaurants-media-img>img{width: 100%;height: 100%;    object-fit: cover;margin-bottom: 0px;transition: 0.5s;}
.restaurants-media:hover> .restaurants-media-img>img{transform: scale(1.1);-weblit-transform: scale(1.1);-o-transform: scale(1.1);}
.restaurants-media h4{font-size: 20px;
    margin-bottom: 15px;
    margin-right: 35px;
       white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 170px;}
.restaurants-media p{    color: #404040;}
.restaurants-adres{    padding-right: 20px;margin-bottom: 20px;}
.restaurants-adres li{margin-bottom: 15px;
    color: #404040;position: relative;padding-left: 25px;
    font-size: 14px;}
.restaurants-adres li img{    position: absolute;
    left: 0px;
    top: 2px;}
.restaurants-adres li a{color: #404040;font-size: 16px;}
.restaurants-media p.restaurants-rating{font-weight: 500;}
.restaurants-media p.restaurants-rating .fill-star{color: #fbb600;    padding-left: 5px;
    padding-right: 5px;}
.restaurants-media p.restaurants-rating span{color: #777}
.restaurants-media p.restaurants-rating span.rating_title{display: block;}
.btn-media{    vertical-align: middle;
    text-align: center;
    padding-right: 100px;
    border-left: 1px solid #ddd;
    padding-left: 20px;}
.btn-media .restaurants-btn{ }
.btn-media .restaurants-btn a{margin-bottom: 20px;    border-radius: 4px;
    font-size: 14px;    padding: 15px 20px;
    display: block;}
.restaurants-btn{margin-bottom: 0px;}
.restaurants-btn .btn{border-radius: 30px;
    font-size: 10px;
    text-transform: uppercase;
    padding: 8px 20px;
    font-weight: 500;}
.restaurants-media2 .restaurants-media-img {
    width: 185px;
    height: 190px;}
.restaurants-media2 .restaurants-btn .btn {padding: 8px 13px;}
.wrap-pding-btm40{padding-bottom: 40px;}
.product-table-panel-box{width:100%; /*border-bottom: 1px solid #ddd;*/    background-color: #fff;}
.product-table-panel-box .collapse{box-shadow: 0px 0px 15px 3px #f3f3f3;}
.product-table-panel-box .compare-table-panel>.compare-box-title>div>.compare-table-list>li{width: 100%;}
.product-table-panel-box .compare-table-list>li {width: 100%;}
.product-table-panel-box .compare-table-panel>.compare-box-title>div>.compare-table-list>li h4{margin-bottom: 0px;    padding-top: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #2f92e4; text-transform:capitalize;    padding-left: 35px;}
.product-table-panel-box .compare-table-dec li p {}font-weight: 500;
.compare-table-dec li p span{color: #000;font-weight: 600;}
.product-table-panel-box>div>.compare-table-list{padding-bottom: 20px;border: none;}
.product-table-panel-box .compare-table-dec li{padding: 6px 0px;}
.prodetail-review-tab{padding-bottom: 70px;position: relative;}
.pro-deatail-tab{ text-align: center;
    box-shadow: 0px 10px 15px -5px #ddd;background-color: #fff;
    margin-bottom: 55px;}
.pro-deatail-tab li{}
.pro-deatail-tab li a{    display: block;
    padding: 20px 30px;border-bottom: 2px solid transparent;
    text-transform: uppercase;
    color: #bccfda;}
.pro-deatail-tab li a:hover{    text-decoration: none;
    color: #2f92e4;}
.pro-deatail-tab li a:focus{text-decoration: none; outline: none;}
.pro-deatail-tab li.active>a {color: #2f92e4;
    border-bottom: 2px solid #2f92e4;}

/*============= ===================*/
.catalogues-view{background: url(../images/catalogues-bg.jpg)no-repeat;
    background-size: cover;
    padding: 40px 30px 15px;}
.catalogues-view-box{    background-color: #fff;
    border-radius: 10px;
    padding: 10px 20px;}
.catalogues-view-box .catalogue-col-rgt{width: 66.66666667%;padding-left: 15px; padding-right: 15px; float: right;}
.catalogues-view-box  .catalogue-col-lft{padding-left: 15px; padding-right: 15px; float: left;    width: 33.33333333%;}
.catalogues-view-box .dec{margin-bottom: 25px;}
.catalogues-view-box .dec h5.loaction{padding-left: 20px;
    position: relative;
    color: #444;}
.catalogues-view-box .dec h5.loaction i{    position: absolute;
    left: 0px;
    top: 0px;}
.catalogues-view-box h3{color: #000;font-weight: 600;}
.catalogues-lg{border-radius: 4px;    overflow: hidden;}
.catalogues-lg>img{ width: 100%;height: 738px;object-fit: cover; }
.catalogues-sm-tmb{     padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 15px 2px #ececec;
}
.catalogues-sm-tmb img{width: 100%;}
.latest-catalogues-wrap2{background: url(../images/catalogues-bg.jpg)no-repeat;
    background-size: cover;}
.iframe-website, .objectpdf{height: 990px;width: 100%;}
/*============ plans =========*/
.single-pricing-box{  margin-bottom: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 4px;
    background-color: #f9f9f9;
    padding-top: 40px;
    padding-bottom: 40px;
        min-height:945px;
}
.single-pricing-box .pricing-header .icon {
        background-color: #e5e0f2;
    color: #290390;
    position: relative;
    border-radius: 50%;
    width: 90px;
    text-align: center;
    height: 90px;
    line-height: 90px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 40px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.single-pricing-box .pricing-header2 .icon {
    background-color:#ffe9e3;color: #fe4c1c;}
.single-pricing-box .pricing-header3 .icon {    background-color: #e4f4f3;
    color: #1fa299;}
.single-pricing-box .pricing-header .icon .circles-box {
    /*position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;*/
}
.single-pricing-box .pricing-header .icon .circles-box .circle-one {
    /*position: absolute;
    left: 8px;
    bottom: 8px;
    width: 12px;
    height: 12px;
    z-index: 1;
    border-radius: 50%;
    background-color:#0d63c9;*/
}
.single-pricing-box .pricing-header h3 {margin-bottom: 0;
    background-color: #3b87e2;
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
        min-height: 125px;
    line-height: inherit;
    font-weight: 500;
}
.single-pricing-box .pricing-header1 h3{padding-top: 45px;}
.single-pricing-box .pricing-header2 h3{background-color: #fe4c1c;}
.single-pricing-box .pricing-header3 h3{padding-top: 30px; background-color: #1fa299;}
.single-pricing-box .pricing-header h3 .price{color: #fff;}
.single-pricing-box .pricing-header h3 .price span{    display: inline-block;
    color: #fff;}
.single-pricing-box .pricing-features {
    margin-bottom: 40px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
}
.single-pricing-box .pricing-features ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.single-pricing-box .pricing-features ul li {
       margin-bottom: 20px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
    line-height: 26px;
}
.single-pricing-box .pricing-features ul li::before{    position: absolute;
    left: 0px;
    top: 5px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;}
.single-pricing-box .price {
    font-size: 40px;
    font-weight: 800;
}
.single-pricing-box .price em{font-style: initial;}
.single-pricing-box .price span {
    display: block;
    color: #4b5280;
    margin-top: -3px;
    font-size: 18px;
    font-weight: 600;
}
.single-pricing-box .btn{padding: 10px 30px;    border-radius: 30px;}
/*============= business sign up ===============*/

/*Forms*/

#regForm {

}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.formtab-box{
    background-color: #fff;
    padding: 30px;
    border-radius: 4px;
}
.formtab {
 display: none;
    
}
.step-btns{text-align: right;}
.step-btns .btn{border-radius: 30px;
    padding: 8px 30px;
    font-weight: 500;
    text-transform: capitalize;}
.step-btns .btn:focus, .step-btns .btn:active{outline: none;}
#prevBtn {
}

/* Make circles that indicate the steps of the form: */
.step-box{    position: relative;
    margin:40px auto 25px;}
.step {      padding: 20px 51px;
    background-color: #ececec;
    border: none;
    display: inline-block;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    height: 60px;
}
.step::after, .step::before{ content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #ffffff;
z-index: 1;
-webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);}
.step::before{border-top: 30px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #ececec;
 left: 99%;
z-index: 2;}
.step:last-child::before{display: none;}
.step.active::before{  
    border-top: 30px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #0090ca;}

.step>em{}
.step> em.step-title{  font-style: inherit;}
.step.active {
  background-color:#0090ca;
}
.step.active>em{color: #fff;}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #0090ca;
}
.step.finish>em{color: #fff;}
.step.finish::before{ border-top: 30px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #0090ca;}
.formtab-box label {font-weight: 500;
    font-size: 13px;}
.upload-form-group{margin-bottom: 20px;}
.upload-input-box{padding-left: 0px;    margin-bottom: 15px;}
.upload-input-box>.file-ctrl{    border: none;
    background-color: transparent;}
.upload-input-box .form_msg{border:1px solid #ddd; padding-left: 10px;height: auto;}
.business-sign{    text-align: center;
    padding: 50px 35px;position: relative;
    background: url(../images/business-regiation.jpg)no-repeat;
    background-size: cover;
        background-position: right;
    min-height: 400px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;}
.business-sign::before{content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px;     background: rgb(13 99 201 / 79%);
    right: 0px; border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;}
.business-sign h4{ position: relative;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    line-height: inherit;
    margin-top: 60px;
    text-transform: capitalize;}
.business-sign p{position: relative; color: #fff;}


.cvfile {
    opacity: 0;
    z-index: 1;
    position: absolute;
    cursor: pointer;
    left: 0;
}
.upload-cv {    top: 0;
    width: 100%;
    color: #000;
    padding: 6px 25px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    z-index: 0;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 42px;
    line-height: 30px;
        text-align: center;
}
/*============== business-dashboad ================*/
.welcome-back{margin-bottom: 40px;}
.welcome-back li{    vertical-align: middle;}
.welcome-back li h2{    padding-top: 15px;
    margin-right: 25px;
    font-size: 30px;
    font-weight: 500;}
.welcome-back li a{    display: block;
    border: 2px dashed #ddd;
    padding: 12px 25px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #298dd7;}
.welcome-back li a:hover{text-decoration: none;}
.dashboad-header-well{background: url(../images/Business-Dashboard-hdr-bg.jpg)no-repeat; background-size: cover;position: relative;    padding: 20px;    margin-bottom: 25px;}
.dashboad-header{    border: 1px solid #fff;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 30px 20px 15px;}
.dashboad-header h2{    font-weight: 300;
    font-size: 30px;
    color: #fff;
    line-height: 42px;}
.dashboad-header h4{font-weight: 400; font-size: 18px;color: #fff;word-break: break-all;}
.dashboad-header h4 .verify{position: relative;
    top: -4px;
    left: 0px;}
.dashboad-header h4 .verify img{width: 26px;}
.dashboad-header h5{font-weight: 300;
    font-size: 14px;
    color: #fff;
    margin-bottom: 22px;
    margin-top: 8px;}
.area-row{margin-top: 40px;}
.business-tab-nav{text-align: center;margin-left: -5px;
    margin-right: -5px;}
.business-tab-nav li{}
.business-tab-nav li a{ display: block;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    font-weight: 400;
    border: 1px solid #c5c5c5;
    font-size: 15px;}
.business-tab-nav li a sub {
    bottom: 0px;
    color: #2f92e4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
}
.business-tab-nav li.active> a{   /* background-color: #2f92e4;color: #fff; border:1px solid  #2f92e4;*/}
.business-tab-nav li.active>a:focus{outline: none;text-decoration: none;}
.business-tab-nav li a:hover{ color: #2f92e4; /*  background-color: #2f92e4; color: #fff; text-decoration: none;*/}
.business-dashboad-tab-cnt{      margin-top: 70px;  }
.business-dashboad-tab-cnt .catalogues-sm-tmb {height: 425px;}
.business-dashboad-tab-cnt .catalogues-sm-tmb .edit-box {right: 20px;top: 20px;}
.business-dashboad-tab-cnt .catalogues-sm-tmb  .edit-box a { border: 1px solid #6ab0e9;
    padding:10px 12px;background: rgb(50 149 229 / 70%);
}
.business-dashboad-tab-cnt .catalogues-sm-tmb img{height: 100%; object-fit: cover;}
.dashboard-media{    padding: 25px 20px 25px;    margin-top: 10px;
    border-radius: 4px;margin-bottom: 10px;
    min-height: 132px;}
.media-blue-bg{background-color: #3295e5;}
.media-red-bg{ background-color: #f04432;}
.media-black-bg{background-color:#713b3b;}
.media-green-bg{background-color:#06a506;}
.media-teal-bg{    background-color: #4d9294;}
.media-darkblue-bg{background-color: #1660b9;}
.dashboard-icon{width: 84px;
    height: 84px;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;}
.dashboard-icon-light-blue-bg{background-color: #99caf2;}
.dashboard-icon-light-red-bg{background-color: #f8a299;}
.dashboard-icon-light-black-bg{background-color:#b77c7c;}
.dashboard-icon-light-green-bg{background-color:#48c348;}
.dashboard-icon-light-teal-bg{background-color: #7fb1b3;}
.dashboard-icon-light-darkblue-bg{background-color:#327ad2;}
.dashboard-icon img{    position: relative;
    margin: 0px auto 0px;
    display: block;
    top: 18px;}
.dashboard-media .media-body{text-align: right;}
.dashboard-media h5{text-transform: uppercase; color: #fff;font-size: 16px; font-weight: 400;    margin-bottom: 20px;}
.dashboard-media h2{text-transform:capitalize; color: #fff; font-size: 40px; font-weight: 400;    margin-bottom: 0px;}
.dashboard-media a{}
.dashboard-media a:hover{text-decoration: none;}
.pding-rgt5{padding-right: 5px;}
.pding-lft5{padding-left: 5px;}
.business-signup .restaurants-media{padding: 0px;box-shadow: none;}
.dashboad-list-dec li{     margin-bottom: 15px;
    font-size: 12px;
    color: #999;}
.dashboad-list-dec li strong{font-weight: 500;}
.upgrade-txt{padding: 10px 25px;
    position: relative;
    margin-bottom: 25px;
    background-color: #f04432;
    border-radius: 4px;}
.upgrade-txt p{    font-weight: 400; color: #fff;
    margin-bottom: 0px;}
.add-btn{margin-top:15px;}
.add-btn label{font-weight: 500;
    color: #000;
    font-size: 16px;
    margin-bottom: 15px;}
.add-btn .btn{color: #000000;
    background-color: #fff;
    border-color: #bbbbbb;
    height: 55px;
    line-height: 35px;
    font-size: 15px;
    font-weight:500;
    text-transform: uppercase;
    padding: 10px 25px;}
.add-btn .btn em{border: 1px solid #333;
    width: 22px;
    display: inline-block;
    height: 22px;
    border-radius: 50%;
    font-size: 24px;
    font-style: inherit;
    line-height: 19px;
    margin-right: 10px;
    top: 1px;
    position: relative;}
.add-btn .btn:hover{background-color:#3295e5; color: #fff; border-color: #3295e5;}
.add-btn .btn:hover>em{border: 1px solid #fff;}
.form-upload{margin-top: 15px;}
.form-upload label{    font-weight: 500;    color: #000;
    font-size: 16px;
    margin-bottom: 15px;}
.form-upload .choose-file{border: 1px solid #ddd;
    box-shadow: none;overflow: hidden;
    border-radius: 30px;
    height: 55px; width: 100%; position: relative;}
.form-upload .form-file{    border: none;
    box-shadow: none;
    border-radius: 30px;
    height: 55px;position: relative;
    padding: 15px 20px;z-index: 2;
background-color: transparent;
    margin-left: -96px;
    width: 130%;
    cursor: pointer;}
.form-upload .form-file::before{content: ""; position: absolute;
    left: 0px;
    height: 100%;
    width: 112px;
    background: #fff;
    top: 0px;}
.form-upload  .upload-cv{ position: absolute;
    bottom: 6px;
    right: 6px;
    top: initial;
    width:auto;
    background-color: #f7f7f7;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 6px 22px;}
.form-upload  .upload-cv i{color: #2681cd; padding-right: 3px;font-size: 16px;position: relative; top: 1px;}
.form-doc-title{height: 55px;    border: 1px solid #ddd;
    box-shadow: none;border-radius: 30px;}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
    outline-offset: 0px;
}
.similar-box{position: relative;}
.similar-box .tmb{border-radius: 4px;}
.similar-box .tmb img{ width: 100%; border-radius: 4px;height: 206px;
    object-fit: cover;}
.similar-dec{position: relative;    text-align: center;}
.similar-dec h4{color: #000000; font-size: 17px;}
.similar-dec p{color: #999898; font-size: 16px;}




/*============== business detils==========*/
.business-deatil-banner{position: relative;    margin-bottom: 45px;}
.business-deatil-banner .tmb{position: relative;
    height: 416px;
    border-radius: 4px;
    overflow: hidden;border: 10px solid #fff;
    background-color: #fff;
    box-shadow: 0px 0px 10px 2px #e8e8e8;}
.business-deatil-banner .tmb::before{content: ""; position:absolute; left: 0px; bottom: 0px; height: 30%;right: 0px;     background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 78%));}
.business-deatil-banner .tmb img{width: 100%;height: 100%; object-fit: cover;border-radius: 4px;}
.edit-box{    position: absolute;
    right: 30px;
    display: block;
    z-index: 1;
    top: 30px;}
.edit-box a{ color: #fff;
    display: inline-block;
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
    border-radius: 4px;}
.edit-box a i{margin-right: 6px;}
.business-slider-caption{position: absolute; left: 0px; bottom: 0px; right: 0px;padding: 20px;}
.business-slider-caption>.row{margin-right: 0px; margin-left: 0px;}
.caption-text{}
.caption-text h3{font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;}
.caption-text .rating{display: inline-block; color: #fff;}
.caption-text .rating a{color: #fff;}
.caption-text .rating a i{padding-right: 5px;}
.caption-text .rating .stars{display: inline-block;    margin-right: 25px;}
.caption-text p{color: #fff;}
.business-slider-caption .txt-rgt{text-align: right;}
.share-links{margin-top: 60px;}
.share-links li{position: relative;}
.share-links li a{display: block;
    padding: 15px 20px;
    color: #fff;
    border-radius: 4px;
font-weight: 500;    transition: 0.5s;}
.share-links li a:hover{text-decoration: none;    -webkit-transform: scale(1.1);   -o-transform: scale(1.1);    transform: scale(1.1);}
.share-socila-link{position: absolute;
    width: 185px;
    left: 0px;
    bottom: 100%;
    margin-left: 0px;
    margin-bottom: 4px;opacity: 0;}
.share-socila-link li{float: left;}
.share-socila-link li a{display: block;
    padding: 5px;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;}
.share-links li .share-socila-link li a i{margin-right: 0px;}
.share-socila-link li a.fb{background-color: #384da6;}
.share-socila-link li a.tw{background-color: #5fb7fe;}
.share-socila-link li a.linkdn{background-color: #0173af;}
.share-socila-link li a.ins{background-color: #e775ab;}
.share-links li:hover>.share-socila-link{opacity: 9;}
.share-links li a i{margin-right: 6px;}
.share-links li a.map{background-color: #3295e5;}
.share-links li a.share{background-color: #f04432;}
.share-links li a.whatsapp{background-color: #21d264;}
.share-links li a.whatsapp i{font-size: 18px;}
.share-links li a.whatsapp:hover{background-color: #20e96c;}
.share-links li a.map:hover{background-color:#0e85e5;}
.share-links li a.share:hover{background-color:#f75b4b;}
.inner-box{border: 1px solid #d2d1d1;
    border-radius: 4px;
    position: relative;
    padding: 15px 15px;
    margin-bottom: 50px;
    min-height: 84px;}
.inner-box h5{font-size: 12px;color: #535353;margin-bottom: 15px;}
.inner-box h4 a{     color: #298dd7;}
.inner-box h4{     font-size: 14px;
    color: #000000;margin-bottom: 0px;
    font-weight: 600;}
.inner-box h4 .time{float: right;}
.weekly{position: absolute;
    top: 100%;
    background-color: #fff;
    width: 100%;
    left: 0px;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
z-index: 1;display: none;}
.inner-box:hover>.weekly{display: block;}
.weekly li.weely-header h4{font-size: 16px;
color: #298dd7;}
.weekly li.weely-header{margin-bottom: 15px;}
.weekly li h4.weely-header span{float: right; font-size: 14px;}
.weekly li{padding: 8px 0px;
    font-weight: 500;text-transform: capitalize;
    border-bottom: 1px solid #ddd;font-size: 12px;}
.weekly li:last-child{border-bottom: none;}
.weekly li span{float: right;
    background-color: #298dd7;
    padding: 3px 7px;
    font-size: 10px;
    color: #fff;
    border-radius: 30px;}
.socila-link{margin-bottom: 0px;}
.socila-link li{}
.socila-link li a{display: block;}
.socila-link li a:hover{color: #333;}
.promotion-bnr{}
.promotion-bnr .catalogues-sm-tmb img {height: 150px;
    object-fit: cover;
    margin-bottom: 15px;}
.date-list{margin-left: 0px; margin-right: 0px;margin-bottom: 0px;}
.date-list li{padding-right: 0px;}
.date-list li.txt-rgt{border-left: 1px solid #ddd;}
.date-list li h5{color: #333;font-size: 12px;}
.date-list li h4 {color: #298dd7;
    font-size: 14px;
    font-weight: 600;}
.business-preview{border: 1px solid #ddd;    margin-bottom: 35px;}
.business-preview .gallery-control::before{    border-right:1px solid #ddd;}
.business-detil-list{}
.business-detil-list li{    margin-bottom: 20px;color: #404040;    font-size: 16px;}
.business-detil-list li i{padding-right: 5px;
    color: #999;
    font-size: 16px;}
.business-detil-list li a{    margin-bottom: 15px;
    color: #404040;
    position: relative;}
.business-detil-list li a.website{font-size: 14px;    color: #0d63c9;}
.busines-social-link{}
.busines-social-link li{}
.busines-social-link li a{    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    display: block;
    line-height: 30px;
    color: #fff;}
.busines-social-link li a.whats{background-color: #00e676;}
.busines-social-link li a.share{background-color: #999;}

.business-table-panel-box .compare-table-panel>.compare-box-title>div>.compare-table-list>li h4 {
   font-size: 22px;
    font-weight: 500;
    color: #000;padding-left: 0px;
}
.business-table-panel-box .compare-table-panel>.compare-box-title_xxx>div>.compare-table-list>li h4 {
   font-size: 22px;
    font-weight: 500;
    color: #000;padding-left: 0px;
    cursor: text;
}
.compare-table-panel>.compare-box-title_xxx>div>.compare-table-list{margin-bottom: 0px;
    border-top: none;
    border-left: none;
    border-right: none;}
.compare-table-list>li.summary-li
.business-table-panel-box .compare-table-panel>.compare-box-title>div span{display: none;}
.business-table-panel-box .compare-table-panel>.compare-box-title>div>.compare-table-list>li {
    padding-left: 0px;}
.business-table-panel-box .collapse{box-shadow: none;}
.business-table-panel-box .compare-table-dec {border-bottom: 1px solid #ddd;}
.business-table-panel-box .compare-table-list>li {padding: 0px;}
.business-table-panel-box .compare-table-dec li p {font-weight: 400;}
.business-table-panel-box .compare-table-dec li {padding: 10px 0px;}
.post-review-business {
    margin-top: 50px;
    padding: 30px;
    box-shadow: 0px 0px 12px 3px #f0f0f0;
    border-radius: 4px;}
.iframe-map{border: 1px solid #ddd; background-color: #f9f9f9;}
.iframe-map>iframe{height: 145px;}
.business-dec-box{position: relative;}
.business-dec-box .catalogues-sm-tmb {margin-bottom: 40px;}
.business-dec-box .catalogues-sm-tmb img{    height: 160px;
    object-fit: cover;}
.business-dec-box p{ font-size: 16px; color: #444;}
.business-dec-box h3{ font-size: 22px;}
.dec-phra{margin-bottom: 40px;}
.dec-phra h4{font-weight: 600;}
.dec-phra p{ font-size: 16px; margin-bottom: 15px;}
.dec-phra p:last-child{ margin-bottom: 0px;}
.dec-phra0{margin-bottom: 0px;}
.list-point{}
.list-point li{position:relative; font-size: 16px; margin-bottom: 20px; padding-left: 20px;}
.list-point li::before{    position: absolute;
    left: 0px;
    top: 6px;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3c3c3c;}
.business-detail-tab-cnt{}
.business-detail-slide .item-box {}
.business-detail-slide .item-box .tmb img {width: 100%;}
.business-detail-slide .item-dec h4 {    font-size: 20px; min-height: 35px;}
.business-detail-slide .item-dec p{position: relative;padding-left: 20px; font-weight: 500;}
.business-detail-slide .item-dec p a{color: #404040;font-size: 16px;}
.business-detail-slide .item-dec p i{     position: absolute;
    left: 0px;
    top: 7px;}
.business-detail-slide .item-dec .btn { margin-top: 30px;
   padding: 14px 10px;
    height: 55px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    color: #fff;
}
.business-detail-slide .item-dec .btn img{width: auto !important;display: inline-block;
    margin-left: 10px;}
.business-detail-slide{}
.enquire-now-detailpage{margin-bottom: 70px;margin-top: 30px;}
.map-location{position: relative; width: 100%;}
.map-location iframe{ width: 100%; height: 400px;border: 1px solid #ddd;}
/*============== dashboard-wrap ==================*/
.dashboard-wrap{padding:30px 0px; position: relative;}
/*============== login ===================*/
.login-box{position: relative;
    border-radius: 8px;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 5px 5px 15px 0px #efefefee;background-color: #fff;}
.wlcome-img{}
.wlcome-img>img{margin: 25px auto; width: 210px;}
.welcome-col{text-align: center;padding: 50px 35px;background: url(../images/login-bg.jpg)no-repeat; background-size: cover;
    min-height: 465px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.welcome-col h4{color: #fff;font-weight: 400;
    font-size: 42px;}
.welcome-col p{color: #fff;}
.btn-sumbit{font-weight: 600;  }
.login{padding: 25px 25px 15px;}
.login h4{font-weight: 600;
    font-size: 20px;
    margin-bottom: 25px;}
.login .form-group{}
.login .gender{margin-bottom: 25px;}
.login .gender .radio-inline{    font-weight: 600;
    color: #000;}
.login .form-control{border-left: none;border-right: none;border-top: none;box-shadow: none; border-radius: 0px; padding-left: 0px;    background-color: transparent;}
.login p .red{}
.login p .blue{}
.or {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 20px auto 15px;
}
.or::before {
    content: "";
    position: absolute;
    height: 1px;
    background-color:#b4cad6;
    width: 100%;
    left: 0px;
    top: 20px;
}
.or span {
    text-transform: uppercase;
    background-color:#edf3f7;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    display: block;
    margin: auto;
    z-index: 1;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
}
.login .btn-sumbit{margin-top: 20px;                
    text-transform: uppercase;}
.login .btn-sumbit:hover{    background-color: #008ddd;
    border-color: #008ddd;}
.login p {
    font-size: 13px;
    margin: 0px 0 10px 0;
    color: #333;
    line-height: 22px;
        font-weight: 500;
}
.login-socialmedia { text-align: center;
    margin:15px auto;
}
.login-socialmedia .fb {
    list-style: none;
    background: #3b5998;
}
.login-socialmedia li a {
    padding: 5px;
    display: block;
    font-size: 15px;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    transition: all 0.6s ease 0s;
    text-transform: capitalize;
    border-radius: 50%;
}
.login-socialmedia>li {padding-right: 2px;
    padding-left: 2px;}
.login-socialmedia .google {
    list-style: none;
    background: #d34836;
}
#field1 .sub, .add{width: 26px;
    background-color: transparent;
    border: 1px solid #ddd;
    height: 26px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #333;}
#field1 .qty-input{padding-left: 10px;
    width: 40px;border: 1px solid #ddd;
    height: 26px;
    font-weight: 600;}
.signup-box{position: relative;z-index: 1; background-color: #fff;}
.login-signup{min-height: 510px; background-color: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;}
.signup-blue-circle{position: absolute;
    top: 75px;
    left: -45px;
    content: "";}
.signup-box::before{position: absolute;
    content: "";
    bottom: -30px;
    right: -30px;
    width: 100px;
    height: 100px;
    background: url(../images/signup-red-circle.png)no-repeat;
    background-size: 100%;
z-index: -1;}
.welcome-col-signin{background: url(../images/sign-in-bg.jpg)no-repeat; background-size: cover;min-height: 520px;}
.welcome-col-signin h4{margin-top: 150px;}
.signup-form{border-radius: 8px;
    border: 2px solid #a7d7ff;
    padding: 15px 30px 30px;}
.signup-form label {font-weight: 400;
    color: #333;
}
.signup-form label a{}
.signup-form  .form-group{position: relative;}
.send-otp-form-group{}
.send-otp-form-group .form-control{width: 70%;}
.send-otp-form-group .sendotp{position: absolute;
    right: 0px;bottom: 0px;}
.send-otp-form-group .sendotp .btn{font-weight: 500;
    font-size: 12px;}
.send-otp-form-group .sendotp a{font-weight: 500;}
.signup-form .container_chechout2{padding-left: 25px; font-size: 13px;    font-weight: 500;}
.signup-form .container_chechout2 span{color:#6a6363;}
.signup-form .container_chechout2>input{    position: absolute;
    left: 0px;
    top: 0px;}
.forgot-password-col{min-height: 240px;}
.forgot-password-col p{margin-top: 30px;}


/*=============== check out button =================*/
/* The container */
.container_chechout {
  display: block;
  position: relative;
      font-size: 14px;
    font-weight: 600;
    position: relative;
   padding-left: 30px;
    color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_chechout input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container_chechout .checkmark {position: absolute;
    top: 0px;
    left: 0px;
    height:20px;
    width:20px;
    background-color:#f1f1f1;
    border-radius: 4px;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.container_chechout:hover input ~ .checkmark {

}

/* When the checkbox is checked, add a blue background */
.container_chechout input:checked ~ .checkmark {
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_chechout .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_chechout input:checked ~ .checkmark::after {
  display: block;
}

/* Style the checkmark/indicator */
.container_chechout .checkmark::after {    left: 6px;
    top: 2px;
    width: 8px;
    height: 12px;
    border: solid #008ddd;
    border-width: 0px 3px 3px 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*=================== cart ===================*/

.buttonnone{border: none; background-color: transparent;}
.buttonnone:hover{color: #ff0000;}
.order-summary, .track-box{border: 1px solid #c7cbce;padding: 20px;position: relative;}
.title-shopping-cart{padding-bottom: 15px;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #c7cbce;}
.checkout-element-content{}
.checkout-element-content p{font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000;}
.inr-price{font-family: 'Montserrat', sans-serif;font-weight: 500;}
.inr-price .fa-inr{font-size: 13px;}
.order-left{font-size: 13px;
    margin-bottom: 15px;}
.order-left strong{ float: right;}
.order-left strong i{ font-size: 13px;}
.totalpay{    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 40px;}
.pro-img-table{}
.pro-img-table .img-responsive{width: 110px;}
/*============= checkout ==================*/

.offer_txt {
    padding-left: 5px;
    font-size: 14px;
}
.cartborder{ margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.cartborder h4{    font-size: 22px;font-weight: 500;    color: #000;}
.cartborder p{color: #000;line-height: 24px;
    font-size: 14px;}
.cartborder .changeaddress{    font-size: 12px;    font-weight: 600;float: right;
    margin-top: 8px;}
.cartborder .changeaddress a{ color: #333;}
.reviewOrderBackResponse{position: relative; margin-bottom: 35px;}
.cartimg{width: 100%; margin-bottom: 20px;}
.cartimg img{width: 100%;}
.cartdetails{}
.cartdetails h4, .paymothed h4{font-size: 20px;
    margin-bottom: 20px;}
.cartdetails p{    font-weight: 500;
    font-size: 14px;}
.cartdetails .in-stock {
    color: #fa6671;}
.form-cart .btn-danger, .order-summary .btn-danger{ }
.form-cart .btn-danger:hover, .order-summary .btn-danger:hover{background-color: #008ddd;
    border-color: #008ddd;}
.paymothed{position: relative; margin-top: 40px; margin-bottom: 25px;}
.paymnetthodBox{border:1px solid #c7cbce;
    padding:25px 15px 5px;position: relative;}
.paymothed p{margin-top: 15px;}
.paymothed .payment-icon li a img {width: 50px;}
.paymothed .paymnetthodBox1{border-bottom: none;}
.paymnetthodBox .rgt-img{    position: absolute;
    top: 20px;
    right: 15px;}
.paymnetthodBox .container_chechout_radio {margin-bottom: 20px;color: #000;
    font-size: 15px;    font-weight: 500;}
.productIncart .totalpay {margin-bottom: 20px;}

/*================= cancel order ============*/
.item-ordered{}
.item-ordered h4{ margin-bottom: 20px;font-size: 22px;}
.item-ordered p{margin-bottom: 12px;font-size: 14px;
    color: #000;
    line-height: 24px;}
.paymentorder{}
.payaddres{ }
.payaddres p{    font-size: 14px;
    color: #000;
    line-height: 24px;}
.cancel-radio{position: relative;top:0px;left: 20%;}
.terms a{color:#717070;}
.cancle-sumbit{margin-top: 20px; text-align: right;}
.reason-form{position: relative;}


/**************Process form**************/
#wizard_container{}
#wizard_container h3{font-size: 30px; color: #000; font-weight: 600;margin-bottom: 60px;}
#wizard_container p{    color: #3193e5;
    font-weight: 500;
    font-size: 16px;
    position: absolute;
    top: 55px;}
#wizard_container h2{    font-size: 20px;
    font-weight: 600; display: none;margin-bottom: 35px;}
#wizard_container label {font-weight: 400;
    font-size: 12px;
    color: #535353;
}
#wizard_container .form-upload label {
    font-weight: 500;
    color: #000;
    font-size: 16px;
}
#wizard_container  .form-group {
    margin-bottom: 35px;position: relative;
}
#wizard_container .form_ctrl {
    color: #000;
    font-size: 16px;height: 40px;
    font-weight: 600;}
#wizard_container  .form_msg{height:auto;font-size: 14px;}
#wizard_container .upload-input-box {margin-top: 15px;}
#wizard_container  .upload-input-box>.file-ctrl {height: 30px;
    font-size: 13px;
    font-weight: 500;
}
#wizard_container .form_ctrl::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d2d2d2;
  opacity: 1; /* Firefox */
}

#wizard_container .form_ctrl:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#d2d2d2;
}

#wizard_container .form_ctrl::-ms-input-placeholder { /* Microsoft Edge */
  color: #d2d2d2;
}
#wizard_container  #localityArea .form_ctrl{appearance: none;-webkit-appearance: none;}
#wizard_container  #localityArea .fa-plus{position: absolute;
    right: 20px;
    bottom: 45px;}
#wizard_container .btn{    height: 52px;
    padding: 8px 40px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
line-height: 35px;}
#wizard_container .btn-skip{margin-left: 5px;position: relative;}
#wizard_container .btn-skip .comment-hover{    position: absolute;
    top: 0px;
    left: 100%;
    padding: 15px;
    background-color: #2999e1;
    margin-left: 10px;
    border-radius: 5px;
    color: #fff;
    text-transform: initial;
    font-size: 12px;opacity: 0;}
#wizard_container .btn-skip:hover> .comment-hover{opacity: 9;}
#wizard_container .btn-skip .comment-hover::before{content: '';
    display: block;
    position: absolute;
    left:-8px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #2b9ae2;
    border-bottom: 8px solid transparent;
    border-left: 0px solid transparent;}
.btn-skip{border-color: #272626;}
.btn-skip i{padding-left: 3px;
    border-right: 2px solid #000;
    font-size: 13px;
    line-height: 11px;}
.btn-skip:hover{background-color: #f04432;
    border-color: #f04432;
    color: #fff;}
.btn-skip:hover>i{border-right: 2px solid #fff;}
.gsi-step-indicator {
	width:100%;
	padding:0px 0px 35px;
	margin:0em auto 10px;
	background-color:#edeff0;
	border-radius:.25em
   }
   .gsi-step-indicator li {
	display:inline-block;
	float:left;
	margin:1.2em 0
   }
   .gsi-step-indicator li .number {
	font-size:2em
   }
   .gsi-step-indicator li .desc {
	padding-top:10px;
	padding-left:10px;
	vertical-align:super
   }
   .gsi-step-indicator li .desc label {
	font-size:1.1em
   }
   .gsi-step-indicator li .desc span {
	font-size:14px;
	display:block
   }
   .gsi-step-indicator li::after {
	display:inline-block;
	content:"";
	margin:0 1em;
	color:#959fa5
   }
   .gsi-step-indicator li:last-of-type::after {
	display:none
   }
   .gsi-step-indicator li>* {
	display:block;
	font-size:1.3rem;
	color:#2c3f4c
   }
   .gsi-step-indicator li.active>* {
	color:#96c03d
   }
   .gsi-step-indicator a:hover {
	color:#96c03d
   }
   .gsi-step-indicator a {
	text-decoration:none !important
   }
   .gsi-step-indicator::after {
	content:"";
	display:table;
	clear:both
   }
   .gsi-step-indicator.triangle {
	background-color:transparent;
	padding:0
   }
   .gsi-step-indicator.triangle li {
	position:relative;
	padding:0;
	margin:4px 4px 4px 0
   }
   .gsi-step-indicator.triangle li:last-of-type {
	margin-right:0
   }
   .gsi-step-indicator.triangle li>* {
		position:relative;
		padding:21px 29px 21px 29px;
		color:#fff !important;
		background-color:#3193e5;
		border-color: #3193e5;
		border-radius: 0;
		}
   .gsi-step-indicator.triangle li.active>* {
	    color: #000 !important;
    background-color: #ececec;
    border-color: #ececec;
	}
.gsi-step-indicator.triangle li.active
.gsi-step-indicator.triangle li.active> a h4 span{background: #3193e5;}
.gsi-step-indicator.triangle li.active> a h4 span>.txt{display: block;}
   .gsi-step-indicator.triangle li:first-of-type>* {
	border-radius:.25em 0 0 .25em
   }
   .gsi-step-indicator.triangle li:last-of-type>* {
	padding-right:1.6em;
	border-radius:0 .25em .25em 0
   }
   .gsi-step-indicator.triangle a:hover{ background:#edeff0 !important; border-color: #edeff0 !important; color:#2c3f4c !important;}
   .gsi-step-indicator.triangle a:hover p{color:#2c3f4c !important;}
   .gsi-step-indicator.triangle active, .gsi-step-indicator.triangle a:focus {
	   color: #000 !important;
	   background-color: #ececec !important;
	   border-color: #ececec !important;
   }
   .gsi-step-indicator.triangle li::after,.gsi-step-indicator.triangle li>*::after {
	content:'';
	position:absolute;
	top:0px;
	left:100%;
	height:0;
	width:0;
	border:31px solid transparent;
	border-right-width:0;
	border-left-width:20px;
   }
   .gsi-step-indicator.triangle li::after {
	z-index:1;
	-webkit-transform:translateX(4px);
	-moz-transform:translateX(4px);
	-ms-transform:translateX(4px);
	-o-transform:translateX(4px);
	transform:translateX(4px);
	border-left-color:#fff;
	margin:0
   }
   .gsi-step-indicator.triangle li>*::after {
	z-index:2;
	border-left-color:inherit;
   }
   .gsi-step-indicator.triangle .triangle li:last-of-type::after,.gsi-step-indicator.triangle li:last-of-type>*::after {
	display:none
   }
   .gsi-step-indicator.triangle.gsi-arrow-left li::after,.gsi-step-indicator.triangle.gsi-arrow-left li>*::after {
	content:'';
	position:absolute;
	top:2px;
	left:-20px;
	height:0;
	width:0;
	border:31px solid transparent;
	border-right-width:20px;
	border-left-width:0
   }
   .gsi-step-indicator.triangle.gsi-arrow-left li>*::after {
	z-index:2;
	border-right-color:inherit
   }
   .gsi-step-indicator.gsi-vertical li {
	float:inherit !important;
	display:block
   }
   
   .gsi-step-indicator.triangle li.active > *, .gsi-step-indicator.triangle li.active p {
	   color: #fff;
   }
   
   .gsi-step-indicator h4{margin: 0;line-height: 20px;    font-size: 16px;
    font-weight: 600;}
   
   .gsi-step-indicator h4 span{position: absolute;
    width: 105%;
    display: none;
    height: 20px;
    border-radius: 4px;
    background: #ececec;
    bottom: -40px;
    left: 0px;
    font-size: 12px;
    text-align: center;
	}
.gsi-step-indicator li:last-child>a h4 span{width: 100%;}
.gsi-step-indicator h4 span>.txt{font-style: inherit;
    display: none;}
   .wizard-step{ /*margin-bottom: 15px;*/ }
   
   .inputfile {
	   width: 0.1px;
	   height: 0.1px;
	   opacity: 0;
	   overflow: hidden;
	   position: absolute;
	   z-index: -1;
   }
   .inputfile-6 + label {
	   border: 1px solid  #576480;
	   background-color: #f4f4f4;
	   padding: 0;
   }
   .inputfile-6 + label {
	   color: #011a50;
   }
   .inputfile + label {
	   max-width: 100%;
	   width: 100%;
	   font-size: 14px;
	   font-weight: 500;
	   text-overflow: ellipsis;
	   white-space: nowrap;
	   cursor: pointer;
	   display: inline-block;
	   overflow: hidden;
	   padding: 0 0 0 1.25rem;
	   margin: 0;
   }
   .inputfile-6 + label strong {
	   height: 100%;
	   color: #e5e8f1;
	   background-color: #576480;
	   display: inline-block;
	   padding: 5px 15px;
	   float: right;
	   width: 50%;
	   text-align: center;
   }
   ul.chcktwo{
	   padding-left: 30px;
	   margin-top: 30px;
	  }
   .inputfile-6 + label:hover strong {
	   background-color: #011a50;
   }
   .inputfile + label span{ padding-top: 5px; display: inline-block; }
   label.heading-lbl{ font-size: 16px; color: #6a6a6a; font-weight: normal; margin-bottom: 10px; }
   .forny-main .line {
	   background: #ccc;
	   height: 1px;
	   margin: 10px 0 20px;
	   text-align: center;
   }
   .forny-main .line span {
	   background: #fff;
	   padding: 8px;
	   position: relative;
	   top: -12px;
   }
   .d-inline-block {
	   display: inline-block !important;
   }
.progress-step{
    background-color: #ececec;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 50px;
}
.progress-step .progress-bar{ background-color:#3193e5;font-weight: 600;    text-align: right;
    padding-right: 25px;}
#AreaServed{display: none;}
/*================== table =================*/
.table {
    display: table;
    text-align: left;
    width: 100%;
    border-collapse: separate;
}
.theader {display: table-row;
    background: #f0f8fd;
    color: #333;}
.table_header {
    display: table-cell;
    padding:15px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight:700;}
.theader .table_header:first-child{/*border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/}
.theader .table_header:last-child{/*border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;*/}
.table_row {display: table-row;}
.table_small {
    display: table-cell;
    padding:20px 10px;
    vertical-align: middle;
    border-bottom: 1px solid #c7cbce !important;
}
.table_row > .table_small:first-child > .table_cell {
}
.table_row > .table_small > .table_cell {
    color: #333;
    font-size: 14px;
}
.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    color: #333;
    text-transform: capitalize;
    font-weight: bold;
    text-align: left;}

/*============= my account ===========*/
.pding-rgt0{padding-right: 0px;}
.pding-lft0{padding-left: 0px;}
.dashbordlinks {padding: 25px 35px 15px;
    box-shadow: 0px 0px 10px 2px #e8e8e8;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    width: 90%;
}
.dashbordlinks h4 {    font-size: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
}
.name_info {
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
}
.name_info span {  font-size: 14px;
    color: #535353;
    margin-bottom: 5px;
    display: block;
}
.name_info h5 {    font-size: 18px;
    color: #000;
}
.account-menu li a {font-size: 16px;
    display: block;
    padding: 15px 0px;
    color: #535353;
    font-weight: 400;
    border-bottom: 1px solid #bfbfbf;
}
.account-menu li:last-child>a{border-bottom: none;}
.account-menu li.active> a {
       font-weight: 500;
    color:#009ee3;
}
.account-menu li a:hover { text-decoration: none;
    color: #009ee3;
}
.account_dashboard {
    position: relative;
}
.account_dashboard h3 {    font-weight: 400;
    font-size: 25px;
    margin-bottom: 25px;
    color: #000;
}
.account_dashboard .form-group {
    margin-bottom: 35px;
    position: relative;
}
.account_dashboard .form-group label{font-weight: 400;font-size: 12px;color: #535353;}
.account_dashboard .form-group label sup{font-size: 18px;
    font-weight: 600;
    top: -2px;}
.account_dashboard .form-upload {margin-top: -10px;}
.account_dashboard .form-upload label{font-weight: 500;font-size: 16px; color: #000;margin-bottom: 5px;}
.account_dashboard .form_ctrl{font-size: 16px;background-color: transparent;    font-weight: 500;height: 45px;}
.account_dashboard .form-upload .Upload-img .form-upload{    margin-top: 0px;margin-bottom: 20px;}
.Upload-img{}
.Upload-img img{width: 150px;}
.upload-img{width: 100px;
    height: 100px;
    border-radius: 4px;
    position: relative;
    margin: 10px 20px 10px 0px;
    display: inline-block;}
.upload-img img{width: 100px;
    height: 100px;
    border-radius: 4px;object-fit: cover;}
.upload-img a{background-color: #e4e4e4;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    color: #333;
    position: absolute;
    top: -8px;
    right: -14px;}
.account_dashboard .form_msg{height: auto;box-shadow: none;
    border-radius: 0px;}
.addmore-upload{}
.addmore-upload .choose-file{border-radius: 4px;
    height: 110px;
    width: 140px;}
.addmore-upload .form-file {border-radius: 4px;
    height: 100%;
    padding: 45px 20px 20px;
    margin-left: -96px;
    width: 180%;
background-color: #f7f7f7;}
.addmore-upload .form-file::before{background-color: #f7f7f7;width: 120px;}
.select-drap{appearance: none;-webkit-appearance: none;}
.form-icon{     position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 20px;}
.account_dashboard .form_ctrl::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d2d2d2;
  opacity: 1; /* Firefox */
}

.account_dashboard .form_ctrl:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#d2d2d2;
}

.account_dashboard .form_ctrl::-ms-input-placeholder { /* Microsoft Edge */
  color: #d2d2d2;
}
.form_ctrl {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px solid #c7cbce;
    padding-left: 0px;
}
.edit_txt {
    margin-bottom: 0px;
    margin-top: 12px;
}
.edit_txt a {padding-right: 5px;
    color: #0d63c9;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
}
.edit_txt a:hover{ color: #3e94f9;}
.account_dashboard .gender {
    margin-bottom: 45px;
}
.gender p {
    font-weight: 600;
    color: #000;
    font-size: 15px;
    margin-bottom: 0px;
}
.account_dashboard h4 {
   font-weight: 500;font-size: 18px;
    margin-bottom: 10px;
}
.new-address{margin-bottom: 25px;}
.account_dashboard .container_chechout{font-weight: 400;}
.account_dashboard .container_chechout input[type=checkbox], input[type=radio] {
    margin: 5px 5px 0px 0px;
}
.delivery_address_box {margin-top: 15px;
    padding: 30px;
    margin-bottom: 60px;
    box-shadow: 0px 0px 10px 2px #e8e8e8;
    border-radius: 8px;
}
.delivery_address_box h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
}
.delivery_address_box p {
    margin-bottom: 15px;
}
.add_boox_btns {
    margin-bottom: 0px;
    margin-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
}
.add_boox_btns li .btn{padding: 6px 12px;font-size: 14px;text-transform: inherit;
    font-weight: 400;}
.account_dashboard .btn-submit {padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    height: 42px;}
._select_arrow {
    -webkit-appearance: none;
}
.form_icon {
    position: absolute;
    right: 5px;
    top: 12px;
    color: #333;
}
  #account-btn, #filter-btn{ float: right;color: #000;
      cursor: pointer;text-align: center; display: none;}
.orders_table_main .table_row > .table_small .table_cell a {
    color: #000;
}
.orders_table_main .table_row > .table_small .table_cell a.btn-success{color: #fff;}
.orderbtn_main_butt .orderbtn {
    display: block;
    border: solid 1px #ddd;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    margin-bottom: 8px;
    border-radius: 25px;
    text-align: center;
    padding: 3px 12px;
    font-weight: 500;
}
.orderbtn_main_butt .orderbtn:hover{border: 1px solid #008ddd;color: #fff !important; background-color: #008ddd;}
.dashboard-tab>li>a{font-weight: 600; color: #a5bcca;border-radius: 0px;}
.dashboard-tab>li.active>a, .dashboard-tab>li.active>a:focus, .dashboard-tab>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #0d92de;
    border: 1px solid #0d92de;
    border-bottom-color: #0d92de;
}
.form-group-chechout{}
.account_dashboard .form-group-chechout label{    font-size: 14px;
    display: inline-block;font-weight: 500;color: #333;}
.account_dashboard .form-group-chechout label:first-child{margin-right: 35px;}
.hour-box{margin-bottom: 45px;    position: relative;}
.hour-box h5{ cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px solid #c7cbce;
    padding-bottom: 15px;}
.hour-box h5 span{position: absolute;
    right: 0px;
    font-size: 20px;}
.account_dashboard .hour-box .form-group {margin-bottom: 10px;padding-top: 10px;}
.account_dashboard .hour-box .form-group-chechout label {font-size: 13px;margin-right: 0px; width: 300px;}
.form-time{position: relative;width: 170px;float: right;margin-left: 20px;}
.hour-box .container_chechout .form-time>input{  opacity: 9;top: -7px;position: relative; float: left; margin-left: 5px;
    width: 76px; height: 30px;padding: 4px 8px; border: 1px solid #ddd;cursor: inherit;}
/*================ membership-plan-account ==================*/
.dashboad-header h2.mrgntop0{margin-top: 0px;}
.membership_dashboard{padding: 25px 35px 15px;
    box-shadow: 0px 0px 10px 2px #e8e8e8;
    border-radius: 4px;
    position: relative;
    background-color: #fff;}
.membership_dashboard h3{color: #2072c4; font-size: 20px;position: relative;}
.membership_dashboard .page-header {margin: 40px 0px 10px;
    border-bottom: none;}
.membership_dashboard h3 .edit-pencil{position: absolute; right: 0px; top: 0px;}
.membership_dashboard h3 .edit-pencil i{}
.membership-account-box{background: url(../images/member-bg-red.png)no-repeat;
    background-size: cover;
    text-align: center;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 20px;
    min-height: 440px;}
.membership-account-box h5{    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;}
.membership-account-box h4{ color: #fff;font-size: 40px; font-weight:400;    margin-bottom: 30px;}
.membership-account-box h4 img{ }
.membership-account-box p{ color: #fff; font-size: 18px;font-weight: 400;}
.membership-account-box .btn{border-color: #fff;
    padding: 12px 30px;
    color: #ed5228;
    font-weight: 500;
    margin-top: 25px;}
/*================== track order ==================*/
.track-wrap{position: relative; padding-top: 50px; padding-bottom: 20px;}
.track-box{margin-bottom: 30px;}
.track-box .pading0{padding-left: 0px; padding-right: 0px;}
.track-box .media-left{padding-right: 0px;}
.add-image{ width: 90px;}
.add-image img{ width: 100%;}
.order-dex{padding-top: 15px;padding-left: 20px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;}
.order-dex h5{ font-weight: 500;
    font-size: 20px;}
.order-dex h5 a{ color: #000;}
.order-dex p{     color: #000;
    font-family: 'Montserrat', sans-serif;
    line-height: inherit;
    font-weight: 600;
    font-size: 14px;}
.order-dex p .small{    color: #888;
    display: block;
    font-weight:500;
    font-size: 12px;
}

.order-price{font-family: 'Montserrat', sans-serif;
    line-height: inherit;
    font-weight: 600;
    font-size: 20px; margin-bottom: 14px;}
.order-price i{font-size: 18px;}
.track-order-section{    margin-top: 30px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 50px;}
.track-orderbox{margin-top: 25px;}
.txt-green{color: green;}
.progtrckr{    width: 100%;
    position: relative;}
.progtrckr li{    width: 20%;    color: #333;
    float: left;position: relative;
    text-align: center;padding:0px;}
.progtrckr li span{border-bottom: 5px solid #ddd; display: block;margin: 15px 0px;}
.progtrckr li span.redbg{border-bottom:5px solid #008ddd;}
.progtrckr li::before{content: "";
    position: absolute;
    left: 45%;
    width: 15px;
    height: 15px;
    border: 2px solid #008ddd;
    border-radius: 50%;
    background-color: #008ddd;
    top: 30px;}
.progtrckr li.last::before{background-color: #ddd;border: 2px solid #ddd}
.progtrckr li.last span::before{border: 2px solid #ddd;background-color: #ddd;}
.progtrckr li i{position: relative;}
/*============= contact us ======================*/
.contactinfo{ border-radius: 4px;
    padding: 25px 35px 15px;
    background-color: #2f92e4;}
.contactinfo h4{    font-size: 22px; color: #fff;
    margin-bottom: 20px;    font-weight: 600;}
.mainbox{    border-bottom:1px solid #ddd;padding-bottom: 10px;
    margin-top: 25px;}
.mainbox h5{font-weight: 600;}
.mainbox p{font-size: 14px; color: #fff;}
.mainbox p i{    font-size: 16px;    padding-left: 3px;}
.mainbox p a{font-family: 'Montserrat', sans-serif;
    color: #fff; font-size: 16px;
    font-weight: 500;}
.contactform{padding-left: 50px;padding-top: 5px;}
.contactform h4{    font-size: 22px;
    margin-bottom: 20px;    font-weight: 600;
    color: #000;}
.contactform .form-group {
    margin-bottom: 20px;
}
.contactform .form_ctrl{box-shadow: none;
    height: 45px;
    border: 1px solid #ddd;
    padding-left: 15px;
    border-radius: 4px;}
.contactform .form_msg{border: 1px solid #ddd;box-shadow: none;
    padding-left: 15px;}
.contactform .btn-sumbit:hover{background-color:#008ddd; border-color: #008ddd;}
.contact-social{ margin-top: 25px;}
.contact-social h5{ font-weight: 600; font-size: 16px; margin-bottom: 15px;color: #fff;}
.contact-social ul{}
.contact-social ul li{}
.contact-social ul li a{color: #333;
    width: 40px;
    height: 40px;
    transition: 0.5s;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    display: block;
    /*box-shadow:0px 0px 10px 3px #f1f1f1;*/}
.contact-social ul li a:hover{    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);}
.contactform .btn-sumbit{    padding: 14px 30px;
    height: 55px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase; }
/*============== faqs ===========*/
.helpfaq-section #accordion .panel-title a {
    background:#2f92e4 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.helpfaq-section #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #008ddd none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 45px;
    left: -20px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: -2px;
    transition: all 0.3s ease 0s;
    width: 45px;
}
.helpfaq-section #accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
.helpfaq-section #accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
    background-color: transparent;
}
.helpfaq-section #accordion .panel-heading {
    border-radius: 4px;
    padding: 0;
}
.helpfaq-section #accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
.helpfaq-section #accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #787878;
}
.point{     margin-top:20px;
    margin-bottom: 30px;}
.point li{    font-size: 16px; position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
    color: #5d5d5d;}
.point li::before{  width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0px;
    top: 7px;
    background-color: #484848;
    content: "";
    position: absolute;}
/*================ about us =============*/
.about-txt-lft{padding-left: 45px;}
.about-txt h2{color: #000; font-size: 40px;}
.about-txt p{margin-bottom: 25px;}
.about-txt p:last-child{margin-bottom: 0px;}
.about-txt-rgt{padding-right: 45px;}
.txt_dec{position: relative; margin-bottom: 30px; }
.txt_dec h4{color: #000;}
/*=============== blog ==============*/
.blog-section{padding: 40px 0px 40px 0px;position: relative;}
.blog-section .blog-item {
    width: 100%;}
.blog-section .blog-item .blog-text {
    position: relative;
        padding-top: 10px;
}
.blog-section .blog-item .blog-text h4 {
    font-size: 20px;    font-weight: 600;
    margin-bottom: 10px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-section .blog-item .blog-text h4 a{color: #000;
} 
.blog-section .blog-item .blog-text h3 {font-size: 30px;}
.blog-section .blog-item .blog-text ul {
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.blog-section .blog-item .blog-text ul li {
    font-size: 12px;
    line-height: 25px;
    color: #999;
}
.blog-section .blog-item .blog-text ul li em {
    color: #000;
}
.blog-section .blog-item .blog-text i {
    padding: 10px 0 0 0;
    font-size: 14px;
}
.blog-section .blog-item .blog-text .video-blog{    text-overflow: ellipsis;
    white-space: unset;
    overflow: hidden;
    max-height: 178px;margin-bottom: 20px;}
.blog-section .blog-item .blog-text p {
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}
.blog-section .blog-item .blog-text .btn{padding: 10px 25px;}
.blog-section .blog-item .blog-text .btn:hover{}
.blog-section .blog-item {
    width: 100%;
    margin-bottom: 40px;
}
.blog-section .blog-item .blog-img {
    margin-bottom: 10px;border-radius: 6px;
    overflow: hidden;
}
.blog-section .blog-item .blog-img img{    width: 100%;
    height: 200px;
    object-fit: cover;}
.blog-cate{    padding: 20px;
    box-shadow: 0px 0px 10px 2px #e8e8e8;
    background-color: #fff;}
.blog-cate h4{font-size: 20px; color: #000;margin-bottom: 20px;}
.blog-cate ul{}
.blog-cate ul li{}
.blog-cate ul li a{    font-size: 14px;
    display: block;
    padding: 15px 0px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #ddd;}
.blog-cate ul li:last-child>a {
    border-bottom: none;
}
.blog-cate ul li a:hover {
    text-decoration: none;
    color: #008ddd;
}
.blog-search{}
.blog-search .navbar-form {
    width: 100%;
    padding: 0px;}
.blog-search .navbar-form .form-control { padding-left: 10px;
    border: 1px solid #ddd;}
.blog-search .navbar-form .form-group {
    width: 100%;
}
.blog-search{margin-bottom: 30px;}
.blog-search .navbar-form .form-control {border: 1px solid #999;border-radius: 4px;}
.blog-search .navbar-form .btn {border-radius: 4px;    background-color: #2b9ae2; padding: 0px 15px;}
.paginatoin-area{margin-top: 20px;}
.paginatoin-area .pagination>.active>a{background-color:#2f92e4; color: #fff; border-color:#2f92e4;}
.paginatoin-area .pagination li a{ color: #000;}
.blog-detail-section .blog-item .blog-img img{height: 350px;}
/*================== thanks ==================*/
.thankyou-section{position: relative; padding: 70px 0px; border-top: 1px solid #ddd;}
.thankyou-txt{text-align: center;padding: 50px;}
.thankyou-txt i{    font-size: 50px;
    color: #50cc0d;}
.thankyou-txt h2{}
.thankyou-txt p strong{font-family: 'Montserrat', sans-serif;}
/*===========  testimonials ==========*/
.reviewstxt{box-shadow: 0px 0px 10px 2px #e8e8e8; margin-top: 30px;
    padding: 20px;border-radius: 4px;}
.reviews-img {margin-right: 15px;
    width: 84px;
}
.linkbox {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.linkbox .text-rgt {
    text-align: right;
}
.linkbox p {
    font-size: 13px;
}

.mrgn-btm0{margin-bottom: 0px;}


.order-summary .checkout-element-content li {
    list-style: none;
    margin: 0 0 10px 0;
}
.order-summary .checkout-element-content ul{ padding: 0; }
.order-summary .checkout-element-content li .form-control {
    border: 1px solid #eee;
    box-shadow: none;
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #222;
    height: 40px;
    border-radius: 3px;
    font-weight: normal;
}
.order-summary .checkout-element-content li label.inline { font-size: 14px; font-weight: 600; margin-bottom: 0; }
.order-summary .checkout-element-content .applybtn {
    padding: 8px 25px;
    background: #e3000f;
    border: 1px solid #e3000f;
    border-radius: 4px;
    line-height: 26px;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin: 10px 0 0 0;
    transition: all .6s ease 0s;
    font-size: 16px;
    font-weight: 500;
}
.order-summary .checkout-element-content .applybtn:hover{ background: #c9302c; border-color: #c9302c; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*================ careers =========*/
.elementor-column-wrap {
    background-color: #f7f7fb;
    padding: 35px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    margin-top: 40px;
}
.elementor-column-wrap h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.elementor-column-wrap h4 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
}
.elementor-column-wrap .btn{font-weight: 500;
    padding: 10px 25px;}
/*================ careers =========*/

.enquirynav{position: relative;margin-bottom: 20px;}
/*================ terms-&-conditions =========*/
.sidebar__inner_terms{}
.terms-tabs{    width: 100%;position: relative;
    background-color:#f7f7f7;}
.terms-tabs h3{      font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding:20px 20px;}
.terms-tabs ul{}
.terms-tabs ul li{}
.terms-tabs ul li a{    display: block;
    color: #333;
    font-size: 14px;
    padding: 20px 20px;
    border-bottom: 1px solid #ededed;
    font-weight: 500;
border-right: 2px solid transparent}
.terms-tabs ul li:last-child> a{border-bottom: none;}
.terms-tabs ul li.active> a, .terms-tabs ul li > a:hover{color: #2f92e4;text-decoration: none;border-right: 2px solid #2f92e4;}
.terms-tab-content{padding-left: 40px;}
