/*/////////////////////////////////////////////////////////////////////////
//                                                                       //
//       DESIGNED & DEVELOPED BY ETHANE TECHNOLOGIES PVT. LTD.           //
//                                                                       //
//   YOU ARE UNDER SURVEILLANCE OF ETHANE TECHNOLOGIES PRIVATE LIMITED   //
//                                                                       //
// ILLEGAL HACKING ATTEMPT IS SUBJECT TO A SERIOUS INTERNATIONAL CRIME   //
//                                                                       // 
/////////////////////////////////////////////////////////////////////////
*/
/*Author: Sumit Sharma*/
body{margin: 0; padding: 0;font-family: 'context_reprise_light_ssiXLt';    word-break: break-word; font-weight: 600;
    letter-spacing: 1px;}
    select option{
        font-family: 'Roboto';
    }
    * html select option{
        font-family: 'Roboto';
    }
    .form .form-control{ font-family: 'Roboto' !important; font-weight: 400 !important;;}
*{outline: none !important}
a,button{outline: none !important}
a:hover, a:focus {
    text-decoration: none; outline: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.3;
}
@media (min-width: 1300px){.container { width: 1230px;}.form-area{    padding-left: 70px;}}
h2 {
    font-size: 4.5rem;
    font-family: 'context_reprise_light_ssiXLt';
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: 3px;
}
h3{    font-size: 2.2rem;
       font-family: 'context_reprise_light_ssiXLt';
       text-transform: inherit;
       font-weight: 800;
       letter-spacing: 1px;
       color: #000;}
.services_list h3 { font-size: 3.3rem;}
.listing h3 {
    color: #6132ce;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 30px;
    min-height: 67px;
}
.btm-gap{    margin-bottom: 20px;}
.btm-gap1{    margin-bottom: 50px;}
.gap-both{margin: 30px 0px;}
.gap-both1{padding:  40px 15px;}
p{font-family: 'context_reprise_light_ssiXLt'; font-size: 16px;}
.btn-default:hover, .btn-default:focus { background-color: #e7af29;}
/*.about-h h2:after{ display: none !important;}*/
.about-h p{    font-family: 'context_reprise_light_ssiXLt';
               font-size: 22px;
               font-weight: 800;
               letter-spacing: 1px;
               color: #000;}
.blue{color:#6132ce;}
/*.navbar-brand>img {  max-width: 250px;}*/
.navbar {  min-height: 144px;  background: none !important;border: 0;box-shadow: none;    padding-top: 10px;}
header{background: url(../img/header-bg-new.png); background-size: 100% 100%;padding-bottom: 50px;}
header h1{font-size: 22px; font-weight: 600;font-family: 'context_reprise_light_ssiXLt';letter-spacing: 2px; color: #000;}
.navbar-nav>li>a {color: #000; font-family: 'Quicksand', sans-serif; text-transform: uppercase;}
.navbar-default .navbar-nav>li.find_battery>a{    background: #593f9a; cursor: pointer;
                                                  color: #FFF !important;
                                                  border-radius: 10px;
                                                  padding: 5px 12px;
                                                  margin-left: 5px;}
.navbar-default .navbar-nav>li.find_battery>a:after{display: none;}
.navbar-default .navbar-nav>li>a {  color: #000 !important;font-size: 15px;font-weight: 500;}
ul.nav.navbar-nav.navbar-right { margin-top: 25px;}
ul.nav.navbar-nav.navbar-right >li>a { padding: 6px 12px;    transition: all 0.4s ease;}
/*ul.nav.navbar-nav.navbar-right >li.dropdown:hover>a { padding: 6px 5px 15px;}*/
ul.nav.navbar-nav.navbar-right >li.dropdown:hover>a:after{display: none;}
.top-bar{    text-align: right;
             margin-top: 6px;
             padding-right: 0px;}
.top-bar li{display: inline-block;}
.top-bar li a{color: #231f20; font-weight: 800;
              padding: 5px 4px;
              font-size: 18px;}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: transparent !important;
    background: none !important;
    box-shadow: none;
    border: 0px;
}
p.heading {font-size: 22px;  color: #FFF;  font-family: 'context_reprise_light_ssiXLt';}
.form {    background: #5a3f99;
           padding: 30px;
           border-radius: 4px;
           text-align: center;
           box-shadow: 0px 5px 50px #6f6f6f;
           margin-top: 60px;}
.form .form-control {height: 45px;    font-family: 'context_reprise_light_ssiXLt'; text-transform: uppercase;font-weight: 800; letter-spacing: 2px;}
.search-btn {
    width: 100%;
    background: #f6b928;
    border: 0;
    color: #000;
    height: 45px;  font-family: 'Roboto', sans-serif; 
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;    text-shadow: none;
}
a.blue-btn {
    background: linear-gradient(to right, #8158df , #5f30cd )!important;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    box-shadow: 3px 10px 13px #afafb1;
    box-shadow: 3px 20px 40px #c6b9e2, inset 0 0px 100px #7b52dc;
}

a.blue-btn+a.blue-btn{margin-left: 40px;}
.btn-gap {
    margin-top: 40px;
}
.card {
    transition: 0.5s ease all;
    background: #FFF;
    padding: 30px;
    box-shadow: 0px 23px 22px #e4e4e4;
    -webkit-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #f3f3f3;
    -moz-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #f3f3f3;
    -o-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #f3f3f3;
    box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #f3f3f3;
    border-radius: 10px;
}
/*.card img{ margin: 0 auto;}*/
.card h3{text-align: center;}
a.blue-btn {    padding: 15px 30px;
                min-width: 220px;
                text-align: center;}
.card p {
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
.card img{margin: 0 auto;height: 90px;}
.card a.blue-btn {
    padding: 12px 30px;
    min-width: 240px;
    text-align: center;
}

.our_services .col-sm-4.card {
    float: none;
    display: inline-block;
    width: 320px;
    margin: 30px;
}
.card.center{transform: scale(1.3);  
             -webkit-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
             -moz-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
             -o-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
             box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
}
h2.blue:after {
    content: " ";
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: #f5b621;
    height: 2px;
    width: 120px;
    transition: width .2s;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
}

h2.blue:hover:after {
    width: 180px;
}
.about-h h2.blue:after{display: none;}
p {
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 2px;
}
.our_services{background: url(../img/servicesdb.png);background-size: contain;background-repeat: no-repeat;  padding-bottom: 100px;  
  padding-bottom: 120px;
    background-position: 0% 115%;
    background-size: 57%;}
.testimonials{  padding-top: 175px; }
.how-it-wrk { padding-top: 70px;}
.how-it-wrk .col-sm-4.card {
    float: none;
    display: inline-block;
    width: 320px;
    margin: 30px;
    text-align: center;
}
.how-it-wrk .col-sm-4.card p{    font-size: 25px;
                                 font-weight: 600;
                                 letter-spacing: 1px;
                                 margin-top: 20px;}
.how-it-wrk .col-sm-4.card p a{color: #6132ce;text-decoration: none;}
.title p{margin-top: -15px;font-size: 22px;}
.arrow-img{margin: 0 auto;    margin-bottom: 40px;}
.item{text-align: center;}
h4 {
    color: #6436d0;
    font-size: 2.5rem;margin: 24px 0px 8px;}
span.designation {
    color: #b5aec4;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
    font-family: 'Cabin', sans-serif;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border-color: #6538d1 !important;
    border: 1px solid;
}
.testimonials .item p{    max-width: 1010px;
                          margin: auto;
                          margin-bottom: 15px;
                          font-size: 22px;
                          font-family: 'context_reprise_light_ssiXLt';
                          color: #726a84;
                          font-weight: 600;
}
.persone-name h4{    color: #5b32b4;
                     font-size: 22px;
                     margin-top: 5px;
                     font-weight: 400;
                     line-height: 1.2;
                     font-family: 'Cabin', sans-serif;}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
    margin-bottom: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #6638d1 !important;}
.rate {
    width: 200px; display: inline-block;    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;}
.rate p{font-size: 16px;}
.rate .fab{font-size: 25px; margin-right: 5px;}
.rate.fb .fab{color: #3a589e}
.rate.fb{color: #3a589e}
.rate.goog .fab{color: #ea4335;}
.rate.goog{color: #ea4335;}
.brand-logo ul{padding: 0;list-style: none; text-align: center;}
.brand-logo ul li {
    display: inline-block;
    width: 23%;
    vertical-align: middle;
    margin: 8px;
    background: #FFF;
    box-shadow: 0px 15px 30px rgba(181, 181, 181, 0.32);
    min-height: 130px;
    padding: 10px 20px;
    border-radius: 6px;
}
.brand-logo ul li a {
    display: inherit;
    line-height: 130px;
    height: 100%;
    vertical-align: middle;
}
.brands{    padding-top: 150px;
            background: url(../img/brand-bg.png);
            background-size: contain;
            background-position: right top;
            background-repeat: no-repeat;
            margin-top: -60px;}
.left-sec{ background: #ffffff;
           height: 85px;
           width: 85px;
           padding: 10px;
           float: left;
           border-radius: 50%;
           display: inline-block;
           padding: 10px;
           box-shadow: 0px 14px 18px #e6e6e6;
           line-height: 65px;
           text-align: center}
.left-sec img{width: 35px;}
.right-sec {
    float: right;
    width: calc(100% - 100px);
}
.right-sec h3{margin: 5px 0px; font-size: 2.2rem;}
.right-sec p{font-size: 14px;}
.promise+.promise {
    border-left: 1px solid #ccc;
}
.our_promise {
    margin: 50px 0px;
}
.battery-full h2:after{display: none;}
.battery-full h2{margin-bottom: 7px;}
p.b_line {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
}
.battery-img {
    text-align: center;
    background: #FFF;
    box-shadow: 0px 5px 50px #ccc;
    height: 350px;
    border-radius: 50%;
    width: 350px;
    text-align: center;
    line-height: 350px;
}
.battery-img img{margin: 0 auto;
                 vertical-align: middle;
                 display: inline-block;}
.battery-full {     margin: 120px 0px 100px;}
.detail-bat{
    padding-left: 60px;
}
footer ul{list-style: none; padding: 0; list-style: none;}
footer ul li a {
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #575757;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 27px;
    text-decoration: none !important;
        position: relative;
}
.review-list .rate{display: block;}
.review-list .rate a img{height: 34px; margin-bottom: 10px;}
.review-list .grp-chat img{height: 34px; }
.review-list .rate.fb { margin-top: 10px;}
.es_textbox_class {  padding: 4px 10px;}
footer h3{    font-family: 'Quicksand', sans-serif;
              font-weight: 500;}
footer p{font-size: 14px;}
button.blue-btn {
    background: linear-gradient(to right, #c7bae6 , #5f30cd )!important;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 5px;
    width: 190px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    /* box-shadow: 3px 10px 13px #afafb1; */
    border: 0px;
    box-shadow: 3px 20px 40px #c6b9e2, inset 0 0px 100px #7b52dc;
}
footer{background: url(../img/footer-dab.png);    background-size: 100% ;     background-position: bottom; padding-bottom: 200px; background-repeat: no-repeat;}
.review-list li{line-height: 30px;font-size: 18px;}
ul.footer-social {
    padding: 0;
    list-style: none;
    text-align: right;
    margin: 0;
}
ul.footer-social li{display: inline-block;}
ul.footer-social li+li{margin-left: 10px;}
ul.footer-social li a{color:#383838;font-size: 20px;}
footer ul li a:before {
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: #f8bf32;
    transition: all 0.4s ease;
}
footer ul li a:hover::before {
    width: 100%;
}
.copyright{background: #a5adb8;    padding: 10px;}
.copyright p{margin: 0;color: #383838;     font-size: 14px;
    margin-top: 6px;}
p.signature a{    color: #383838; text-decoration: none !important;}
p.number {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.number > span{
    display: inline-block;
    height: 45px;
    width: 45px;
    background: #fbbe2c;
    line-height: 45px;
    color: #FFF;
    font-size: 22px;
    border-radius: 50%;
    box-shadow: 0px 7px 17px #d0a744;
}
.bottom-line p{    max-width: 1070px; font-size: 22px;
                   margin: 0 auto;}
#navbar .dropdown-menu{
    border-radius: 0;
    padding: 0;
    top: 32px;
    border: 0;
    display: block;
    visibility: hidden;
    transition: all 0.4s ease;
    transform: scaleY(0);
}
ul.dropdown-menu:before {
    position: absolute;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #e4a819;
    top: -10px;
    left: 15px;
}
ul.dropdown-menu:hover:before{border-bottom: 10px solid #593f9a;}
#navbar li.dropdown.open .dropdown-menu {
    visibility: visible;
    background-color: #e4a819;
    transform: none;
    display: block;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: 500;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
}
#navbar li.dropdown.open .dropdown-menu li+li{border-top: 1px solid #e6c370}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-image: none; background-color: #5a3f99; color: #FFF;}
.dropdown-menu{ background-color: #e4a819;}
.call-numer .call_img {
    padding-top: 20px;
}
select {
   
      -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../img/down-arrow.png) 96% / 15% no-repeat #eee;
}
select::-ms-expand { display: none; }

select{
    background: url(../img/down-arrow.png) no-repeat right;
    background-image: url(../img/down-arrow.png) !important; 
    width: 60px;

}
/* Ripple effect */
.ripple { background-position: center; transition: background 0.8s;}
.ripple:hover {background: #fac13a radial-gradient(circle, transparent 1%, #fcce61 1%) center/15000%;}
.ripple:active { background-color: #f5b824;  background-size: 100%; transition: background 0s;}
/* Ripple effect */


header.inner-pages {
    background: #fecb51;
    padding-bottom: 0px;
}
header.inner-pages h1 { font-size: 35px; font-weight: 600;    margin-top: 55px;}
.breadcrumb {
    padding: 0px 0px 8px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #000;
    content: '\25B8';
}
.breadcrumb>li>a{color: #000; text-decoration: none;}
.breadcrumb>li {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none !important;
}
.about-detail {
    padding: 60px 0px 20px;
}
.about-detail .car-big {padding-top: 50px;}
.about-bottom-line p{text-align: center;margin: 25px 0px; }
ul.why_list {
    padding: 0;
    margin: 0;
}
ul.why_list li{
    display: inline-block;
    width: 49.333%;
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 25px;
        vertical-align: top;
}
section.why_dab {
    padding-top: 70px;
}
.commitments ul li{display: inline-block; width: 22%; margin: 15px;}
.commitments ul li {
    display: inline-block;
    width: 250px;
    margin: 15px;
    height: 250px;
    background: #FFF;
    box-shadow: 0px 1px 115px rgba(204, 204, 204, 0.85);
    border-radius: 50%;
    line-height: 265px;
    text-align: center;
    color: #6132ce;
    font-size: 30px;
    font-weight: 800;
    position: relative;
}
.commitments ul li> span {
    line-height: 41px !important;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 2px;
    padding: 15px;
}
.our_commitment {
    padding-top: 130px;
}

.how-it-wrk.about_page {
    padding-top: 70px;
    background: url(../img/servicesdb.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 230%;
}
.commitments ul{padding: 0;text-align: center;}
.commitments ul li .overlay_commitment{    background: #f9c13c;transition: 0.5s ease all;width: 100%; height: 100%;opacity:0;visibility: hidden;
                                           position: absolute;
                                           top: 0;
                                           bottom: 0;
                                           left: 0;
                                           right: 0;
                                           border-radius: 50%;}
.commitments ul li .overlay_commitment p{line-height: 1.5; font-size: 14px; position: absolute; top: 50%; left: 50%;width: 100%;transform: translate(-50%, -50%); padding: 20px;}
.commitments ul li:hover  .overlay_commitment{ height: 100%;opacity:1;visibility: visible;}
ul.why_list li{position: relative;     padding-right: 13px;   padding-left: 40px;}
ul.why_list li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/det_icon.png) no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
}
.chat-btn {position: fixed; bottom: 5%;right: 7px; box-shadow: 0px 15px 30px rgba(181, 181, 181, 0.45);z-index: 9;}
.chat-btn img{display: inline-block; margin-right:10px;}
.chat-btn a{display: inline-block;    font-family: 'Roboto', sans-serif;
            background: #f9c035;text-decoration: none;
            padding: 10px;
            border-radius: 6px;
            color: #000;
            letter-spacing: 1px;}



.btn-default.ripple1:hover, .btn-default.ripple1:focus {
    background-color: #000;
}
.btn-effect{    color: #FFF;
                text-shadow: none;
                background-color: #6f43d5;
                border-radius: 5px;
                font-family: 'Roboto', sans-serif;
                text-transform: uppercase;
                font-size: 16px;
                letter-spacing: 1px;
                padding: 15px 30px;
                /* min-width: 220px; */
                text-align: center;
                box-shadow: 3px 20px 40px #c6b9e2, inset 0 0px 100px #7b52dc;}
.btn-effect:hover{color: #FFF !important;}
.btn-effect+.btn-effect	{margin-left: 40px;}
.card .btn-effect{padding: 8px 30px; width:235px;}
footer .btn-effect {
    font-size: 14px;
    padding: 6px 30px;
    min-width: 190px;
    text-align: center;
}
.btn-effect:hover, .btn-effect:focus, .btn-effect.focus {
    color: #FFF !important;
}
.ripple1 { background-position: center; transition: background 0.8s;}
.ripple1:hover {background: #7c54dd radial-gradient(circle,transparent 1%, #977cd8 1%) center/15000%;}
.ripple1:active { background-color: #5920de;  background-size: 100%; transition: background 0s;}
.services_list .btn-effect{    padding: 9px 30px;  min-width: 200px;    margin-top: 20px;}
.services_list p{ margin-bottom: 30px; margin-top: 15px}
.services_img{    box-shadow: 0px 1px 115px rgba(171, 171, 171, 0.85);
                  border-radius: 10px;
                  margin: 0 auto;}
.right_space{padding-right: 50px;}
.left_space{padding-left: 50px;}
.services_list{padding: 45px 0px;}
.list_view{    background: url(../img/services-list-bg.png);
               background-size: auto;
               background-repeat: no-repeat; background-position: left center}
.cat_title{
    margin: 40px 0px 0px;
}
.listing ul{list-style: none;
            padding: 0;
            margin: 0;
            padding: 20px;
            background: #FFF;
            box-shadow: 0px 0px 69px rgba(169, 169, 169, 0.65);}
.listing ul li{    position: relative;
                   padding-right: 13px;
                   padding-left: 35px;
                   font-family: 'context_reprise_light_ssiXLt';
                   font-size: 22px;
                   font-weight: 800;
                   letter-spacing: 1px;    margin-bottom: 20px;
                   color: #000;}
.listing ul li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/new-dot.png) no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
}
.listing:nth-child(1){padding-right: 50px;}
.listing:nth-child(2){padding-left: 50px;}
.service_tab h3 {
    color: #6132ce;
    font-size: 2rem;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 2px;
}
.services_view {
    width: 240px;
    margin: 0 auto;
}
.service_tab img{    box-shadow: 0px 15px 30px rgba(142, 142, 142, 0.7);    width: 240px;
                     height: 290px;
                     object-fit: cover;
                     border-radius: 10px;}
.service_tab p{font-size: 16px;text-align: center;}
.other_services{background: url(../img/other-ser-bg.png);background-size: contain; background-position: left top; padding-top: 100px; background-repeat: no-repeat;}
.shop-area .product_view img{margin: 0 auto;    max-height: 140px;}
.shop-area .product_view h4 {
    color: #000;
    font-size: 1.7rem;
    margin: 30px 0px 15px;
    font-weight: 800;
    letter-spacing: 1px;}
.shop-area .product_view h5 {
    font-size: 18px;
    color: #5e449b;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 15px;
}
.product_view {
    background: #FFF;
    box-shadow: 0px 0px 50px rgba(204, 204, 204, 0.55);
    padding: 25px 10px;border-radius: 5px;
}
.product_gap{margin: 15px 0px;}
.shop-sidebar .product_gap+.product_gap { margin-top: 30px;}
.shop-area .product_view .btn-effect{    padding: 7px 22px;
                                         font-size: 14px;}
.shop-sidebar ul{list-style: none; padding: 0; margin: 0;    padding-left: 20px;}
.category_grid ul li a{
    color: #000;
    letter-spacing: 1px;
    font-size: 19px;
    font-weight: 700;

}
.category_grid ul li{padding-left: 30px;    margin-bottom: 15px;}
.side_grid h4 {
    font-size: 24px;
    font-family: 'context_reprise_light_ssiXLt';
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: 3px;
    color: #6132ce;
    margin: 0;
    padding-left: 20px;
}
.side_grid h4:after {
    content: " ";
    display: block;
    /* margin: 0 auto; */
    margin-left: -20px;
    margin-top: 11px;
    margin-bottom: 20px;
    background-color: #f5b621;
    height: 1px;
    width: 182px;
    transition: width .2s;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
}
.side_grid { background: #FFF; box-shadow: 0px 0px 50px rgba(204, 204, 204, 0.55); padding: 10px 0px; border-radius: 10px;}
section.blog_list_view {padding-bottom: 100px;  
    background-image: url(../img/blog/blog-bg1.png), url(../img/blog/blog-bg2.png), url(../img/blog/blog-bg3.png);
    background-position: 100% 20%, -1% 70%, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat;
   }
.category_grid.side_grid h4{margin: 0;}
/*--------------------checkbox --------------------------------------------*/
.check_box {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'context_reprise_light_ssiXLt';
    color: #000;
    letter-spacing: 1px;
}

/* Hide the browser's default checkbox */
.check_box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #FFF;
    border: 1px solid #ccc;
    -moz-box-shadow:  inset 0 0 2px #cccccc;
    -webkit-box-shadow: inset 0 0 2px #cccccc;
    box-shadow: inset 0 0 2px #cccccc;
}

/* On mouse-over, add a grey background color */
.check_box:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_box input:checked ~ .checkmark {
    background-color: #774eda;
}

.product_shop{padding: 60px 0px;}
.shop_promise{margin-top: 0px;}

.filter_pr p:nth-child(2){    color: #828282;font-size: 14px;    font-weight: 500;}
.filter_pr p:nth-child(1){color: #000; margin: 0;}
.filter_pr{padding: 0px 20px;}
.paging{margin-top: 20px;}
/*------------------------------------------------------------range  slider ------------------------------------------------------*/

section.range-slider {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    text-align: center;
    padding-top: 40px;
}
section.range-slider input[type="range"] {
    pointer-events: none;
    position: absolute;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 14px;
    background: #784eda;

    left: 0;
    top: 15px;
    width: 90%;
    outline: none;
    height: 8px;
    right: 0;
    margin: 0 auto;
    padding: 0;
}
section.range-slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dad8da), color-stop(100%, #413F41));
    /* android <= 2.2 */
    background-image: -webkit-linear-gradient(top, #dad8da 0, #413F41 100%);
    /* older mobile safari and android > 2.2 */
    background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
    /* W3C */
}
section.range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
    /* W3C */
}
section.range-slider input[type="range"]::-ms-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 0;
    background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
    /* W3C */
}
section.range-slider input[type=range]::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: black;
    border: 0;
}
section.range-slider input[type=range]:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}
section.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
}
.range_value {
    display: block;
    font-weight: 700;
    color: #070608;
    font-size: 18px;    text-align: right;
}
.range_value span.lft_value {
    float: left;
}



/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
}
.custom-select select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
    background-color: #FFF;
}
/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
}
.fnt{font-weight: 700; letter-spacing: 1px;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #131212;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(162, 162, 162, 0.48);
    user-select: none;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.custom-select{width: 200px; display: inline-block; margin-left: 10px;}
.product_shop{    background: url(../img/shop-bg.png);background-position: 0% 93%;background-repeat: no-repeat;}
.deals{    background: url(../img/shop-bg.png);background-position: 0% 65%;background-repeat: no-repeat;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a {
    background: none !important;
    box-shadow: none !important;
}

@media (min-width: 768px)
{
    .navbar-default .navbar-nav>li>a:hover::after, .navbar-default .navbar-nav>li>a:focus::after, .navbar-default .navbar-nav>li.active>a::after {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    .navbar-right .dropdown-menu { right: auto;left: 13px;}
    .navbar-default .navbar-nav>li>a::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 70%;
        right: 0;
        height: 1px;
        background: rgb(0, 0, 0);
        content: '';
        opacity: 0;
        margin: 0 auto;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    .row.gap_vid {
    display: flex;
    align-items: center;
    padding: 30px 0px;
}
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #784eda !important;
    cursor: pointer;

}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #784eda !important;
    cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #784eda !important;
    cursor: pointer;
}
.bank_list{list-style: none; padding: 0; margin: 0; text-align: left;}
ul.bank_list li{display: inline-block;    margin: 25px 19px;}
.shadow_area{ background: #FFF;   box-shadow: 0px 0px 50px rgba(204, 204, 204, 0.55); border-radius: 10px;}
.shadow_area.bank_list li  img{-webkit-filter: grayscale(100%);filter: grayscale(100%);height: 145px;width:145px;border:1px solid #ddd;border-radius: 50%;transition: all 0.5s ease;} 
.shadow_area.bank_list li:hover img{-webkit-filter: grayscale(0%);  filter: grayscale(0%); }
.call > a{    display: inline-block;
              /* font-family: 'Roboto', sans-serif; */
              background: #f9c035;
              text-decoration: none;
              padding: 6px 25px;
              border-radius: 6px;
              color: #100e0e;
              letter-spacing: 1px;
              box-shadow: 0px 15px 30px rgba(181, 181, 181, 0.5);
}
.pagination>li>a, .pagination>li>span {
    letter-spacing: 2px;
    font-weight: 600;
}
.tab-content input{    height: 40px;
                       font-family: 'context_reprise_light_ssiXLt';
                       text-transform: uppercase;
                       font-weight: 800;
                       letter-spacing: 2px;
                       box-shadow: none;
                       color: #000;}
.tab-content button{    height: 40px;
                        width: 100%;padding: 0;}
.nav-tabs {
    border: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0px; border-bottom: 2px solid #764bd8 !important;}
.tabbing .nav>li>a {
    padding: 7px 0px;
    margin: 0px 0px;
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    /* font-size: 2rem; */
    font-weight: 800;
    letter-spacing: 2px;
}
.nav-tabs>li>a:hover {
    border-color: transparent;

}
.tabbing {
    margin-top: 30px;padding-bottom: 15px;
}
h4.modal-title {
    color: #6436d0;
    font-size: 3rem;
    margin: 0px 0px 13px;
    font-family: 'context_reprise_light_ssiXLt';
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: center;
/*    padding-top: 15px;*/
}
.modal-title:before {
    content: " ";
    display: block;
    margin: 0 auto;
    margin-top:40px;
    margin-bottom: 30px;
    background-color: #f5b621;
    height: 1px;
    width: 100px;
    transition: width .2s;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
    position: absolute;
    left: 0;
    right: 0;
}

div#bank {
/*    overflow: hidden;*/
/*    padding: 0px 60px;*/
}
div#bank h3 {
    font-size: 2rem;
    font-family: 'context_reprise_light_ssiXLt';
    text-transform: inherit;
    font-weight: 800;
    letter-spacing: 1px;
    color: #000;
        margin: 25px 0px 40px;
}
div#bank h4 {
    font-size: 2.2rem;
    font-family: 'context_reprise_light_ssiXLt';
    text-transform: inherit;
    font-weight: 800;
    letter-spacing: 1px;
    color: #000;
    margin: 25px 0px 20px;
}
div#bank p{font-size: 13px;}
.order-detials{margin-top: 30px;}
.order-detials p{font-size: 16px;}
.dis_line p{font-size: 16px;}
.order_pop .modal-body{padding: 0;}
.order_pop .modal-content{ background-color: transparent;box-shadow: none; border: 0px;}
.order_tab{background: #fff;padding: 15px; min-height: 415px;  box-shadow: 0 5px 15px rgba(0,0,0,.5); overflow: hidden;    border-radius: 10px;}
.order_summery {    border-radius: 10px;
    background: #FFF;    min-height: 415px;
    padding: 15px 20px 88px;    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.order_pop  button.close {
position: absolute;
    right: 10px;
    z-index: 99;
    opacity: 1;
    font-size: 25px;
    top: -30px;
    color: #FFF;
}
.container.modal-d {
    margin: 5% auto;
}
span.filt {
    background: #FFF;
    box-shadow: 0px 0px 30px rgba(221, 221, 221, 0.46);
    padding: 10px 13px;
    margin: 0px 7px;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}
span.filt i.fa {
    color: #f9c035;
    font-weight: 600;
    font-size: 14px;
    margin-left: 6px;
}
.filters{letter-spacing: 1px; font-weight: 800; font-size: 18px;}
#findBattery .modal-body{padding: 0;}
#findBattery  .form{margin: 0;}
#findBattery .form-area{padding: 0;}
#findBattery button.close {
    position: absolute;
    z-index: 9;
    color: #FFF;
    opacity: 1;
    right: -20px;
    font-size: 25px;
    font-weight: 400;
    top: -5px;
}

.caret {
    display: none;
}

.contact_sidebar ul{list-style: none;padding: 0; margin: 0;}
section.contact-form {
 padding: 50px 0px;
    background: url(../img/contact-bg.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 260px;
}
.contact_sidebar ul li .fas {
    font-weight: 900;
    color: #593fa0;
    font-size: 25px;
}
.contact_sidebar ul li p a{color: #000; text-decoration: none;}
.contact_sidebar ul li {margin-bottom: 30px;}
i.fas.fa-phone { transform: rotate(90deg);}
.contact_sidebar ul li i.fab.fa-facebook-f {
    background: #0e59d2;
    color: #FFF;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 24px;    box-shadow: 0px 7px 17px rgba(14, 89, 210, 0.36);    font-weight: 400;
}
.contact_sidebar ul li i.fab.fa-whatsapp {
    background: #39ad24;
        color: #FFF;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 24px;
        box-shadow: 0px 7px 17px rgba(57, 173, 36, 0.45);
            font-weight: 400;
}
.contact_sidebar ul li a {
    color: #337ab7;
    text-decoration: none;
    font-size: 24px;
    font-weight: 800;
    color: #000;
    letter-spacing: 2px;
}
.contact_sidebar ul li p a {color: #337ab7; text-decoration: none;font-size: 24px;font-weight: 800;color: #000; letter-spacing: 2px;}
.contact_sidebar ul li.social{    margin-top: 55px;}
.contact_sidebar ul li p { color: #337ab7;  text-decoration: none; font-size: 24px;font-weight: 800; color: #000; letter-spacing: 2px;}
.get_in_touch .form-control {height: 40px;box-shadow: none !important; font-size: 14px; border: 1px solid #251f1f;}
.get_in_touch input::-webkit-input-placeholder , textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color: #000; font-weight: 800;letter-spacing: 1px;}
.get_in_touch input::-moz-placeholder, textarea::-moz-placeholder{ /* Firefox 19+ */color: #000; font-weight: 800;letter-spacing: 1px;}
.get_in_touch input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color: #000 !important; font-weight: 800;letter-spacing: 1px;}
.get_in_touch input:-moz-placeholder { /* Firefox 18- */color: #000; font-weight: 800;letter-spacing: 1px;}
:-ms-input-placeholder { /* IE 10+ */
 color: #000 !important;
}
select#sel1 {
    color: #000;
    font-weight: 800;
    letter-spacing: 1px;
}
.get_in_touch .btn-effect {margin-top: 10px; padding: 10px 30px; width: 250px;}
.get_in_touch .form-group {margin-bottom: 30px;}
.get_touch{margin-top: 40px;}
textarea{min-height: 100px;}
.contact_sidebar {background: #FFF;padding: 30px 30px 20px 35px;box-shadow: 0px 0px 30px #ccc; min-height: 575px; border-radius: 10px;}
form.get_in_touch {background: #FFF; padding: 30px 30px 10px 35px;box-shadow: 0px 0px 30px #ccc;min-height: 575px; border-radius: 10px;}
.banner_contact{margin-top: 30px;}
.banner_contact img{width: 100%;}
.order_tab ul{list-style: none; padding: 0; margin: 0;text-align: left;} 
.order_tab ul li{display: inline-block;    margin: 0px 10px;    font-size: 16px;color: #000;font-weight: 800;letter-spacing: 1px;}
.order_tab ul li img{margin-right: 5px;}
.order_tab ul.checkout_header li{margin: 0px 30px; }
.order_tab ul.checkout_header li img{margin-right: 9px;}
ul.checkout_header { margin: 30px 0px;}
.next-btn .btn-effect{    padding: 7px 30px;min-width: 200px; margin: 30px 0px 10px;}
.map {margin: 30px 0px 0px;}
.qty{font-size: 16px;font-weight: 800;letter-spacing: 2px;color: #000;}
hr {border-top: 1px solid #f5b621;}
.order_summery .item-detail p{font-size: 16px;}
.order_summery .item-detail img{margin-top: 30px;}
.order_tab label { font-weight: 800; letter-spacing: 1px; font-size: 16px;    color: #000;}
.order_tab .form-control { height: 50px;box-shadow: none !important;font-size: 14px;border: 1px solid #251f1f;}
.meta-data {font-weight: 800;letter-spacing: 1px;font-size: 18px; margin: 15px 0px 35px;}
.blog_view h3{font-size: 3rem;}
.meta-data span a{    color: #6132ce;}
.blog_sidebar input {
    width: 100%;
    height: 40px;
    padding: 5px 15px;
    border-radius: 30px;
    box-shadow: none;
    border: 1px solid #a9a9a9;
        letter-spacing: 1px;
    font-weight: 800;
}

.blog_btn {
    position: absolute;
    top: 0;
    right: 30px;
    height: 40px;
    background: transparent;
    border: 0;
    font-size: 18px;
    color: #a2a2a2;
    font-weight: 100;
}
.blog_sidebar{margin-top: 20px;}
.blog_sidebar form{position: relative;}
.blog_sidebar .side_grid {margin: 30px 0px 40px;padding: 15px 25px 25px;}
.blog_sidebar .side_grid ul{list-style: none; padding: 0;  margin: 0;}
.blog_view {display: block; clear: both; padding-bottom: 100px;}
.blog_sidebar .side_grid h4{    padding-left: 0px !important;}
.blog_sidebar .side_grid h4:after{margin-left: 0px !important}
.blog_sidebar .side_grid ul.bullet li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/new-dot.png) no-repeat;
    position: absolute;
    left: 0;
  top: 7px;
    background-size: 8px;
}
.blog_sidebar .side_grid ul li{   position: relative;
                                  
    padding-right: 13px;
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #000;}
.blog_sidebar .side_grid ul.bullet li{  padding-left: 25px;}
.blog_sidebar .side_grid ul a{ text-decoration:  none !important;font-family: 'context_reprise_light_ssiXLt';
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #000;}
/*.blog_view:nth-child(odd) .blog_img { padding-left: 0px;}
.blog_view:nth-child(even) .blog_text { padding-left: 0px;}*/
.blog_img img{    border-radius: 10px;box-shadow: 0px 23px 160px rgba(0, 0, 0, 0.35);}
.blog_text p{font-size: 18px;    line-height: 1.7;}
.blog_view .blog_text .btn-effect{    padding: 10px 30px;min-width: 190px;    margin-top: 50px;}

.blog_single img{    float: left; margin: 0px 30px 30px 0px;}
.blog_single p{font-size: 18px; margin-bottom: 25px;}
.blog_single ul{    padding: 0;list-style: inside;margin-left: 25px; text-indent: -25px;}
.blog_view ul{    padding: 0;list-style: inside;margin-left: 25px; text-indent: -25px;}
.blog_single ul li{    font-size: 18px; margin-bottom: 25px;color: #000; font-weight: 800; letter-spacing: 2px;}
.blog_view  ul li{    font-size: 18px; margin-bottom: 25px;color: #000; font-weight: 800; letter-spacing: 2px;}

.comments_row p{    margin: 0;
    padding: 20px;
    font-size: 16px;
    background: #FFF;
    box-shadow: 0px 0px 131px rgba(204, 204, 204, 0.39);
    border-radius: 10px;}
.radio-box {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 30px;
        font-size: 14px !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-box .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #FFF;
    border-radius: 50%;
        border: 1px solid #593f9a;
    box-shadow: none;
}

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

/* Show the indicator (dot/circle) when checked */
.radio-box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-box .checkmark:after {    top: 2.5px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1b429a;
}ul.radio-ans { margin-left:0px;    margin-top: 30px;    min-height: 200px;}
.radio-ans li{margin: 0px;width: 46%;
    display: inline-block;
    vertical-align: text-top;}
.radio-ans li label{text-align: left;}
.screen1 button, .online_partner button {
    height: 40px;
    width: auto;
    padding: 0 20px;
    min-width: 135px;
}
.screen2 {  width: 82%; margin: 0 auto;}
.screen2 input{text-transform: capitalize;}
.screen2 button {height: 50px;}.heading_with_back {position: relative;}.heading_with_back .back{cursor: pointer;}
.heading_with_back .back img{position: absolute;    left: 15px;top: 5px;}
.online_partner img{margin: 0 auto;    max-width: 130px;}
.online_partner{width: 82%; margin: 0 auto; padding:30px 0px;}
.online_partner h4{font-size: 2.2rem;font-family:'context_reprise_light_ssiXLt';text-transform:inherit;font-weight: 800;letter-spacing:1px;color: #000;margin:25px 0px 20px;}
.term-and-condition{    font-size: 13px;}.mid_name{margin: 20px 0px;}
.mid_name span{font-family: 'context_reprise_light_ssiXLt';font-size: 16px;font-size: 2rem; font-weight: 800;letter-spacing: 2px;}
.order_summery .clearfix { margin-bottom: 10px;}.check-out { margin: 20px 0px;}
.check-out button{padding: 10px 30px; min-width: 200px;}
.tabbing ul.nav li.disabled{ pointer-events: none;}
 input[type=checkbox][disabled] ~ .checkmark:after {
     top: -1px;
    left: -1px;
    width: 14px;
    height: 14px;
    display: block;
      background: #CCC;
}
/*----------------------------Responsive -------------------------------------*/
@media(min-width:1600px){
    footer { padding-bottom: 330px;}
    section.contact-form {background-size: contain;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .navbar-brand>img { width: 200px; margin-top: 15px;}
    ul.nav.navbar-nav.navbar-right >li>a { padding: 6px 10px;font-size: 14px;}
    ul.nav.navbar-nav.navbar-right { margin-top: 15px;}
    img.whatsapp {width: 150px;}
    img.call_img { width: 250px;}
    ul.why_list li { padding-left: 30px;}
    .services_view { width: 220px;}
    .how-it-wrk .col-sm-4.card {  width: 250px;}
    .our_services .col-sm-4.card{  width: 250px;}
    ul.bank_list li { margin: 23px 15px;}
    .card .btn-effect {width: auto;}
    .brand-logo ul li{    width: 22%;}
    .commitments ul li {
    display: inline-block;
    width: 215px;
    margin: 5px;
    height: 215px;
    background: #FFF;
    box-shadow: 0px 1px 115px rgba(204, 204, 204, 0.85);
    border-radius: 50%;
    line-height: 200px;
    text-align: center;
    color: #6132ce;
    font-size: 23px;
    font-weight: 800;
    position: relative;
}
.commitments ul li .overlay_commitment p {
    line-height: 1.5;
    font-size: 12px;}
.contact_sidebar ul li p a { font-size: 16px;}
.contact_sidebar ul li p { font-size: 14px;}
.contact_sidebar ul li a { font-size: 16px;}
}

/*.modal-backdrop { position: fixed;}*/
section.four_zero_four {
    background: #fbfbfb;
    padding: 50px 0px;
}
section.four_zero_four h2{    font-size: 15rem;
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    line-height: 1;}
section.four_zero_four p{font-size: 2rem;}
.loader {
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #fecb51;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 49%;
    bottom: 0;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.qus_ans p{font-size: 16px;}
.qus_ans p > strong{ font-size: 22px; color: #6132ce;
    font-weight: 800;
    display: block;
    margin-bottom: -5px;}
.terms_conditions li{    position: relative;
    padding-right: 13px;
    padding-left: 15px;
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #000;}
.row.warrenty {
    padding-top: 40px; padding-bottom: 40px;
}
ul.img_list{list-style: none; padding: 40px 0px; margin: 0; text-align: center;}
ul.img_list li{display: inline-block; width: 18%}ul.img_list li+li{margin-left: 50px;}
.features ul{list-style: none; padding: 0; margin: 0; font-size:18px; letter-spacing: 1px;}
.features ul li{font-weight: 600;    margin-bottom: 15px;position: relative;padding-left: 20px;color: #000;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 2px;}

.features ul li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/new-dot.png) no-repeat;
        background-size: 8px;
    position: absolute;
    left: 0;
    top: 8px;
}
.features p{margin-bottom: 10px;}
.brand_list {
    		display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    align-items: center;
        background: #FFF;
    box-shadow: 0px 0px 50px rgba(199, 199, 199, 0.58);
    border-radius: 10px;
    margin-top: 40px;
    padding: 20px;
}
.brand_list p{font-size: 16px; margin-bottom: 15px;}
.brand_list .features ul li{font-size: 16px; margin-bottom: 15px;}
.testimonial-list{display: flex; align-items: center;}
.testimonial-list img{    margin: 0 auto;
    height: 150px;
    width: 150px;
    margin-bottom: 15px;
    border-radius: 50%;}
.testimonial-list {
    display: flex;
    align-items: center;
    background: #FFFF;
    box-shadow: 0px 0px 50px rgba(199, 199, 199, 0.58);
        border-radius: 10px;
    margin-top: 40px;
    padding: 20px;
}
.person_details p{    font-family: 'Quicksand', sans-serif; margin-bottom: 0px;}
span.timestampContent {
    display: block;
    font-weight: 800;
    letter-spacing: 1px;
    color: #5f5e5e;
    margin-bottom: 5px;
    font-size: 12px;
    margin-top: -1px;
}
.testimonials_view{padding: 50px }
.media-images {padding: 0;    margin: 70px 0px; list-style: none;}
.media-images li{  display: inline-block;
    transition: 0.5s ease all;
    width: 21.3333%;
    padding: 3px;
    border: 1px solid #ccc;
    margin: 20px;}
.media-images li.center{    transform: scale(1.29);
    -webkit-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    -moz-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    -o-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;}
.media-room h3{    font-size: 30px;
    margin-bottom: 20px;}
.link-list{list-style: none; padding: 0; margin: 0;}
.link-list li{  position: relative;  font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    font-size: 2rem;
        padding-left: 25px;
    margin-bottom: 15px;
    font-weight: 800;
    letter-spacing: 2px;}
.link-list li a{color: #000; text-decoration: none;}
.link-list li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/new-dot.png) no-repeat;
    background-size: 8px;
    position: absolute;
    left: 0;
    top: 8px;
}
.media_room_list {
    margin-bottom: 40px;
}
p.font-c {
    font-family: 'Quicksand', sans-serif;
    margin-top: 25px;
}
.media-room {
    padding: 60px 0px;
}

.video_view h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
.video_detail {
    margin-bottom: 50px;
}
.top-gap {
    margin-top: 50px;
}
header .call_img {transition: all 0.5s ease;border-radius: 15px;box-shadow: 0px 12px 44px rgba(0, 0, 0, 0.45);  margin: 0px 15px;}
header .whatsappfix{transition: all 0.5s ease;position: fixed;left: -100px; top: 150px;width: 65px; z-index: 9999; }
header .call_img.fix{position: fixed;left: 0;top: 0;width: 240px; z-index: 9999; right: 0; margin: 0 auto;}
header .whatsappfix.fix{position: fixed;left: 0; }
button#next {
    padding: 10px 30px;
    margin-top: 15px;
    width: 100%;
}
.social-fb {   display: inline-block;
    background: #4267B1;
    color: #FFF;
   width: 35px;
    height: 35px;
    line-height: 35px;
    font-weight: 100;
    text-align: center;
    border-radius: 50%;}
.social-fb >a {color: #FFF; font-size: 16px;}
.video-grid { margin: 70px 0px 30px;    text-align: center;}
.video{    transition: 0.5s ease all;   -webkit-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    -moz-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    -o-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
        float: none;
    display: inline-block;
   width:27%;
        padding: 0;   
        margin: 30px;
}
.video a {text-decoration: none !important;}
.video a > p {
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    /* font-size: 2rem; */
    font-weight: 800;
    letter-spacing: 1px;
    padding: 10px;
    margin: 0;
}
.video.center {
    transform: scale(1.3);
    -webkit-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    -moz-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    -o-box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
    box-shadow: 0px 20px 45px rgba(74, 64, 64, 0.37), inset 0 -40px 100px #FFF;
}
.qus_ans ul{text-align: left; padding: 0; margin: 0; list-style: none;}
.qus_ans ul li{position: relative;    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;    padding-left: 20px;
    font-weight: 800;
    letter-spacing: 2px;}
.qus_ans ul li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/new-dot.png) no-repeat;
    background-size: 8px;
    position: absolute;
    left: 0;
    top: 8px;
}
.qus_block {
    background: #FFFF;
    box-shadow: 0px 0px 50px rgba(199, 199, 199, 0.58);
    border-radius: 10px;
    margin-top: 40px;
    padding: 20px;
}
.sub_block_text ul{    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: left;
    line-height: 1.7;}
.sub_block_text p{    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.7;}
.sub_block_text {
    margin-top: 70px;
}
.sub_block {
    overflow: hidden;
    clear: both;
}
.sub_block  h2 {  font-size: 3.5rem;}
.video_slider .owl-item > div {
  cursor: pointer;
  margin: 7% 12%;
  transition: margin 0.4s ease;
}
.video_slider .owl-item.center > div {
  cursor: auto;
  margin: 0;
}
.video1 a{text-decoration: none !important}
.video1 a > p {
    font-family: 'context_reprise_light_ssiXLt';
    font-size: 16px;
    color: #000;
    /* font-size: 2rem; */
    font-weight: 800;
    letter-spacing: 1px;
    padding: 10px;
    margin: 0;
}
.video_slider .owl-item.center > div > a>p{    font-size: 18px;}
.video_slider .owl-item:not(.center) > div:hover {
  opacity: .75;
}
.plan_text{padding-top: 100px;}

@media only screen and (max-width: 991px) and (min-width: 768px){
    
.es_textbox_class {
    width: auto
}
.call-numer img.alignnone.size-full.wp-image-31 {
    max-width: 100%;
    height: auto;
}
.call-numer img.alignnone.size-full.wp-image-32 {
    max-width: 100%;
    height: auto;
}
    .gp{margin: 5px;}
    .radio-ans li {  width: 45%;display: inline-block;
    margin: 0px 10px !important;
    font-size: 14px !important;
    color: #000;
    font-weight: 800;
    letter-spacing: 1px;}
    .brand-logo ul li{min-height: 85px;}
/*    .promise:nth-child(3){border: 0px;}*/
    .listing h3 {font-size: 2.6rem;}
    .listing ul li {padding-right: 0px;padding-left: 30px;font-size: 18px;}
    p.b_line { font-size: 22px;}
    .listing:nth-child(1) { padding-right: 28px;}
    .listing:nth-child(2) { padding-left: 28px;}
    ul.bank_list li {  margin: 25px 12px;}
    .navbar {min-height: 100px;}
    header h1 { font-size: 18px;}
    .form {  margin-top: 20px;padding: 15px;}
    img.whatsapp { width: 130px;}
    .call_img{width: 220px;}
    p.heading { font-size: 16px;}
    .navbar-brand>img { width: 150px;margin-top: 15px;}
    ul.nav.navbar-nav.navbar-right >li>a {padding: 6px 10px;font-size: 12px;}
    ul.nav.navbar-nav.navbar-right {  margin-top: 0px;}
    h2 { font-size: 3rem;}
    .about-h p {font-size: 18px;}
    .btn-effect {font-size: 14px;letter-spacing: 1px; padding: 9px 12px;}
    .our_services .col-sm-4.card { width: 205px;margin: 20px;}
    .card { padding: 15px;}
    .card .btn-effect { width: auto;}
    .how-it-wrk .col-sm-4.card {  width: 205px; margin: 20px;}
    .how-it-wrk .col-sm-4.card p {font-size: 20px;}
    .brand-logo ul li { width: 22%;}
    .promise {margin: 20px 0px;}
    .promise{    border: 0px !important;}
    .battery-img {height: 220px;width: 220px; text-align: center;line-height: 175px; padding: 30px; margin-top: 70px;}
    header.inner-pages h1 { margin-top: 33px;}
    header.inner-pages h1 { font-size: 25px;}
    .category_grid ul li {padding-left: 0px;    margin-bottom: 10px;}
    .category_grid ul li a { font-size: 16px;}
    .shop-sidebar ul { padding-left: 15px;}
    .check_box { padding-left: 25px; font-size: 15px;}
    .checkmark { top: 3px;}
    .side_grid h4 { font-size: 20px;}
    .side_grid h4:after {width: 100%;}
    p { font-size: 1.7rem;}
    .filter_pr { padding: 0px 15px;}
    .contact_sidebar ul li p a {font-size: 20px;}
    .contact_sidebar {padding: 30px 20px 20px 20px;}
    .contact_sidebar ul li p { font-size: 20px;}
    .contact_sidebar ul li a { font-size: 20px;}
    .contact_sidebar ul li { margin-bottom: 25px;}
    .contact_sidebar>p{    font-size: 14px;}
    footer .btn-effect{min-width: auto;}
    .service_tab h3 {font-size: 18px;min-height: 46px;}
    .services_view {margin-bottom: 20px;}
    footer h3{font-size: 19px;}
    footer ul li a { font-size: 14px;}
    .tabbing .nav>li>a {    padding: 5px 0px 2px 10px;
    font-size: 16px;
    margin: 0px 0px;
    letter-spacing: 1px;
    border-bottom: 2px solid transparent !important;
}
    .order_tab ul.nav li {
    display: inline-block;
    width: 47%;
    margin: 3px 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    /* background: #ccc; */
    text-align: left;
    padding-left: 0px;

    }
    h4.modal-title { font-size: 2rem;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 0px;
    border-bottom: 2px solid #764bd8 !important;
}
.order-detials .col-sm-6{padding: 0px 5px;}
}
@media screen and (max-width: 768px){
html, body{overflow-x: hidden;}
}
@media screen and (min-width: 768px){
#navbar li.dropdown:hover .dropdown-menu {
    visibility: visible;
    background-color: #e4a819;
    transform: none;
    display: block;
}
li.social-mobile{display: none;}
}
@media screen and (max-width: 767px){
    ul.radio-ans { min-height: auto;}
    .blog_single img {
    float: none;
    margin: 0px 30px 30px 0px;
    display: block;
    width: 100%;
}
    .testimonials .item p {font-size: 18px;}
    li.social-mobile a{display: inline-block;padding: 8px !important;}
    li.social-mobile a:before{display: none;}
    li.social-mobile { padding-left: 25px;}
    .contact_sidebar { padding: 30px 15px 20px 15px;}
    .contact_sidebar ul li p {font-size: 18px;}
     .contact_sidebar ul li p a {font-size: 18px;}
     .contact_sidebar ul li a {  font-size: 18px;}
     .about-h p {font-size: 18px;}p {font-size: 18px;}
    #navbar li.dropdown.active .dropdown-menu {
    visibility: visible;
    background-color: #e4a819;
    transform: none;
    display: block !important;
}
    footer h3{font-size: 19px;}
    footer ul li a { font-size: 14px;}
    .navbar-nav { margin: 0;}
    ul.nav.navbar-nav.navbar-right >li>a { padding: 8px 30px;transition: all 0.4s ease;text-shadow: none; color: #FFF !important; font-size: 13px;font-weight: 400;}
     #navbar {
        position: fixed;
        top: 0;
        left: -260px;
        z-index: 999;
        width: 260px !important;
        height: 100%;
        overflow: auto;
        background: #593f9a;
        margin: 0 !important;
        height: 100% !important;
        padding: 0 !important;
        display: block !important;
        transition: all 0.3s ease-out;
    }
    ul.nav.navbar-nav.navbar-right >li.active>a{    color: #f4d17c !important;}
    ul.nav.navbar-nav.navbar-right >li.dropdown:hover>a { padding: 6px 30px 10px;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #593f9a;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent;}
.navbar-default .navbar-toggle {  border: 0px;}
    #navbar.in{left: 0; }
    .menu-overlay {
        display: none;
        background-color: rgba(236, 208, 138, 0.5);
        bottom: 0;
        left: 260px;
        filter: alpha(opacity=50);
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999;
        transition: all 0.3s ease-out;
    }
    .menubar .navbar-nav>li>a::after, .header_dashboard .navbar-nav>li>a::after{
        content: '\02C5';
        font-family: 'fontAwesome';
        position: absolute;
        right: 10px;
        color: #555;
        top: 50%;
        margin-top: -10px;
        height: 20px;
        line-height: 20px;
    }
.caret {
    position: absolute;
    width: 45px;
    height: 36px;
    border: 0;
    right: 0px;
    top: 0;
    cursor: pointer;
    background: rgba(140, 118, 195, 0.39);
    display: block;
}
.nav>li {position: relative;border-bottom: 1px solid rgba(244, 209, 124, 0.39);display: block;}
.caret::before {
    content: "\25bc";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    height: 100%;
    left: 0;
    font-size: 13px;
    color: #fecb51;
    line-height: 3rem;
    z-index: 1;
}
.dropdown-menu { left: 5px; right: 5px}
.dropdown-menu>li>a { display: block; padding: 10px 10px; font-size: 13px;}
#navbar .dropdown-menu { top: 37px;}
ul.dropdown-menu:before {  top: -10px;}
.navbar-brand { height: auto;padding: 0px 15px; width: 220px;}
ul.nav.top-bar { display: none;}
.navbar { min-height: auto; margin-bottom: 0px;}
img.whatsapp {  width: 100px;}
img.call_img { width: 185px;}
header.inner-pages h1 {font-size: 25px; margin-top: 0px;}
h2 {font-size: 3rem;}
.title p {font-size: 20px;}
.promise {overflow: hidden; margin: 10px 0px; padding: 20px 15px;}
.battery-img {height: 290px; width: 290px; line-height: 250px; padding: 30px;}
.detail-bat { padding-left: 15px;}
.btn-effect { font-size: 14px; padding: 8px 20px;}
.btn-effect{ margin-left: 0;  margin-top: 20px;}
footer {padding-bottom: 80px;}
.navbar-default .navbar-nav>li>a::before {
    content: '\2192' !important;
    position: absolute;
    margin-right: 3px;
    left: -20px;
    width: auto !important;
    top: 7px;
    height: auto;
}
.navbar-default .navbar-nav>li>a::before{content: '';height: 0px; width: 0;position: absolute;left: 5px;bottom: 0;background: #000;transition:all 0.4s ease;}
.services_list h3 { font-size: 2.5rem;}
p { font-size: 1.7rem;}
.left_space {padding-left: 15px;    padding-bottom: 40px;}
.right_space { padding-right: 15px;    padding-bottom: 40px;}
.listing:nth-child(1) { padding-right: 15px;}
.listing ul li { padding-right: 0; font-size: 16px;}
.listing:nth-child(2) { padding-left: 15px;}
.listing h3 { color: #6132ce;font-size: 2.5rem;text-align: center; margin-bottom: 15px;min-height: auto; margin-top: 38px;}
.how-it-wrk .col-sm-4.card { float: none; display: block;width: 240px; text-align: center; margin: 0px auto;margin-bottom: 80px;}
.our_services .col-sm-4.card{ float: none; display: block;width: 240px; text-align: center;margin: 0px auto; margin-bottom: 80px;}
.card .btn-effect { width: auto;}
ul.why_list li {width: 100%;font-size: 18px; margin-bottom: 15px; padding-left: 30px;}
.our_services { padding-top: 70px;padding-bottom: 50px;}
.testimonials { padding-top: 70px;}
.brand-logo ul li {  width: 43%;min-height: 65px;}
.services_view { margin-bottom: 40px;}
ul.bank_list li { display: inline-block;margin: 23px 20px;}
#findBattery button.close {right: 7px;top: -30px;    font-size: 30px;}
#findBattery .modal-dialog { margin-top: 30%;}
button.navbar-toggle.active span.icon-bar:nth-child(2) { transform: rotate(45deg); transform-origin: 10% 10%;}
button.navbar-toggle.active span.icon-bar:nth-child(3) { opacity: 0;}
button.navbar-toggle.active span.icon-bar:nth-child(4) {transform: rotate(-45deg);transform-origin: 10% 90%;}
button.navbar-toggle.active { position: fixed;right: 0px;}
.contact_sidebar { margin-bottom: 30px;}
.review-list li:nth-child(1){font-weight: 800; letter-spacing: 1px; margin-bottom: 10px;}
.battery-full { margin: 75px 0px 70px;}
.home_battery {margin-top: 30px;}
.copyright p {text-align: center; margin-bottom: 10px;}
ul.footer-social {  text-align: center;}
.blog_text { margin-top: 35px;}
.blog_btn {right: 0px; line-height: 1;}
ol.terms_conditions { padding-left: 30px;}
ul.img_list li {  width: 20%;}
ul.img_list li+li {  margin-left: 20px;}
.brand_list { display: block;}
.testimonials_view { padding: 50px 15px;}
.media-images li{width: 70%;}
.media-images{text-align: center;}
.media-room h3 {font-size: 22px; line-height: 1.4;}
.media-room {  padding: 0px 0px;}
.video{width: 70%;}
.video-grid {   margin: 0px 0px 30px;}
.sub_block {padding: 0px 15px;}
.sub_block_text ul {padding-left: 20px;}
    .tabbing .nav>li>a {    padding: 5px 0px 2px 10px;
    font-size: 16px;
    margin: 0px 0px;
    letter-spacing: 1px;
    border-bottom: 2px solid transparent !important;
}
    .order_tab ul.nav li {
    display: inline-block;
    width: 100%;
    margin: 3px 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    /* background: #ccc; */
    text-align: left;
    padding-left: 0px;

    }
    ul.radio-ans li{width: 100%;}
    .order_tab .form-control {font-size: 11px;    letter-spacing: 1px;}
    .order_tab { min-height: auto !important;}
    .order_tab {margin-bottom: 15px;}
    h4.modal-title { font-size: 20px;margin-top: 20px;    border: 0px;}
    .order_tab ul.checkout_header li { margin: 0px; border: 0px;}
   #checkout_modal .container.modal-d { margin: 25% auto;}
   #myModal .container.modal-d { margin: 16% auto;} 
}
@media screen and (max-width: 450px)
{
.btn-effect {font-size: 11px;padding: 8px 8px;}
.btn-effect+.btn-effect { margin-left: 10px;}
a.next_btn {  margin-left: 10px;}
ul.bank_list{text-align: center}
.promise+.promise {   border-left: 0px;}
.get_in_touch .btn-effect{width: auto}
img.call_img {  width: 210px;}
img.whatsapp { width: 90px;}
.highlight {  margin-bottom: 50px;}
}
.blog_btn {right: 0px; line-height: 1; top: -2px; background: transparent;}
.plan_text{padding-top: 100px;}

.thankyou{background: #fbfbfb;
    padding: 50px 0px;}
.thankyou h2 {
    font-size: 6rem;
    margin: 0;
    line-height: 1;
    color: #6132ce;
    
}
.thankyou h2:after{    content: " ";
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: #f5b621;
    height: 2px;
    width: 120px;
    transition: width .2s;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;}
.modal-backdrop {
    /*position: fixed;*/}
.form-control{
font-weight: 600;
    letter-spacing: 1px;}
p.error {
    font-size: 14px;
}
div.wpcf7-response-output {
    font-weight: 600;
    letter-spacing: 1px;
}
footer .review-list li:nth-child(1){font-weight: 700; letter-spacing: 1px;}
button.blog_btn { background: transparent !important;}
input, select, textarea { font-weight: 600;letter-spacing: 1px;}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 14px;
    font-weight: normal;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
}
header .whatsappfix.fix {
    position: fixed;
    left: 5px;
    bottom: 5px;
    top: unset;
}
.order-total p.blue {
    font-size: 1.8rem;
}
.single-services .listing ul li:before {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/det_icon.png) no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
}
.single-services .listing ul li {
    padding-left: 40px;
}
.brand-logo-img{    vertical-align: middle;
    margin: 8px;
    background: #FFF;
    box-shadow: 0px 8px 15px rgba(181, 181, 181, 0.32);
    min-height: 130px;
    padding: 10px 20px;
    border-radius: 6px;}
.brand-logo-slider .item{padding: 5px;}
.brand-logo-slider .owl-stage-outer {
    padding: 15px 0px;
}
#accordion .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-size: 2.4rem;
    font-family: 'context_reprise_light_ssiXLt';
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: 3px;
    color: #6132ce;
}
#accordion .panel-default>.panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #ddd;
    background-image: none !important;
    padding: 15px 15px;
        border-radius: 7px !important;
}
#accordion .panel-default .panel-heading.active {
    background: #5a3f99 !important;
}
#accordion .panel-default .panel-heading.active  .panel-title {color: #FFF;}
#accordion.panel-group .panel {    border: 0px;    box-shadow: 0px 5px 20px rgba(181, 181, 181, 0.4); margin-bottom: 30px;    border-radius: 7px !important;}
#accordion .panel-body { padding: 0;}
#accordion .panel-default>.panel-heading i.fas.fa-angle-down {
    float: right;
    margin-top: 10px;}
.panel-heading.active h4 a .fa-angle-down:before {
    content: "\f106" !important;
}
#accordion.panel-group .panel-title>a{display: block;}

#accordion.panel-group .shadow_area { box-shadow: none;}
#map-canvas {
		height: 250px;
		margin: 0px;
		padding: 0px
	}
	#panel {
		position: absolute;

		z-index: 5;
		padding: 10px;
}	
#bannerModal .modal-body { padding: 0px; }
#bannerModal .modal-dialog {width: 82%; margin: 70px auto; max-width: 870px;}
#bannerModal .modal-dialog img{max-width: 100%;}
#bannerModal button.close {position: absolute;z-index: 9;color: #FFF;opacity: 1;right: -20px;font-size: 25px;font-weight: 400;top: -5px;-webkit-appearance: none; padding: 0;cursor: pointer;background: 0 0;border: 0; line-height: 1;}
#bannerModal .modal-header {min-height: 0; padding: 0; border-bottom: 1px solid #e5e5e5;} 
#bannerModal .banner-slider.owl-theme .owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0px;
}
#bannerModal .banner-slider.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    border: 2px solid #FFF;
    margin: 7px;
    border-radius: 50%;
}
#bannerModal .banner-slider.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 3px 3px;
    background: #fccc00 !important;}
#bannerModal .banner-slider.owl-theme .owl-dots .owl-dot.active span, #bannerModal .banner-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #6638d1 !important;
}
.offer-btn{    position: fixed;
    top: 45%;
    left: -2px;
    background: #5a3f99;
    color: #FFF;
    border: 0;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 10px 10px;
display: none;
}
.offer-btn:hover, .offer-btn:focus, .offer-btn.focus { color: #FFF; text-decoration: none;}
#accordion1 .panel-heading { background: none !important; border: 0px !important; text-align: right; padding: 10px 0px 10px 0px;}
#accordion1 .panel.panel-default{box-shadow: none; border: 0px;}
#accordion1 h5.panel-title {font-size: 14px; font-weight: 800; letter-spacing: 2px; color: #6436d0; text-transform: uppercase;}
#accordion1 .panel-body {  padding: 15px 0px;}
#accordion1 .panel .panel-body ul{margin: 0; padding: 0; list-style: none;}
#accordion1 .panel-body ul li{display: block;margin: 0px 10px;font-size: 14px;color: #000;font-weight: 600;letter-spacing: 1px; width: 100%; margin-bottom: 15px;}
#accordion1 .panel-body ul li a{color: #000}
#accordion1 .panel-body ul li strong {font-weight: 600; font-size: 14px; font-family: 'Roboto', sans-serif; text-transform: uppercase;    color: #6132ce;}
.coupon_code {  height: 145px;  width: 145px; border: 1px solid #ddd;border-radius: 50%;  padding: 20px;position: relative;}
.cmmon_coupon_div { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 100%; text-align: center;}
.cmmon_coupon_div span{display: block;}
.cmmon_coupon_div span{display: block;margin: 2px 10px; color: #000; font-size: 14px; font-weight: 800; letter-spacing: 2px;}
#accordion1 {margin-bottom:0;}
.cmmon_coupon_div span:nth-child(2){    font-family: 'Roboto', sans-serif;}
.cpn_cd { font-size:12px; }

@media screen and (max-width: 600px)
{
    #bannerModal .modal-dialog{margin-top: 25%;}
    #bannerModal .banner-slider.owl-theme .owl-dots {    margin-top: 3% !important; bottom: auto;}
}
form#network_online_payment {
    margin-top: 20px;
    
    text-align: center;
}
.payment-alert {
    margin-top: 20px;
    width: 50%;
    margin: 20px auto;
}
.model_label {
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
    font-size: 12px;
	color:#6132ce
}
.model_image {
	margin-top:0!important;
}
.mobile_position{
	position:unset;
}

/*----css----*/
.dab_number {
    font-size: 48px;
    font-weight: bold;
    margin-left: 10px;
	color: #6132ce;
}
@media (min-width: 480px){
.dab_phone {
    width: 36px;
    height: 36px;
    margin: 20px auto;
}}

.dab_phone, .warrenty_images img{
    
    margin: 20px auto;
}
.customer_section1, .customer_section2{
	margin: 20px 40px auto;
}
.top_padding {
    padding-top: 30px;
}
.customer_section1, .customer_section2,.customer_section {
	display:inline-block !important;
}
.say_text{
	border:1px solid #000000;
	padding:25px;
}
p.left_text{
	text-align:justify;
	font-size: 20px !important;
}
.appointment 
{
    background: #5a3f99;
    padding: 20px 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 5px 50px #6f6f6f;
    margin-top: 115px;
    display: inline-block;
    color: #fff !important;
    font-size: 30px;
}
@media(max-width:1024px)
{
.appointment 
{
    background: #5a3f99;
    padding: 15px 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 5px 50px #6f6f6f;
    margin-top: 100px;
    display: inline-block;
    color: #fff !important;
    font-size: 18px;
}
}
@media(max-width:886px)
{
.appointment {
    background: #5a3f99;
    padding: 14px 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 5px 50px #6f6f6f;
    margin-top: 86px;
    display: inline-block;
    color: #fff !important;
    font-size: 18px;
}
}

@media(max-width:767px)
{
.appointment 
{
       background: #5a3f99;
    padding: 12px 16px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 5px 50px #6f6f6f;
    margin-top: 0px;
    display: inline-block;
    color: #fff !important;
    font-size: 18px;
	    margin-left: 105px;
}
}

@media(max-width:767px)
{
.appointment 
{
       background: #5a3f99;
    padding: 9px 16px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 5px 50px #6f6f6f;
    margin-top: 20px;
    display: inline-block;
    color: #fff !important;
    font-size: 18px;
	    margin-left: 115px;
}
}
@media(max-width:364px)
{
.appointment 
{
       background: #5a3f99;
    padding: 12px 16px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 5px 50px #6f6f6f;
    margin-top: 20px;
    display: inline-block;
    color: #fff !important;
    font-size: 18px;
	    margin-left: 15px;
}
}