/* slider */

:root {
  --main-bg-color: #f00a0f; 
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-bottom:30px !important;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height:350px;
  }
  .swiper-slide img {
    width: 100%;
}
.swiper-button-next{
    background-image:none !important; 
    right: 10px;
    left: auto;
    border: 2px solid #fff;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.swiper-button-prev {
    background-image:none !important; 
    right: 10px;
    left: auto;
    border: 2px solid #fff;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.arrw .fa{
    font-size: 21px;
    color: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 80% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%,-50%) rotate(90deg) !important;
    white-space: nowrap;
    top: 50%;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--main-bg-color) !important;
}
.arrw {
    position: absolute;
    width: 130px;
    top: 80%;
    right: 20%;
}
.hvr:hover{
    background: var(--main-bg-color) !important;
    border: 2px solid var(--main-bg-color) !important;
}
.spcxt {
    position: absolute;
    left: 20%;
    transform: translateX(-50%);
}
.spcxt h1 {
    font-size: 30px;
    color: #ffff;
    margin: 0;
    line-height: 50px;
    width:400px;
    text-align:left;
}
.ctbth {
    text-align: left;
    border: 1px solid #fff;
    width: 130px;
    padding: 10px;
    background: #fff;
    margin-top: 15px;
}
a.ctab span {
    position: relative;
    left: 25px;
}
a.ctab:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 110px;
    background: var(--main-bg-color);
    top: -17px;
    z-index: -1;
    left: -13px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 91% 50%, 0 50%);
    clip-path: polygon(0 0, 100% 0%, 91% 50%, 0 50%);
    border-radius: 2px;
}
a.ctab {
    position: relative;
    z-index: 0;
    text-align: center;
    color: #fff;
}
.srt-h {
    text-align: left;
    display:none;
}

a.srta {
        color: #fff;
    border: 1px solid #fff;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 20px 0px;
    display: block;
    width: 150px;
    text-align: center;
    font-size: 15px;
}

a.srta .fa {
    color: #fff;
}
@media(max-width:700px){
    .arrw{
        display: none;
    }
    .spcxt h1 {
        font-size: 15px;
        color: #ffff;
        margin: 0;
        line-height: 23px;
        font-weight: 600;
        width:225px;
    }
    .ctbth {
        text-align: left;
        border: 1px solid #fff;
        width: 130px;
        padding: 10px;
        background: #fff;
        margin-top: 15px;
        transform: scale(.6);
        position: relative;
        left: -30px;
    }
}
/* slider */

/*section 2*/
.aba_secimg img {
    width: 100%;
}

.aba_secimg {
    position: relative;
    width: 98%;
    margin-bottom: 7px;
}
.grty{
    margin-bottom:30px;
}
.aba_secimg p {
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    left: 10%;
    top: 20%;
        color: #fff;
    z-index: 9;
}
/*section 2*/
/*section 3*/
.aba_swiper {
    border-radius: 10px;
    background: #fff;
    padding: 50px;
    cursor: pointer;
    margin-left: 5px;
    margin: 10px;
}
.aba_swp_head h3 {color: var(--main-bg-color);}
.aba_swp_descr {
    width: 100%;
}
.container-fluid.bacjy {
    /*background: #eee;*/
}
.aba_swp_img img {
    width: 25%;
}
/*.aba_continer{*/
/*    overflow:visible !important;*/
/*}*/
.aba_continer .swiper-slide {
    background: transparent;
    margin-top: 60px;
        flex-direction: column;
}
.aba_swiper:hover {
   box-shadow: 0px 0px 48px -11px #b5b5b5;
    border-radius: 10px;
}
.aba_pros_con h1 {
    color: #000;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}
.aba_continer .swiper-wrapper {
    /*overflow: hidden;*/
}
.aba_pros_con {
    margin: 30px 0px;
}
.numnr {
    position: absolute;
    font-size: 100px;
    color: #d0d0d0;
    top: -26%;
    font-weight: 600;
    z-index: -1;
}
.er_next{
        right: -7% !important;
            background: #ddd;
    border: 0;
}
.er_prev{
        left: -7% !important;
            background: #ddd;
    border: 0;
}
.er_next:hover{
    background:var(--main-bg-color);
}
.er_prev:hover{
    background:var(--main-bg-color);
}
.er_prev:hover .fa{
   color:#fff;
}
.er_next:hover .fa{
   color:#fff;
}
.aba_descr p {
    color: #454545;
    text-align: center;
}

.aba_descr {
    width: 75%;
    margin: auto;
}
.swiper-viewport {
	margin: 0 0 60px;
    z-index: 1;
    border-radius: 4px;
    width: 100%;
    position: relative;
    overflow: visible;
}
/* OpenCart Code */
.swiper-container {
	direction: ltr !important;
}
/*section 3*/
/*section 4*/
.brandslider {
    margin: 30px 0px;
}
.brand_con .swiper-slide{
    margin-bottom:30px !important;
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
    opacity: 1 !important;
    border: 1px solid;
    display:none;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--main-bg-color) !important;
    width: 7px !important;
    height: 7px !important;
    top: -1px;
    position: relative;
    border-color:var(--main-bg-color);
}
.brnd img {
    filter: opacity(50%);
}
.brnd{
    cursor:pointer;
}
.brnd:hover img{
    filter: opacity(100%);
}
/*section 4*/
/*testimonials*/
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.carousel-indicators{
    height:150px;
}
.asmai .imagf img {
    width: 100%;
}

.asmai {
    width: 80%;
}


.sadre {
    text-align: left;
    /*display:none;*/
}

.headibn h2 {
    color: #454545;
    font-weight: 600;
}
@media(max-width:700px){
    .carousel-indicators{
    height:auto;
}
}
/*testimonials*/
/*product page*/
.aba_prod_img {
    position: relative;
    margin-bottom: 10px;
    width: 96%;
    box-shadow: 0 0 10px #b5b5b5;
}

.aba_prod_img img {
    width: 100%;
    margin-bottom: 12px;
}

.samo {
    position: relative;
    /* bottom: 10%; */
    /* left: 50%; */
    /* width: 100%; */
    /* transform: translateX(-50%); */
    text-align: center;
    /*height: 115px;*/
    /*height: 75px;*/
}

.samo h2 {
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #000;
    /*margin-bottom: 10px;*/
}
.samo p {
    margin: 0;
    text-align: center;
    font-size: 15px;
}
.prd_head {
    color: #000;
    margin: 20px 0px;
}
.pagination {
    width: 100%;
    border: 0px solid;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0 0 10px #b5b5b5;
    margin-right: 20px;
}
p.acvr a {
    background: var(--main-bg-color);
    color: #fff;
}
.inner_image {
    width: 50%;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.inner_image img {
    width: 100%;
}
.inner_des {
    text-align: left;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
}

.descrti {
    text-align: left;
    width: 100%;
    margin: auto;
}
.infr {
    display: flex;
    align-items: nornal;
    background: #fff;
    height: auto;
    padding: 30px 0;
}
.enquir {
    /*position: absolute;*/
    /*top: 15%;*/
    /*right: 5%;*/
    /*width: 150px;*/
}
.enquir button{
    text-align: center;
    width: 150px;
    /*margin: auto;*/
    background: var(--main-bg-color);
    color: #fff;
    padding: 12px 0px;
        margin-right: 10px;
}
.enquir.ine_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.enquir.ine_btn .dropdown-menu {
    left: -15%;
}
.innprr button {
    background: transparent;
    color: #000;
}
.innprr p.btn {
    padding: 12px;
    width: 120px;
}
button.btn.btn-finance {
    background: #ddd !important;
    color: #000;
}
.inner_ter h2 {
    font-size: 50px;
}
.inner_ter {
    padding: 0px 30px;
}

/*color*/
.clr_circ {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 2px 6px #0000005e;
}

.cmpne {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0px;
    flex-wrap: wrap;
}
/*color*/
/*pricing*/
.pricing{
    text-align:center;
}
.pricing .bctct p{
    text-align:center;
}
.pricing .dert {
    width: 40%;
    margin: 20px auto;
    line-height: 28px;
    position: relative;
}

.pricing .dert p {
    color: #b5b5b5;
    font-size: 15px;
}

.pricing .dert:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background: #0ada7545;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
}
.enpop {
    background: #fff;
    box-shadow: 0 0 7px #0000004a;
    padding: 30px;
    width: 45%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
        display:none;
}
p.modell {
    border: 0px solid;
    padding: 5px;
    background: #eee;
    border-radius: 5px;
}
.activer {
   display: block;
    position: fixed;
    z-index: 99;
}
.enpop form{
    position:relative;
    display:block;
}
.frm-drp {
    display: flex;
    align-items: flex-start;
    margin: 20px 0px;
}

.frm-drp select {
    width: 60%;
    text-align: left;
    padding: 8px 5px;
    position: relative;
    /*left: -6px;*/
    background: #eee;
    border: 0;
    border-radius: 5px;
}

.frm-drp p {
    margin: 0;
    width: 40%;
    color: #000;
    font-weight: 500;
}

.frm-drp input {
    width: 60%;
    background: #eee;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
}

.frm-drp textarea {
    width: 60%;
    background: #eee;
    border: 0;
    border-radius: 5px;
    height: 150px;
    padding: 5px 10px;
}

.btnse {
    text-align: right;
}

.btnse button {
    background: #F00A0F;
    width: auto;
    padding: 8px;
    border: 0;
    color: #fff;
    border-radius: 5px;
}
.btnd i{
    color:#fff;
}
.iconss {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    border-radius: 5px;
    position: absolute;
    top: -47px;
    right: -40px;
    cursor:pointer;
}
.backs:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background: #000000a3;
    z-index:1;
}
.backs1:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background: #000000a3;
    z-index:1;
}
.backsmerror{
    position:relative;
}
.backsmerror:before{
     content:"";
    position:absolute;
    width:100%;
    height:100%;
    background: #000000a3;
    z-index:999;
}
.iconss .fa {
    color: #fff;
    font-size: 20px;
}
@media(max-width:750px){
    .frm-drp {
    flex-direction: column;
}

.frm-drp select {
    width: 100%;
}

.frm-drp p {
    width: 100%;
}

.enpop {
    width: 75%;
}

.frm-drp input {
    width: 100%;
}

.frm-drp textarea {
    width: 100%;
}

/*.activer {*/
/*    position: absolute;*/
/*}*/
.activer {
    position: fixed;
    height: 500px;
    top: 35%;
    transform: translateY(-30%);
    left: 15%;
    overflow-y: scroll;
}
.iconss {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    border-radius: 5px;
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer;
}
   .asmai {
    width: 100%;
}
}
/*pricing*/
@media(max-width:750px){
    .aba_prod_img {width:100%;}
}
/*product page*/
.additional-img {
    position: absolute;
    display: flex;
    align-items: center;
    width: 65%;
    justify-content: flex-start;
    flex-wrap: wrap;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 100px;
    overflow-y: scroll;
    transition: all 1s;
}

div {}

.imrt-img {
    width: 80px;
    /*height: 80px;*/
    height:auto;
    border: 0px solid;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    background: #fff;
    transition: border 200ms;
    box-shadow: 0 0 10px #b5b5b5;
    margin: 10px;
}
.inner_image img{
    animation:iop 600ms;
}
@keyframes iop{
    0%{opacity:0;}
    100%{opacity:1;}
}
.imrt-img img {
    width: 100%;
}
.imrt-img.actvr {
    border: 2px solid #000;
}
img.samli {
    /*transform: translate(0) !important;*/
        transition: transform 1s;
}
.additional-img::-webkit-scrollbar {
    width: 5px;
}
.additional-img::-moz-scrollbar {
    width: 5px;
}
/* Track */
.additional-img::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff; 
    border-radius: 10px;
}
 .additional-img::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #fff; 
    border-radius: 10px;
}
/* Handle */
.additional-img::-webkit-scrollbar-thumb {
    background: #216af0; 
    border-radius: 10px;
}
.additional-img::-moz-scrollbar-thumb {
    background: #216af0; 
    border-radius: 10px;
}

/* Handle on hover */
.additional-img::-webkit-scrollbar-thumb:hover {
    background: #105bbd; 
}
.additional-img::-moz-scrollbar-thumb:hover {
    background: #105bbd; 
}
/*product page*/
/*gallery*/
.hrimg{
        margin-bottom: -4px;
}
.hrimg img{
    width: 100%;
}
.tab-con {
    padding: 0px 50px;
}
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}

.elem, .elem * {
	box-sizing: border-box;
	margin: 0 !important;	
}
.elem {
	/*display: inline-block;*/
	/*font-size: 0;*/
	/*width: 100%;*/
	/*border: 20px solid transparent;*/
	/*border-bottom: none;*/
	/*background: #fff;*/
	/*padding: 10px;*/
	/*height: auto;*/
	/*background-clip: padding-box;*/
	display: block;
    font-size: 0;
    width: 100%;
    border-bottom: none;
    background: #fff;
    padding: 0;
    height: 200px;
    background-clip: padding-box;
}
.elem > span {
	/*display: block;*/
	/*cursor: pointer;*/
	/*height: 0;*/
	/*padding-bottom:	70%;*/
	/*background-size: cover;	*/
	/*background-position: center center;*/
	display: block;
    cursor: pointer;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
}
.tabhed {
    background: skyblue;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0px 100px;
}
.tabhed h4{
    
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
   
}

@media(max-width:920px){
    .elem{
        width: 49%;
    } 
}
@media(max-width:500px){
    .elem{
        width: 100%;
    } 
}

.hide{
    display: none;
}
.tabactive{
    display: block;
}

.tab-con .tabactive{
    animation: fd 1s;
    transition: opacity 1s;
}
@keyframes fd{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.border-boxx {
    width: 100%;
    height: 180px;
    border: 0px solid;
    overflow: hidden;
        position: relative;
            margin-bottom: 30px;
}

.gall_padr {
    margin: 30px 0px;
}
p.darer {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #000;
    font-size: 18px;
    top: 85%;
    opacity: 1;
}

.border-boxx:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    background: #f00a0f5e;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity:0;
    z-index:-1;
}
.catee_lst {
    text-align: center;
    padding: 30px 10px;
    background: #f5f5f5;
    transition: all 600ms;
}

.catee_lst p {
    margin: 0;
    transition: all 600ms;
}

.catee_lst a {
       display: block;
    padding: 0;
    margin-bottom: 10px;
    height: 50px;
}

.catee_lst a:hover p {
    color: #f00a0f;
    font-weight: 600;
    transition: all 600ms;
    transform: scale(1.5);
}
.catee_lst a.ghov p{
     color: #f00a0f;
     transform: scale(1.5);
    font-weight: 600;
    transition: all 600ms;
}
@media(max-width:750px){
    .border-boxx{
        height:auto;
    }
    .elem{
        height:auto;
    }
    .infr {
    flex-direction: column;
    height: auto;
    overflow:unset;
}

.inner_image {
    width: 100%;
}
.inner_ter h2 {
    font-size: 25px;
}
.inner_des {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px;
}
.spcxt {
    position: absolute;
    left: 20%;
    transform: translateX(0%);
}

.enquir {
    position: relative;
    /*top: 5px;*/
        right: 0;
}
.aba_continer .swiper-slide {
    background: transparent;
    margin-top: 100px;
    flex-direction: column;
}
.enquir.ine_btn {
    flex-wrap: wrap;
}

.enquir.ine_btn a {
    width: 100%;
}

.enquir.ine_btn .innprr {
    width: 100%;
}

.enquir.ine_btn .innprr .dropdown-menu {
    left: 0;
    min-width: 100% !important;
}
}
@media(max-width:600px){
    .tabhed{
        padding: 0px 20px;
        flex-wrap: wrap;
    }
    .tabhed h4 {
    width: 50%;
    margin: 10px auto;
    text-align: center;
        margin: 0
}
}
/*gallery*/
span.sprt {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000a3;
    z-index:2;
}
.aba_secimg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}




/*search*/
.serchy {
    /*position: absolute;*/
    /*z-index: 99;*/
    /*text-align: center;*/
    /*width: 50%;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%,-50%);*/
    
    position: relative;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    transform: translate(0,0);
    text-align:center;
}

.search_top h1 {
    /*color: #fff;*/
    color: #000;
    font-size: 40px;
    font-weight: 800;
}

.ser_text p {
    color: #fff;
    font-weight: 600;
}

.search_container input {
    padding: 16px;
    width: 80%;
    background: #fff;
    border-radius: 5px;
    border: 0;
    border: 1px solid;
}

.search_container input::placeholder {
    color: #b5b5b5;
}

.btn-search {
    padding: 16.2px;
    width: 19%;
    border-radius: 6px;
    position: relative;
    left: -20px;
        top: -0.4px;
    background: var(--main-bg-color);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border: 0;
}

.search_container {
    width: 80%;
    margin: auto;
}

button.btn.btn-search:hover {
    color: #fff;
}

input:focus{
    outline:none !important;
}
/*search*/
/*sec2*/
.bannerw .swiper-slide {
    background: #eee;
    padding: 10px;
}
.sec2ban{
    text-align:left;
}
.btn-explore {
    padding: 10px;
    width: 19%;
    border-radius: 6px;
    position: relative;
    left: 0;
    top: 0px;
    background: var(--main-bg-color);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border: 0;
}
.sec2ban h1 {
    font-size: 21px;
}
.explor {
    margin: 10px 0;
}

/*sec2*/
/*sec3*/
.container-fluid.bacjy{
    position:relative;
}
.container-fluid.bacjy:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 70%;
    top: 0;
    left: 0;
    background: #454545;
    z-index: -1;
    display: block !important;
}

.tabss p {
    color: #ddd;
    cursor: pointer;
}

.tabyful {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 40%;
    margin: 30px auto;
}

.tabs_contn {
    background: #fff;
    border-radius: 10px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 10px 0px 40px;
    box-shadow: 0 0 7px #0000001f;
}

.clck_img img {
    width: 100%;
    padding: 10px;
    border: 1px solid #d5d5d559;
}
.tabs_contn .clck_img {
    width: 100px;
    margin-right: 37px;
    margin-bottom: 40px;
}

.clck_img:hover {
    box-shadow: 0 0px 6px -1px #00000033;
}
.hider {
    display: none;
}
.acter{
    display:flex !important;
}

.tabss.samour p {
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
    position: relative;
}

.tabss.samour p:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    background: #fff;
    border-radius: 5px;
    bottom: -5px;
}

.budget {
    border: 1px solid #ddd;
    text-align: center;
    width: 200px;
    padding: 19px;
    margin-bottom: 30px;
    margin-right: 16px;
}

.budget p {
    margin: 0;
}

/*sec3*/

/*sec4*/
.imag_lart img {
    width: 100%;
    border-radius: 5px;
}
.latest_bikes {
    background: #eee;
    margin-bottom: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.main_latest p {
    text-align: center;
    margin: 10px 0;
    color: #000;
    font-weight: 600;
}

.btn_finac {
    padding: 10px 15px;
    text-align: center;
}

.btn_finac button {width: 40%;margin-right: 5px;margin-left: 5px;}

.btn_finac button:nth-child(2) {
    margin-left: 20px;
}

.btn_enquire {}

.btn_enqire {
    padding: 6px;
    position: relative;
    left: 0;
    top: 0px;
    background: var(--main-bg-color);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border: 0;
        width: 60%!important;
}

.btn_finan {
    border-radius: 0;
    display:none;
}

.eqf {
    padding: 0;
}

.elpas {
    padding-left: 0;
}
.budget:hover {
    box-shadow: 0 11px 20px 7px #b5b5b559;
}
.sty_img img {
    width: 35%;
}
/*sec4*/
/*agree*/
.disclimer {
    display: flex;
    align-items: center;
    background: #fff;
    position: fixed;
    z-index: 99;
    bottom: 0;
    padding: 20px 30px;
    box-shadow: 0 0 7px #0000004a;
}

.disclimer p {
    width: 90%;
}
button#agree {
    background: #454545;
    color: #fff;
}
/*agree*/

button.btn.btn_enqire.bn_ {
    padding: 10px 20px !important;
    margin: 22px 0px;
    margin-bottom: 0;
}

.col-md-12.wert {
    border: 1px solid #ddd;
    padding: 30px 20px;
    margin: 10px 0;
        margin-bottom: 30px;
}

.serch_bikes select {
    padding: 10px 5px;
    width: 100%;
    border-color: #ddd;
}
/*5 min*/
.pop_5_min {
    display: block;
    z-index: 999;
    position: fixed;
}

#poppymin5 input{
    width:49%;
    padding:15px 10px;
}
#poppymin5 textarea {
    width: 49%;
}
#poppymin5 .frm-drp{
    justify-content: space-between;
}
.herdf h1 {
    margin: 6px 0;
    color: #000;
}
/*5 min*/
/*finance*/
.sd_inpt input {
    width: 80%;
    padding: 15px 10px;
    border-radius: 5px;
    border-width: 0;
    border: 1px solid #ddd;
        height: auto !important;
}
.sd_inpt .input-group{
    width:80%;
} 
.sd_inpt select {
    width: 80%;
    padding: 15px 10px;
    border-radius: 5px;
    border-width: 0;
    border: 1px solid #ddd;
    height: auto !important;
}

.sd_inpt p {
    margin: 0;
}

.sd_inpt {
    margin-bottom: 20px;
}
.sd_inpt .form-group{
    margin-bottom:0 !important;
}
.sd_inpt textarea {
    width: 90%;
    height: 100px;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 10px 10px;
}

.frm_hes p {
    width: 25%;
    font-size: 20px;
    color: #000;
    background: #eee;
    padding: 20px 0;
    text-align: center;
}

.border_bx {
    border-left: 1px solid #ddd;
    padding: 0;
}
p.mid_ser {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
button.btn.btn-enqire.btn-block {
    width: 40%;
    margin: 10px auto;
    padding: 15px 15px;
    font-size: 18px;
    font-weight: 600;
    background: var(--main-bg-color);
    color: #fff;
}
/*finance*/
/*inner*/
.tabby {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 30%;
    margin: 15px auto;
}

.tabby .specifi p {
    font-weight: 600;
    font-size: 25px;
    color: #000;
    cursor: pointer;
}

.tabby .specifi.bory p {
    color: #f00b0f;
    position: relative;
}

.tabby .specifi.bory p:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #f00b0f;
    bottom: -7px;
    border-radius: 5px;
}
#quote-carousel{
    width:100%;
}
.acti{
    display:block;
}
.clr_circ.actvr {
    border: 2px solid #000;
}
/*inner*/
/*float*/
.icon_box {
    background: var(--main-bg-color);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    position:relative;
}
.flotty_con {
    position: fixed;
    z-index: 99;
    top: 70%;
    transform: translateY(-50%);
}
p.hvr_obj {
    position: absolute;
    left:0%;
    background: var(--main-bg-color);
    color: #FFF;
    padding: 10px;
    width: 300px;
    display:none;
    z-index: -1;
        top: 0;
}
.hver:hover .hvr_obj {
    display:block;
    left:100%;
    animation:slide 600ms;
}
.icon_box.hver:hover {
    top: -3px;
    transition: top 600ms;
}
#st-1 .st-btn[data-network='sharethis'] {
    background-color: var(--main-bg-color);
}
.carousel-indicators img{
    height:100%;
}
@keyframes slide {
    0%{left:0;opacity:0;}
    100%{left:100%;opacity:1;}
}
/*float*/
@media(max-width:750px){
    .bannerw .swiper-slide{
        flex-direction:column;
              min-height: 350px;
    }
    .tabby {
    width: 90%;
}

.enquir.ine_btn {
    order: 2;
}
.inner_ter {
    /*padding: 0px 30px;*/
    display: flex;
    align-items: center;
    flex-direction: column;
}
.descrti{
        order: 1
}
.tabby .specifi p {
    font-size: 20px;
}
.enquir.ine_btn button {
    margin-bottom: 10px;
    width: 100%;
}


    .btn-explore{
        width:50%;
    }
    .search_top{
        display:none;
    }
    .ser_text{
        display:none;
    }
    .serchy {
    width: 100%;
}

.search_container input {
    width: 100%;
    padding: 10px;
}

.btn-search {
    width: 50%;
    padding: 10px;
    margin: 10px auto;
    left: 0;
}
.sec2ban {
    text-align: left;
    padding-bottom: 10px;
}
.tabs_contn .clck_img {
    width: 100px;
    margin-right: 23px;
    margin-bottom: 30px;
}
.tabyful{
    width:100%;
}
.budget {
    border: 1px solid #ddd;
    text-align: center;
    width: 100%;
    padding: 19px;
    margin-bottom: 16px;
    margin-right: 16px;
    min-width: 230px;
}
.frm_hes p {
    width: 100%;
}
.sd_inpt input {
    width: 100%;
}
.sd_inpt .input-group {
    width: 100%;
}
.sd_inpt select {
    width: 100%;
}
.sd_inpt textarea {
    width: 100%;
}

.pop_5_min {
    display: block;
    z-index: 9999;
    position: absolute;
    top: 20%;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 90%;
}
#poppymin5 input {
    width: 100%;
    padding: 15px 10px;
    margin: 10px 0;
}
#poppymin5 .frm-drp {
    justify-content: space-between;
    margin: 0;
}
#poppymin5 textarea {
    width: 100%;
    margin: 10px 0;
}
.herdf h1 {
    margin: 6px 0;
    color: #000;
    font-size: 17px;
}
}
.hidde{
    display:none;
}

.tabby_content {
    min-height: 30vh;
    margin:15px;
}

[data-network="blogger"] {
    display: none !important;
}
[data-network="delicious"] {
    display: none !important;
}
[data-network="digg"] {
    display: none !important;
}
[data-network="flipboard"] {
    display: none !important;
}
[data-network="livejournal"] {
    display: none !important;
}
[data-network="mailru"] {
    display: none !important;
}
[data-network="digg"] {
    display: none !important;
}
[data-network="meneame"] {
    display: none !important;
}
[data-network="odnoklassniki"] {
    display: none !important;
}
[data-network="reddit"] {
    display: none !important;
}
[data-network="tumblr"] {
    display: none !important;
}
[data-network="vk"] {
    display: none !important;
}
[data-network="weibo"] {
    display: none !important;
}
[data-network="xing"] {
    display: none !important;
}
[data-network="buffer"] {
    display: none !important;
}
[data-network="delicious"] {
    display: none !important;
}
[data-network="diaspora"] {
    display: none !important;
}
[data-network="digg"] {
    display: none !important;
}
[data-network="douban"] {
    display: none !important;
}
[data-network="evernote"] {
    display: none !important;
}
[data-network="flipboard"] {
    display: none !important;
}
.st-btns .st-btn[data-network]{
    display:none !important;
}
.st-btns .st-btn[data-network="facebook"] {
    display: inline-block !important;
}
.st-btns .st-btn[data-network="gmail"] {
    display: inline-block !important;
}
.st-btns .st-btn[data-network="messenger"] {
    display: inline-block !important;
}
.st-btns .st-btn[data-network="twitter"] {
    display: inline-block !important;
}
.st-btns .st-btn[data-network="whatsapp"] {
    display: inline-block !important;
}
.st-btns .st-btn[data-network="email"] {
    display: inline-block !important;
}
.st-btns .st-btn[data-network="yahoomail"] {
    display: inline-block !important;
}

.st-btns .st-btn[data-network="sms"] {
    display: inline-block !important;
}
.iser{
        width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index:999;
}
button.btn.btn-reviewr.reviewer {
    text-align: center;
    margin: auto;
    background: #f00a0f;
    color: #fff;
    padding: 12px 0px;
    width: 20%;
}

.revr {
    text-align: center;
    width: 100%;
}
#myModalreview textarea{
    height:100px !important;
}
#myModalreview h1{
    margin:0;
}
.werr.acti img:nth-child(2) {
    /*display: none;*/
}
.drpr {
    position: absolute;
    z-index: 99;
    top: 57%;
    left: 50%;
    transform: translateX(-50%);
}
@media(max-width:750px){
    button.btn.btn-reviewr.reviewer{
        width: 70%;
    }
    .swiper-container{
            height: 100%;
    }
      .swiper-slide img {
    width: 100%;
        transform: scale(1);
}
.search_container input{
        width: 100%;
    padding: 8px;
}
.btn-search {
    width: 50%;
    padding: 7px;
    margin: 7px auto;
    left: 0;
}
.search_container {
    width: 75%;
    margin: auto;
    position: relative;
    top: 7px;
}
}

/*qutotation*/
.step_stripe {
    display: flex;
    align-items: center;
    background: #ddd;
    padding: 7px 10px;
    width: 98%;
    margin: 2em auto;
}

.step_stripe span {
    margin-right: 10px;
    transform: rotate(-90deg);
    top: 0px;
    position: relative;
}
.step_stripe .active{
    color: var(--main-bg-color);
}
.step_stripe span.active {
    color: var(--main-bg-color);
}
.step_stripe p {
margin: 0;
    font-weight: 500;
    font-size: 16px;
}
.borted {
    box-shadow: 0px 0px 7px 3px #ddd;
    border-radius: 5px;
    background: #f1f1f1;
    padding: 20px;
}
.pd-0 {
    padding: 0;
}
.borted h2 {
    margin: 0;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 1em;
    border-bottom: 2px solid #ddd;
    color: #000;
    padding: 5px 0;
}
.frm_space label {
    width: 100%;
}

.frm_space {
    margin: 1em auto;
}

.frm_space input {
    width: 80%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    box-shadow: 0px 0px 0px 2px #ddd;
}
.frm_space select {
        width: 80%;
    padding: 0 10px;
    border-radius: 5px;
    border: 0;
    box-shadow: 0px 0px 0px 2px #ddd;
    height: 40px
}
.dwid{
    height:auto;
}


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

.ybox p {
    margin: 0;
}

.sda input {
    position: absolute;
    top: 0;
     opacity: 0;
    display: block;
}


.checlk i{
    opacity:0;
}
.sda label {
    border: 0;
    width: 100%;
    margin: 2em 0;
    margin-left: -3px;
    padding: 20px 10px;
    position: relative;
    background: #f1f1f1;
    box-shadow: 0 0 6px 3px #ddd;
        overflow: hidden;
        border-radius:5px;
}
.pl-0{
    padding-left:0;
}
input[name="optradio"]:checked+.ybox .checlk, [name="optradio"].with-gap:checked+.ybox .checlk{
   background: #e6575a !important;
     color: #fff;
    padding: 20px;
    position: absolute;
    right: 0;
    

}
input[name="optradio"]:checked+.ybox .checlk i, [name="optradio"].with-gap:checked+.ybox .checlk i{
     color: #fff;
     opacity: 1;
         font-size: 25px;
}

input[name="optradio"]:checked+.sasa .checlk, [name="optradio"].with-gap:checked+.sasa .checlk{
   background: var(--main-bg-color) !important;
   color: #fff;
   position: absolute;
   left: -33%;
   top: -35%;
   width: 100px;
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   transform: rotate(45deg);
}
input[name="optradio"]+.sasa .checlk, [name="optradio"].with-gap+.sasa .checlk{
   background: #ddd !important;
   color: #fff;
   position: absolute;
   left: -33%;
   top: -35%;
   width: 100px;
   height: 100px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   transform: rotate(45deg);
}
input[name="optradio"]:checked+.sasa .checlk i, [name="optradio"].with-gap:checked+.sasa .checlk i{
     color: #fff;
     opacity: 1;
     font-size: 20px;
     font-weight: 200;
     position: absolute;
     left: 70px;
     transform: rotate(-45deg);
}
.mrtw {
    margin: 2em 0;
    text-align: right;
    /*margin-top: 35%;*/
}

.btn-red {
    background: var(--main-bg-color);
    color: #fff;
    padding: 10px;
}
.btn-black {
    background: #454545;
    color: #fff;
    padding: 10px;
}
.seprt2 button:hover {
    color: #fff;
}
.seprt2 {
    text-align: right;
    margin: 1em 0;
}

.seprt2 button {
    width: 150px;
}
.sep2 p {
    margin: 0;
    width:40%;
        font-size: 15px;
}

.sep2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 8px 0px;
}
.boldy {
    color: #000;
    font-weight: 600;
}

.clred {
    color: var(--main-bg-color);
    font-size: 2em !important;
}
.spce{
        margin: 1em auto;
    display: flex;
    align-items: center
}
.spce label{
    width:40%;
}
.spce input {
    width: 60%;
}

.spce select {
    width: 60%;
    height:45px;
}
.borted.heht {
    min-height: 360px;
    height: 100%;
    margin-bottom: 1.5em;
}
.brdr {
    padding: 20px;
    width: 150px;
    height: 150px;
    box-shadow: 0 0 7px 3px #d4d4d4;
    border-radius: 5px;
    position:relative;
    overflow: hidden;
    cursor:pointer;
}
.brdr input[type="checkbox"] {
    opacity: 0;
    display: none;
}
.light_txt {
    font-size: 15px;
    font-weight: 400;
}
span.border_txt {
    border-bottom: 1px solid;
}

p.boldly {
    font-size: 2.5rem;
    margin: 0;
    color: #000;
    text-align: center;
}

small {
    text-align: left;
    display: block;
    position: relative;
    left: 8px;
    margin: 0.3em 0;
}

p.medm {
    color: #000;
    margin: 0em;
}
.hert{
        margin: 1.5em 0;

}
.serty{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ss_dix {
    width: 45%;
}
.dert {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

p.apply {
    cursor: pointer;
    text-align: center;
    padding: 10px;
    width: 120px;
    margin-left: 20px;
    position: relative;
    top: 5px;
    box-shadow: 0 0 3px 3px #ddd;
    border-radius: 5px;
    font-size: 14px;
    background: var(--main-bg-color);
    color: #fff;
}
.mrs_no{
    margin:0;
}
.frm_space textarea {
    width: 80%;
    height: 110px;
    background: #f1f1f1;
    box-shadow: 0px 0px 7px 3px #ddd;
    border: 0;
    padding: 15px;
}
/*multiselect*/
.multi-select-container {
  display: inline-block;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 0.8em;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  padding: 0.4em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

.multi-select-menu label {
  display: block;
  font-size: 0.875em;
  padding: 0.3em 1em;
  white-space: nowrap;
}

.multi-select-menu input {
  margin-right: 0.3em;
  vertical-align: 0.1em;
}

.multi-select-button {
  display: inline-block;
  font-size: 0.875em;
  padding: 0.2em 0.6em;
  max-width: 20em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu { display: block; }

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}
.smlee multi-select-container {
    width: 100%;
}

.smlee .multi-select-container {
    width: 100%;
}

.smlee .multi-select-container span {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}

.smlee .multi-select-menu {
    z-index: 99;
    top: 2em;
}
/*multiselect*/
page {
  background: white;
  display: block;
  margin: 1em auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm #ddd;
}
page[size="A4"] {
  width: 21cm;
  height: 29.7cm;
  padding: 15px 0;
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
p.mrg_no {
    margin: 0;
}



.estim {
    width: 110px;
    background: var(--main-bg-color);
    text-align: center;
    border-radius: 30px;
    /* margin: 10px 0; */
    margin-bottom: 10px;
}

.estim p {
    color: #fff;
    font-size: 14px;
    padding: 4px;
}

h1.bordert {
    color: var(--main-bg-color);
    font-family: none !important;
    font-weight: 600;
    margin: 0;
    border-bottom: 2px solid #000;
    padding-bottom: 6px;
    margin-bottom: 1em;
}
.sf_nme {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sf_nme p {
    width: 50%;
    font-size: 12px;
    margin: 0;
}

p.norml {
    color: #000;
    font-weight: 500;
}

.boldyred {
    color: var(--main-bg-color);
    font-weight: 600;
}

.smpel {
    display: flex;
    align-items: center;
}

.smpel p {
    width: 34%;
    font-size: 14px;
    color: #000;
    margin: 0;
    font-weight: 500;
}

address {
    margin: 0em 0;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.sng_nme {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sng_nme p {
    width: 35%;
    font-size: 14px;
}

.sng_nme .norml {
    font-weight: 400;
}

p.light_dark {
    color: #000;
    font-weight: 500;
}
.hedr {
    background: #e0e0e0;
}

.hedr h3 {
    margin: 0;
    font-size: 18px;
    color: #000;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.smntr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0.5em 0;
}

.smntr p {
    font-size: 13px;
    margin: 0;
    width: 50%;
    font-weight: 500;
}
.sedr_nn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sedr_nn p {
    margin: 0;
}

.sedr_nn h3 {
    width: 50%;
    font-size: 14px;
}

.sedr_nn p {
    font-size: 18px;
    font-weight: 600;
    color: var(--main-bg-color);
}
/*.boxk {*/
/*    width: 49%;*/
/*    height: 85px;*/
/*    margin: 0.2em 0;*/
/*    background: #f1f1f1;*/
/*    padding: 15px;*/
/*}*/
.boxk p {
    margin: 3px;
    font-size: 14px !important;
}
.boxk {
    width: 49%;
    height: 100px;
    margin: 0.2em 0;
    background: #f1f1f1;
    padding: 7px;
}
.swert {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.5em 0px;
}

p.grtred {
    color: var(--main-bg-color);
    font-size: 12px;
}

.img_tg img {
    width: 100%;
}

p.grtred span {
    color: var(--main-bg-color);
    margin-right: 5px;
    border-bottom: 1px solid #000;
}

p.boldd {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.fitr_lst {
    margin: 0.5em 0;
}

.fitr_lst p {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
}
.bckyu small {
    left: 0 !important;
}

.notr p {
    margin: 0;
}

.notr {
    margin: 0.5em 0;
}
sub.ste_dot {
    font-weight: 600;
    font-size: 18px;
    top: -3px;
    left: -3px;
}
.bckyu {
    background: #e0e0e0;
    margin: 0.5em 0;
    padding: 10px;
    height: 90px;
    border: 1px solid #e2d2d2;
}
p.dark {
    margin: 0;
    font-weight: 600;
    color: #000;
}

p.dred {
    color: var(--main-bg-color);
    font-size: 8px;
}

p.normale {
    font-size: 14px;
}
.wery {
    margin: 0.5em 0;
}

.wery .col11 {
    background: #f1f1f1;
    height: 50px;
    padding: 6px;
}
.wery .col12 {
    background: #f1f1f1;
    height: 50px;
    padding: 6px;
}
.col11 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.col12 {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.clrble {
    color: skyblue !important;
}
button#print {
    background: #454545;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
    width: 100px;
}

.llsting {
    text-align: right;
}

button#print .fa {
    color: #fff;
}
/*err*/
.success {
background: green;
color: #fff;
height: 30px;
display: inline-block;
padding: 5px 11px;
border-radius: 30px;
}

.success .fa {
    color: #fff;
    display: inline-block;
    padding: 2px;
    margin-left: 10px;
    border: 0;
    cursor: pointer;
}
.error {
    background: red;
    color: #fff;
    height: 30px;
    display: inline-block;
    padding: 5px;
}
.tot_color {
    color: var(--main-bg-color);
}
.smlee.sqdf {
    display: flex;
    align-items: center;
}
.diskk{
    margin: 0;
    border: 1px solid #ddd;
    background: #fff;
    width: 60%;
    border-radius: 5px;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 7px;
}
.smlee.sqdf .btn-info {margin-left: 5px;padding: 9px;}
small.smm {
    left: 0;
    font-size: 12px;
    color: red;
    font-weight: 600;
}
.llsting a {width: 100px;text-align: center;height: 35px;padding: 7px 0px;background: #f00a0f;color: #fff;border-radius: 5px;margin: 1em  0.5em;display: inline-block;}

button.multiselect.dropdown-toggle {
    background: #fff;
    border: 0;
    height: 45px;
    border: 1px solid #ddd;
    box-shadow: none !important;
    overflow: hidden;
    width: 250px !important;
}

ul.multiselect-container.dropdown-menu {
    padding: 10px;
}
form.prfrm {
    width: 80%;
    box-shadow: 0 0 20px 0px #ddd;
    margin: 1em auto;
    padding: 2em;
}
/*err*/
@media(max-width:750px){
    .serty {
    flex-wrap: wrap;
}
form.prfrm{
    padding: 0.7em;
    width: 98%;
}
/*.prfrm button.multiselect.dropdown-toggle {*/
/*    width: 100% !important;*/
/*    margin: 1em 0;*/
/*}*/
/*.prfrm .btn-group.open {*/
/*    width: 200px !important;*/
/*    overflow-x: hidden;*/
/*}*/
.innprr p.btn {
    padding: 12px;
    width: 100% ;
}
   .dwid{
    height:auto;
} 
.step_stripe {
    flex-wrap: wrap;
}

.step_stripe a {
    display: block;
    width: 46%;
    margin: 0.5em;
}
.dam_i {
    padding: 0;
    margin: 1.5em 0;
}

.frm_space input {
    width: 100%;
}

.frm_space select {
    width: 100%;
}
.dam_0 {
    padding: 0;
    margin: 0;
}
.borted h2 {
    margin: 0;
    font-size: 20px;
}
.sda label {
    margin: 0em 0;
}
.mrtw {
    margin-top: 0;
}
.spce {
    flex-direction: column;
    align-items: flex-start;
}

.spce label {
    width: 100%;
}

.spce input {
    width: 100%;
}

.spce select {
    width: 100%;
}
.borted.heht {
    min-height: 100%;
}
}
/*qutotation*/


#verify_btn {
    width: auto; 
    margin: 0px 2px;
    background: #F00A0F;
    color: #fff;
}
#Sendr_btn {
    width: auto; 
    margin: 0px 2px;
    background: #F00A0F;
    color: #fff;
}
#phonefielder{
   width:50%; 
}
#otpp{
   width:50%; 
}
@media(max-width:600px){
    .loco_mo {
    display: none !important;
}

.flotty_con {
    display: flex;
    align-items: center;
    top: unset;
    transform: translate(0);
    bottom: 0;
    width: 100%;
    background: red;
}

.flotty_con a{
    width:50%;
}

.icon_box {
    display: inline-block !important;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
    text-align: center;
}
img.whar {
    width: 15%;
}

img.cali {
    width: 12%;
}
.tabs_contn{
        padding: 10px 10px 10px 10px;
}
a:nth-child(4) .budget {
    margin: 0;
}
}

.note
{
    text-align: center;
    height: 80px;
    background: -webkit-linear-gradient(left, #f00a0f, #ff3338);
    color: #fff !important;
    font-weight: bold;
    border-radius:5px;
    line-height: 80px;
}
.note p
{
    color: #fff !important;
}
.form-content
{
    padding: 5%;
    border: 1px solid #ced4da;
    margin-bottom: 2%;
}
.form-control{
    border-radius:0.5rem;
}
.btnSubmit
{
    border:none;
    border-radius:1.5rem;
    padding: 1%;
    width: 20%;
    cursor: pointer;
    background: #0062cc;
    color: #fff;
}
.call-to-action {background:#f00a0f; padding:40px 0; margin:20px 20px;color: #fff;border-radius:5px;background-color: #fc9842;
background-image: linear-gradient(315deg, #fc9842 0%, #fe5f75 74%);}
.call-to-action h1{color: #fff;}
.btn.btn-white {
    background: #fff;
    color: #666;
    border-bottom: 4px solid #ddd;
    margin-top:10px;
}

@media (max-width: 768px) {
    .m-text-center {text-align:center;}
    .call-to-action h1{font-size:20px;color: #fff;}
}
@media (max-width: 1024px) {
    .m-text-center {text-align:center;}
    .call-to-action h1{font-size:25px;color: #fff;}
}