/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Feb 12, 2020, 10:55:43 AM
    Author     : Mandeep Singh
*/
@font-face{font-family:'skf_chevin_mediumregular';src:url('./fonts/skfchevinmedium-webfont.woff2') format('woff2'),url('./fonts/skfchevinmedium-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'SKF Chevin';src:url('./fonts/SKFChevinDemiBold.woff2') format('woff2'),url('./fonts/SKFChevinDemiBold.woff') format('woff'),url('./fonts/SKFChevinDemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'skf_chevin_mediumbold';src:url('./fonts/skfchevinbold-webfont.woff2') format('woff2'),url('./fonts/skfchevinbold-webfont.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'skf_chevin_lightregular';src:url('./fonts/skfchevinlight-webfont.woff2') format('woff2'),url('./fonts/skfchevinlight-webfont.woff') format('woff');font-weight:400;font-style:normal}
/*Latest fonts start*/
@font-face {
    font-family: 'SKFSans-Medium';
    src: url('./fonts/new-fonts/SKFSans-Medium.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-Regular';
    src: url('./fonts/new-fonts/SKFSans-Regular.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-LightItalic';
    src: url('./fonts/new-fonts/SKFSans-LightItalic.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-Italic';
    src: url('./fonts/new-fonts/SKFSans-Italic.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-MediumItalic';
    src: url('./fonts/new-fonts/SKFSans-MediumItalic.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-Light';
    src: url('./fonts/new-fonts/SKFSans-Light.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-BoldItalic';
    src: url('./fonts/new-fonts/SKFSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SKFSans-Bold';
    src: url('./fonts/new-fonts/SKFSans-Bold.woff2') format('woff2'),
        url('./fonts/new-fonts/SKFSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*Latest fonts close*/
:root {
    --SKF-Light : 'SKFSans-Light', sans-serif;
    --SKF-Regular : 'SKFSans-Regular', sans-serif;
    --SKF-Medium : 'SKFSans-Medium', sans-serif;
    --SKF-Bold : 'SKFSans-Bold', sans-serif;
}
html{font-size:16px;}
body{/*font-family: 'Oswald', sans-serif;*/font-family: var(--SKF-Medium), sans-serif;background-color: #fff;}
::-webkit-scrollbar-track{background-color: #f0f3f4;}
::-webkit-scrollbar{width: 4px;height: 5px;}
::-webkit-scrollbar-thumb{background-color: #0000FE;}
.font-12{font-size: 0.75rem;}.font-14{font-size: 0.875rem;}.font-18{font-size: 1.125rem;}
a, a:hover{text-decoration: none;}
.light-text{color:#8b8b8b}
.shadow-none{box-shadow: none;}
.font-weight-300{font-weight: 300;}.font-weight-400{font-weight: 400;}.font-weight-500{font-weight: 500 !important;}
.w-auto {width: auto!important;}
.flex-grow-1{flex-grow: 1;}
.cursor-pointer{cursor: pointer;}
.btn{text-transform: capitalize;}

/*Auth Pages*/
.auth-pages{height: 100vh;}
.auth-pages .left-section .logo-section{background-color: #0000FE;height: 100px;padding: 20px 80px;}
.auth-pages .right-section{background: linear-gradient(rgba(15, 88, 214, 0.6), rgba(15, 88, 214, 0.6)), url(../images/auth-bg-img.jpg) no-repeat;background-size: cover;color: #fff;}
.auth-pages .right-section h5{font-size: 2rem;}
.auth-pages .right-section h2{font-size: 2.5rem;font-weight: 600;line-height: 1.1;}
.auth-pages .left-section-inner{padding: 50px 80px;}
.left-section-inner .login-register-btn{border-bottom: 1px solid #d4d4d4;}
.left-section-inner .login-register-btn li a{color: #000000;font-size: 1.125rem;font-weight: 300;position: relative;}
.left-section-inner .login-register-btn li a.active{border-bottom:3px solid #d42a59;font-weight: 500;}
.register-form{height: calc(100vh - 280px);overflow-y: scroll;overflow-x: hidden;}
.custom-form-group label{color: #9e9e9e;letter-spacing: .3px;font-size: 14px !important;}
.custom-form-group input, .custom-form-group select, .custom-form-group textarea{background-image: none !important;background-color: #f0f3f4;border-radius: 6px; margin-top: 10px;color:#646363;font-weight: 300;height: 50px;line-height: 1.5 !important;padding:10px 20px;border: none;width: 100%;}
.custom-form-group input::placeholder{color:#646363;font-weight: 300;line-height: 1.5}
.custom-form-group input:focus, .custom-form-group select:focus, .custom-form-group textarea:focus{background-color: #f0f3f4;outline: none;box-shadow: none !important}
.form-group.custom-form-group select{background: #f0f3f4 url(../images/icons/dropdown-icon.svg) no-repeat top 22px right 12px !important;height: 50px !important;padding-right: 35px;transition: .5s ease-in-out}
.form-group.custom-form-group textarea{height: 80px;resize: none;}
.custom-form-group.is-focused input{background-image: none;}
.left-section-inner .forgot-link{color: #a7a7a7;text-decoration: underline;font-size: 0.875rem;font-weight: 300;letter-spacing: .4px;}
.custom-checkbox .checkbox label .checkbox-decorator .check{border: .105rem solid #e2e2e2; border-radius: 0;}
.custom-checkbox .checkbox label .checkbox-decorator{padding: 0;margin: 0;}
.custom-checkbox .checkbox label{margin-bottom: 0;display: flex;align-items: center;transition: .5s ease-in-out;}
.primary-btn1, .primary-btn1:hover, .primary-btn1:focus, .primary-btn1:active:focus{color: #ffffff;background-color: #0000FE;border-radius: 6px;padding:10px 20px;height: 50px;}
.left-section-inner .desc-details{font-weight: 300;font-size: 0.875rem;color: #777777;}
.left-section-inner .desc-details a{color: #d42a59;text-decoration: underline}
.upload-aadhar{background-color: #f0f3f4;border-radius: 10px;margin-top: 10px;color: #646363;font-weight: 300;height: 50px;line-height: 1.5 !important;padding: 10px 20px;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.upload-aadhar input{position: absolute;left: 0;top: 0;margin: 0;opacity: 0;}
.custom-form-group .validation-error{color: #ff0000}

/*Header*/
.header-main{background-color: #fff;}
.header-main.header-fixed{position: fixed;top:-60px;z-index: 98;width: 100%;transform: translateY(60px);transition: .9s ease-in-out;}
.header-main.header-fixed .middle-navbar{padding: 10px 0;transition: .3s ease-in-out;box-shadow: 0px 0px 20px rgba(31, 30, 30, 0.13);border-bottom: 1px solid #dee2e6;}
.header-main.header-fixed .header-logo{width: 120px;}
.main-navbar .navbar-toggler1{display: none;}
.main-navbar .navbar-toggler1 span{width: 24px;height: 2px;background-color: black;margin: 6px 0;margin-top: 6px;display: block;transition: .5s ease-in-out}
.top-navbar{background: #0000FE;height: 50px;color: #b3c9f1;font-size: 0.9375rem;}
.top-navbar .left-topnabar a{color: #fff;display: flex;align-items: center;}
.top-navbar .requirement-btn{background-color:#d42a59;height: 50px;letter-spacing: .5px;text-transform: capitalize;}
.top-navbar .right-topnabar .border-left{border-left: 1px solid #4582ea!important;}
.top-navbar .right-topnabar ul li a{color: #b3c9f1;}
.middle-navbar{padding: 15px 0;}
/*.middle-navbar .right-middlenavbar{position: relative;}*/
.right-middlenavbar .searchbar input{width: 350px;font-size: 0.875rem;height: 40px;border: 1px solid #ccc;background-image: none !important;font-size: 14px; padding: 10px;}
.right-middlenavbar .searchbar input::placeholder{font-size: 0.875rem}
.right-middlenavbar .searchbar button{background: #0000FE;cursor: pointer;padding: 5px 12px;border: 1px solid #0000FE;display: flex;}
.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {background-image: linear-gradient(0deg,#0000FE 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 2px,transparent 0);}
.middle-navbar .right-middlenavbar .border-left, .middle-navbar .right-middlenavbar .border-right{border-color: #848484 !important;}
.right-middlenavbar ul li .item-price{color: #3a3a3a;font-weight: 500;font-size: 0.875rem;}
.main-navbar{z-index: 999;}
.main-navbar .main-navbar-inner nav{background-color: #eaeaea;}
.main-navbar nav ul li a.nav-link{padding: 10px 13px !important;color: #1d1d1d;font-weight: 500;text-transform: capitalize;}
.main-navbar nav ul li .dropdown-menu{padding: 0;margin: 0}
.main-navbar nav ul li.dropdown .dropdown-menu{margin-left: 15px;max-height: 300px;overflow-y: auto;max-width: 250px;}
.main-navbar nav ul li.dropdown:hover>.dropdown-menu {transform: scale(1);display: block;opacity: 1;transition: .5s ease-in-out}


.main-navbar nav ul li .dropdown-menu a{padding: 8px 15px;min-height: inherit;font-size: 0.875rem;border-bottom: 1px solid #efefef;white-space: normal;line-height: 1.4;}
.main-navbar nav ul li .dropdown-menu a:last-child{border-bottom: 0;}
/*Slider*/
.slidersection{position: relative;z-index: 0}
.slider-content{position: absolute;width: 40%;left: 5%;height: 100%;color: #ffffff;}
.slider-content span{font-size: 3.125rem;font-weight: 300;}
.slider-content h3{font-size: 4rem;font-weight: 500;line-height: 0.8;}
.slidersection .read-more-btn, .slidersection .read-more-btn:hover, .slidersection .read-more-btn:focus{background-color: #d42a59;padding: 10px 15px;color:#fff;font-size: 1rem;border-radius: 6px;margin-right: 15px;}
.slidersection .explore-btn, .slidersection .explore-btn:hover, .slidersection .explore-btn:focus{background-color: #fff;padding: 10px 15px;color:#000;font-size: 1rem;border-radius: 6px;border: 1px solid #cacaca;}
.slidersection .owl-nav .owl-prev {position: absolute;left: 15px;top: 42%;width: 15px;height: 28px;background: url('../images/icons/banner-prev.png') no-repeat !important;background-size: 100% !important;}
.slidersection .owl-nav .owl-next {position: absolute;right: 15px;top: 42%;width: 15px;height: 28px;background: url('../images/icons/banner-next.png') no-repeat !important;background-size: 100% !important;}
.slidersection .owl-nav .owl-prev span, .slidersection .owl-nav .owl-next span{display: none;}
.slidersection .owl-dots{position: absolute;right: 30px;bottom: 30px;}
/*Introduction section*/
.introduction-section h3, .services-section h3, .category-section h3, .popular-products h3, .join-with-us h3, .how-it-works h3{font-size: 1.875rem;font-weight: 600;position: relative;}
.introduction-section p{color: #646363;line-height: 1.3;font-weight: 300;letter-spacing: .3px;}
.introduction-section h5{font-size: 1.25rem;}
.introduction-section .help-circle{width: 80px;height: 80px;border-radius: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.introduction-section .help-circle1{background-color: #ef7d01;}
.introduction-section .help-circle2{background-color: #7a1e81;}
.introduction-section .help-circle3{background-color: #0169b4;}
.introduction-section .help-circle4{background-color: #94c11a;}
.introduction-section label{margin-top: 15px;}
/*Services Section*/
.services-section .services-inner h4{color: #000;font-size: 1.25rem;}
.services-section .services-inner p{color: #8a8a8a;font-weight: 300;font-size: 0.875rem;letter-spacing: .5px;}
/*Category Section*/
.category-section{color:#fff;background: #0000FE url("../images/category-bg.png") fixed;}
.category-section ul li h4{font-size: 1.125rem;}
.category-section ul li img{transition: .5s ease-in-out;}
.category-section ul li:hover img{transform: rotate(35deg)}
/*Popular Products*/
.popular-products h3 a{position: absolute;right: 0;top: 17px;color: #0000FE;font-size: 0.875rem;text-transform: lowercase;}
.popular-products .product-home-outer{margin: 20px 0}
.product-home-outer .product-inner1 .view-more-btn{font-size: 0.875rem;transition: .5s ease-in-out}
.product-home-outer .product-inner1{overflow: hidden;padding: 15px;transition: .5s ease-in-out;}
.product-home-outer .product-inner1:hover {box-shadow: 0px 0px 10px 1px rgba(0,0,0,.16);background-color: #fff;}
.product-home-outer .product-inner1:hover .view-more-btn{color: #0000FE;}
.product-home-outer .product-inner1 img{transition: .5s ease-in-out;}
.product-home-outer .product-inner1:hover img{transform: scale(1.1);}
.popular-products h5{font-size: 1.125rem;}
.popular-products p, .howwork-outer p{color: #646363;line-height: 1.3;font-size: 0.9375rem;font-weight: 300;letter-spacing: .3px;margin-bottom: 10px;}
.howwork-outer p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.howwork-outer a{color: #0000FE;font-size: 0.875rem;letter-spacing: .3px;font-weight: 500;position: absolute;bottom: -20px;}
/*Join with us*/
.join-with-us{background-color: #e0e4e2;background: url(../images/join-us.jpg) fixed;min-height: 700px;background-size: cover;}
.join-with-us input.form-control{color: #fff;line-height: 1.5;letter-spacing: .3px;background-image: none;border-bottom: 1px solid #c1c1c1;transition: .5s ease-in-out}
.join-with-us input.form-control:focus{border-bottom: 1px solid #fff;}
.join-with-us input.form-control::placeholder{font-weight: 300;line-height: 1.5;color: #fff;letter-spacing: .3px;}
.join-with-us .enquire-btn,.join-with-us .enquire-btn:hover, .join-with-us .enquire-btn:focus{color: #fff;background-color: #d42a59;font-weight: 400;letter-spacing: .3px;border-radius: 0;padding: 10px 30px;}
/*How it works*/
.howwork-outer h5{font-size: 1.125rem;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.howwork-outer .setp-img img{min-height: 200px;max-height: 200px;}
/*.howwork-outer p:after{content: '';position: absolute;width: 40px;height: 5px;background-color: #d42a59;bottom: 0;left: 15px;}
.howwork-outer .setp-img:after{content: '';position: absolute;background-color: #0000FE;top: 12px;left: 0;width: 100%;height: 190px;z-index: -1;}*/
/*Trusted By*/
.trusted-by h3{font-size: 2.5rem;text-transform: uppercase;font-weight: 500;position: relative;}
.trusted-by ul li{min-width: 221.6px;min-height: 100px;display: flex; align-items: center;justify-content: center;border-right: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6}
.trusted-by ul li:nth-child(5n){border-right: none}
.trusted-by ul{border-bottom: none !important;}
/*.trusted-by ul li:nth-last-child(-n+5){border-bottom: none;}*/
/*Footer*/
footer.skf-footer{background-color: #f6f6f6}
.skf-footer .footer-left p{color: #adadad;font-size: 0.875rem;letter-spacing: .3px;line-height: 1.8;font-weight: 300;}
.skf-footer .footer-left a.email-address{color: #0000FE;font-size: 1rem;}
.skf-footer h6{font-size: 1.125rem;color: #2d2d2d;font-weight: 400;}
.skf-footer ul li a{color: #7f7f7f;font-size: 0.875rem;font-weight: 300;display: inline-block;padding:5px 0;}
.skf-footer .bottom-footer{color: #616161;font-size: 0.9375rem;letter-spacing: .4px;}
.skf-footer .bottom-footer a{color: #0000FE;}
#go-to-top{position: fixed;bottom: 50px;right: 50px;z-index: 999;display: none;cursor: pointer;}
/*Category-page*/
.custom-breadcrumb{background-color: #f9f9f9;font-weight: 300;font-size: 0.875rem;color: #686868;}
.custom-breadcrumb .breadcrumb{background-color: inherit;}
.custom-breadcrumb .breadcrumb-item a, .custom-breadcrumb .breadcrumb-item.active {color: #686868;}
.category-left-side{/*box-shadow: 0 1px 8px 0 rgb(224, 224, 224);*/padding: 15px 0;position: sticky;top: 70px;min-height: 300px;margin-top: -60px}
.category-left-side .filter-heading{font-size:1.125rem }
.filter-inner{max-height: calc(100vh - 150px);overflow-y: auto;}
.category-left-side .tab-name{display: block;color:#000;position: relative;padding: 7px 0;font-weight: 300;}
.category-left-side .tab-name:after{content: '';position: absolute;width: 10px;height: 10px;border-top: 1.2px solid #c1c1c1;border-right: 1.2px solid #c1c1c1;border-left: inherit;z-index: 1;right: 12px;top: 17px;transform: rotate(135deg);transition: .3s ease-in-out;}
.category-left-side .tab-name[aria-expanded="true"]:after{transform: rotate(-45deg);}
.category-left-side .dropdown .tab-name-inner{cursor: pointer;display: block;font-size: 0.875rem;font-weight: 300;padding: 5px 0;}
.category-left-side .dropdown .dropdown-toggle:after{content: '';position: absolute;width: 6px;height: 6px;border-top: 1px solid #959595;border-right: 1px solid #959595;border-left: inherit;z-index: 1;right: 15px;top: 10px;transform: rotate(135deg);transition: .3s ease-in-out;}
.category-left-side .dropdown.show .dropdown-toggle:after{transform: rotate(45deg);}
.category-left-side .dropdown{display: inline-block;width: 100%;}
.category-left-side .dropdown-menu {position: static !important;width: 100% !important;top: 0 !important;box-shadow: none;padding: 0;margin: 0;}
.category-left-side .dropdown-menu .dropdown-item{display: block;font-size: 0.875rem;font-weight: 300;padding: 5px 0 5px 20px;min-height: inherit;line-height: 1.2;color: #686868;}
.category-left-side .dropdown-menu .dropdown-item:hover{color:#0000FE;}
/*.category-left-side .dropdown-menu.dropdown-menu-left, .category-left-side .dropdown-menu[x-placement=bottom-start]{transform-origin: inherit;}*/
.add-section img.add-banner{border-radius: 5px;}
.add-section .close-icon{right: 10px;top: 10px;cursor: pointer}
.grid-list-view, .sort-by{color: #4c4c4c;font-size:0.875rem}
.result-counter{color: #4c4c4c;font-size: 0.875rem;position: absolute;top: -46px;}
.grid-list-view .btn{width: 35px;height: 35px;margin: 0;border: 1px solid #ebebeb;padding: 0;display: flex;align-items: center;justify-content: center;transition: .5s ease-in-out;border-radius: 0;}
.grid-list-view .btn.active{border-color: #252525;background-color: inherit;}
.grid-list-view .btn:hover, .grid-list-view .btn:focus{background-color: inherit;border-color: #252525;}
.sort-by span.bmd-form-group{padding-top: 0;}
.sort-by .sort-by-filter{border-color: #dddddd;padding: 10px;height: 40px;min-width: 150px;color: #9a9a9a;line-height: 1;background: url('../images/icons/dropdown-icon.svg') no-repeat top 16px right 12px;padding-right: 30px;outline: none;transition: .5s ease-in-out}
.sort-by .sort-by-filter:focus{border-color:#000}
.all-products .product{text-align: center;}
.all-products .product h5{color: #111111;font-size: 1.125rem;}
.all-products .product .product-inner{padding: 15px 0;transition: .5s ease-in-out;}
.all-products .product .product-inner .productimg{max-height: 280px;overflow: hidden;display: flex;position: relative;}
.all-products .product-inner .dimensions{position: absolute;bottom: 0;width: 100%;padding: 10px;font-size: 15px;background-color: rgba(255, 255, 255, 0.81);color: #0c0c0c;font-weight: 600;line-height: 1.1;}
.all-products .product .product-inner .productimg img{transition: .5s ease-in-out;}
.all-products .product .product-inner:hover{box-shadow: 0px 0px 10px 1px rgba(0,0,0,.16);background-color: #fff;}
.all-products .product .product-inner:hover .productimg img{transform: scale(1.1);}
.all-products .product .reviews, .product-details .reviews{color: #858585;font-size: 0.75rem;display: flex;align-items: center;justify-content: center;margin: 5px 0;}
.all-products .product .price{color: #3a3a3a;font-size: 1.375rem;font-weight: 600;display: block;width: 100%;margin-bottom: 10px;line-height: 1.4;display: flex;align-items: center;justify-content: center;}

.addtocart-btn{background-color: #f5f5f5;border-radius: 0;font-size: 0.875rem;color: #000;display: flex;align-items: center;height: 40px;transition: .5s ease-in-out;}
.addtocart-btn svg path{fill: #000;transition: .5s ease-in-out;}
.product-inner:hover .addtocart-btn{background-color: #0000FE;color: #fff;}
.product-inner:hover .addtocart-btn svg path{fill: #fff;}

.product-slider .carousel-indicators{margin-left: 0;margin-right: 0;bottom: 0;}
.product-slider .carousel-indicators li{width: 80px;height: 80px;margin:0 0 10px;background-size: 80px !important;cursor: pointer;}
.product-slider .carousel-item img{width: 100%;max-height: 420px;}
.custom-radio-btn .btn, .custom-radio-btn .btn.active, .custom-radio-btn .btn:focus{border: 1px solid #d42a59;background-color: #fff;border-radius: 3px !important;margin-right: 10px;text-transform: capitalize;font-weight: 400;height: 60px;display: flex;align-items: center;transition: background 0.2s ease-in-out}
.custom-radio-btn .btn.active{background: url(../images/icons/checked-icon.svg) no-repeat top -1px right 0 !important;background-size: 20px !important;}
.custom-radio-btn .btn input{position: absolute;opacity: 0;}

.product-details .product-heading{color: #363636;font-size: 1.875rem;font-weight: 300}
.product-details .product-type{font-size: 3.125rem;}
.product-details .special-price{color: #3a3a3a;font-size: 3.125rem;font-weight: 600;line-height: 1.1;display: flex;align-items: center;}
.product-details .actual-price{color: #3a3a3a;font-weight: 300;font-size: 1.125rem;}
.product-details .ttl-discount{color: #0bba02;font-weight: 300;}
.product-details .sort-desc{color: #9e9e9e;font-weight: 100}
.quantity{position: relative;min-width: 70px;}
.quantity input, .my-cart .quantity input{width: 50px;height: 40px;text-align: center;padding: 5px;margin-right: 10px;outline: none;background-color: #fff;color: #d42a59;border: 1px solid #e2e2e2;}
.quantity .bmd-form-group{padding: 0}
.quantity .minus, .quantity .plus, .my-cart .quantity .minus, .my-cart .quantity .plus{display: inline-block;vertical-align: middle;text-align: center;line-height: 1;cursor: pointer;position: absolute;font-size: 20px;user-select: none;right: 0;}
.quantity .minus, .my-cart .quantity .minus{bottom: 0;}
.product-details .addtocart-btn{background-color: #fff;border: 1px solid #d42a59;border-radius: 0;color: #000;font-weight: 500;font-size: 0.875rem;display: flex;align-items: center;height: 40px;transition: .5s ease-in-out;}
.product-details .addtocart-btn:hover{background-color: #d42a59;color: #fff;}
.product-details .addtocart-btn svg path{transition: .5s ease-in-out;}
.product-details .addtocart-btn:hover svg path{fill:#fff;}
.dateinput span{padding: 0;}
.date-form-group input{background: #f0f3f4 url('../images/icons/calendar1-icon.svg') no-repeat top 16px left 20px !important;padding-left: 55px}
.dateinput input{border: none;border-bottom: 1px solid #cccccc;width: 200px;outline: none;padding: 5px 5px 5px 30px;background: url('../images/icons/calendar-icon.svg') no-repeat top 8px left 0;background-size: 18px;}
.dateinput input::placeholder{color: #9a9a9a;font-size: 0.8125rem;line-height: 1.2}
.product-details .bulk-product{color: #3a3a3a;}
.product-reviews-outer ul.nav-tabs li a{padding: 10px 20px;position: relative;border-bottom: none;color: #333333;font-weight: 300;letter-spacing: .4px;font-size: 0.875rem;text-transform: capitalize;}
.product-reviews-outer ul.nav-tabs li a:hover{border-bottom: none;}
.product-reviews-outer ul.nav-tabs li a.active{font-weight: 400;}
.product-reviews-outer ul.nav-tabs li a.active:after{content: '';position: absolute;background: #0000FE;width: 100%;height: 2px;left: 0;bottom: 1px;}
.product-reviews-outer .tab-content p{color: #9e9e9e;font-weight: 100}
.similar-products h4{color: #363636;font-size: 1.5625rem;}

.form-group.custom-form-group1 label, .custom-label{color:#555353;font-size:0.875rem;top:2px;font-weight: 400}
.form-group.custom-form-group1 small{font-size:0.75rem;font-weight: 500;}
.form-group.custom-form-group1 input, .form-group.custom-form-group1 select, .form-group.custom-form-group1 textarea{background-image: none;border:1px solid #d8d8d8;border-radius: 0px;color:#555353;height: 40px;padding:7px 10px;transition:.5s ease-in-out;font-size:0.875rem;font-weight: 400;background-color: #fff;line-height: 1.2;}
.form-group.custom-form-group1 select{background: #fff url(../images/icons/dropdown-icon2.svg) no-repeat top 16px right 11px;padding-right: 35px;transition: .5s ease-in-out}
.form-group.custom-form-group1 select:focus, .form-group.custom-form-group1.is-filled select:focus{background:#fff url(../images/icons/dropdown-icon1.svg) no-repeat top 16px right 11px !important;}
.form-group.custom-form-group1 .form-control.is-invalid:focus{box-shadow: none;border-color:#0000FE;}
.form-group.custom-form-group1 input[type=password]{font-size:1.25rem;font-weight: bold;}
.form-group.custom-form-group1.is-filled input, .form-group.custom-form-group1.is-filled select, .form-group.custom-form-group1.is-filled textarea{color:#242424;}
.form-group.custom-form-group1 input::placeholder, .form-group.custom-form-group1 select::placeholder, .form-group.custom-form-group1 textarea::placeholder{font-size: 0.875rem;color: #bdbdbd;line-height: 1.2;font-weight: 300}
.form-group.custom-form-group1 input:focus, .form-group.custom-form-group1 select:focus, .form-group.custom-form-group1 textarea:focus, .form-group.custom-form-group1.is-filled select, .form-group.custom-form-group1.is-filled input {border-color:#0000FE;outline:none;}
.form-group.custom-form-group1 textarea{width: 100%;height: 100px;resize: none;}

.product-reviews-outer ul.nav-tabs{position: sticky;z-index: 1;top: 0;background-color: #fff;}
.product-highlight{border-left: 1px solid #dee2e6;}
.product-highlight:first-child{border-left: none;}
.product-highlight h6{color: #3a3a3a;font-weight: 400;}
.product-highlight ul{list-style: circle;color: #0000FE;font-size: 1.5rem;padding-left: 15px;}
.product-highlight ul li{padding: 5px 0;}
.product-reviews-outer .main-heading{color: #0000FE;}
.tech-details h4{font-weight: 100;border-bottom: 1px solid #000;padding-bottom: 10px;font-size: 1.25rem;}
.tech-details .tech-table{width: 100%;}
.tech-details .tech-table tr td{border-bottom: 1px solid #a6a6a6;padding: 10px 20px;font-size: 0.875rem;word-break: break-word;}
.cad-model-desc h3{color: #3a3a3a;color: #3a3a3a;font-weight: 500;font-size: 22px;}
.important-links h6{color: #46962b;font-weight: 400}
.button1, .button2, .calculate-btn{color: #fff;height: 40px;border-radius: 0;font-size: 0.875rem;transition: .5s ease-in-out;}
.button1, .button1:hover .calculate-btn, .calculate-btn:hover{background-color: #46962b !important;color: #fff !important;}
.button2{background-color: #141414;}
.moreinfo-desc h6{text-transform: uppercase}
.moreinfo-desc ul{list-style: none;padding: 0;margin: 0;}
.moreinfo-desc ul li{font-size: 0.8125rem;font-weight: 400;padding: 8px 0;color: #666;letter-spacing: .2px;}
.moreinfo-desc ul a{color: #0000FE;font-size: 0.8125rem;text-decoration: underline}

.accounts-sidebar h2{text-transform: uppercase;font-weight: 500;font-size: 1.5625rem}
.accounts-sidebar ul{list-style: none;padding: 0;margin: 0;}
.accounts-sidebar ul li a{display: flex; align-items: center;font-size: 0.8125rem;margin: 6px 50px 6px 0;padding: 10px 8px;letter-spacing: .2px;transition: .5s ease-in-out}
.accounts-sidebar ul li a:hover, .accounts-sidebar ul li a.active{background-color: #e1eaf9;color: #0000FE;}
.accounts-sidebar ul li a:hover svg path, .accounts-sidebar ul li a.active svg path{fill:#0000FE;}

.account-details{background-color: #fff;padding: 20px;box-shadow: 0px 0px 20px rgba(31, 30, 30, 0.13);position: relative;}
.account-details h5{font-weight: 500;}
.account-details .small-heading{color: #5c5c5c;border-bottom: 1px solid #e0e0e0;}
.account-details.my-orders .card{margin-bottom: 10px;box-shadow: 0 0px 5px 0 rgba(0,0,0,.14);}
.account-details.my-orders .card .card-header{cursor: pointer;padding: 0;border-bottom: none;background-color: #f3f3f3;}
.account-details.price-details table th, .account-details.price-details table td{padding: 5px 10px;font-size: 14px;}
.account-details.price-details table th{font-weight: 600;}
.account-details.price-details table td{font-weight: 400;}
.header-inner{padding: 12px 15px;}
.account-details.my-orders .order-title{color: #5c5c5c;font-size: 0.875rem;}
.account-details.my-orders .order-desc{color: #000;font-weight: 500;margin-bottom: 0;font-size: 1rem;display: flex;
align-items: center;}
.account-details.my-orders .order-desc.order-id{color: #0000FE;font-size: 1rem;}
.account-details.my-orders .card .card-header:after{content:'';position: absolute;width: 15px;height: 15px;border-right: 1px solid #303030;border-bottom: 1px solid #303030;right: 35px;top: 26px;transform: rotate(45deg);transition: .5s ease-in-out}
.account-details.my-orders .card .card-header[aria-expanded="true"]:after{transform: rotate(-135deg);}
.account-details.my-orders .order-details{padding: 15px;}
.account-details.my-orders .order-details h3, .my-cart .order-details h3{color: #363636;font-size: 1.375rem;font-weight: 300;line-height: 1;}
.order-details .ttl-units{display: block;color: #878787;font-size: 0.875rem;}
.account-details.my-orders .order-details .price, .my-cart .order-details .price{color: #000;font-size: 1.5625rem;display: block;width: 100%;margin-top: 15px}
.my-cart .order-details p, .cart-dropdown.custom-dropdown p {color: #666;font-size: 0.875rem;font-weight: 300;letter-spacing: .5px;width: 100%;}
.my-cart .remove-product{position: absolute;right: 0;top: 25px;width: 18px;}
.price-details .cart-product{display: flex;flex-wrap: wrap;justify-content: space-between;line-height: 1.2;}
.cart-product .price{font-weight: 500;font-size: 0.875rem;}
.cart-product .product-name{font-size: 0.9375rem;}
.cart-product .product-desc{color: #666;}

.secondary-btn1, .secondary-btn1:hover, .secondary-btn1:focus, .secondary-btn1:active:focus{color: #fff;background-color: #d42a59;font-weight: 400;letter-spacing: .3px;border-radius: 0;padding: 10px 20px;}
.address-card{background-color: #f1f6ff;padding: 10px 30px 10px 10px;border: 1px solid #cddfff;color: #6a6a6a;font-size: 0.8125rem;font-weight: 100;line-height: 1.8;position: relative;height: 100%;}
.address-person, .mobile-no{color: #000;font-weight: 400;}
.address-person span{background: #e1e7f2;color: #999999;padding: 0px 8px;font-size: 12px;border-radius: 2px;line-height: 1.8;margin-left: 10px;}
.address-card .custom-dropdown{position: absolute;right:5px; top: 5px;cursor: pointer}
.address-card .dropdown-menu{min-width: inherit}
.address-card .custom-dropdown .dropdown-item{font-size: 0.75rem;padding: 5px 10px;min-width: 80px;color: #3a3a3a;}
.custom-dropdown .dropdown-item {min-height: inherit;border-bottom: 1px solid #e9ecef;font-size: 0.875rem;padding: 10px 15px;}
.dropdown-toggle.no-after:after{display: none;}
.cart-dropdown.custom-dropdown{width: 350px;max-height: 300px;overflow-y: auto;}
.cart-dropdown.custom-dropdown .order-details{width: 100%;}
/*.custom-dropdown.dropdown-menu-right.show:before {content: '';position: absolute;right: 0;top: -15px;border-top: 0px solid transparent;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #eaeaea;}*/
.suggested-product{display: flex;flex-wrap: wrap;color: #111111;font-size: 1.125rem;border: 1px solid #dee2e6;margin-bottom: 30px;overflow: hidden;transition: .5s ease-in-out}
.suggested-product:hover{box-shadow: 0px 0px 10px 1px rgba(0,0,0,.16);}
.suggested-product:hover .addtocart-btn{background-color: #0000FE;color: #fff;}
.suggested-product:hover .product-img{transform: scale(1.1);}
.suggested-product .product-img{max-width: 250px;max-height: 250px;transition: .5s ease-in-out;}
.suggested-product .product-desc{display: flex;flex-wrap: wrap;flex-grow: 1; align-content: flex-start;padding: 15px 20px;}
.suggested-product h5 {color: #111111;font-size: 1.25rem;width: 100%;}
.suggested-product ul li span{font-weight: 400}
.suggested-product ul li{font-size: 0.9375rem;font-weight: 300;letter-spacing: .3px;margin-right: 40px;min-width: 150px}
.suggested-product ul li:last-child{margin-right: 0;}
.suggested-product p{color: #9e9e9e;font-size: 1rem;font-weight: 100}

.suggested-product1{display: flex;flex-wrap: wrap;color: #111111;font-size: 1.125rem;border: 1px solid #f1f1f1!important;box-shadow: 0.927px 2.853px 0 0 rgba(19,52,102,0.09);margin-bottom: 10px;}
.suggested-product1 .product-img{max-width: 100px;}
.suggested-product1 .product-desc{display: flex;flex-wrap: wrap;flex-grow: 1; align-content: flex-start;padding: 10px 15px;}
.suggested-product1 h5 {color: #111111;font-size: 1rem;}
.suggested-product1 ul li span{font-weight: 400}
.suggested-product1 ul li{font-size: 0.75rem;font-weight: 300;letter-spacing: .3px;margin-right: 40px;min-width: 150px}
.suggested-product1 ul li:last-child{margin-right: 0;}
.suggested-product1 p{color: #4e4e4e;font-size: 0.75rem;font-weight: 100;letter-spacing: .5px;}
.suggested-product1 .addtocart-btn{background-color: #d42a59;border-radius: 3px;font-size: 12px;color: #fff;display: flex;align-items: center;transition: .5s ease-in-out;padding: 5px 10px;height: inherit;margin: 0;}
.suggested-product1 .addtocart-btn:hover, .addtocart-btn:focus{background-color: #0000FE;color: #fff;}
/*Tell us your Requirement Modal*/
.custompopup .close{right: 20px;top: 20px;}
.custompopup h5.modal-title{font-size: 1.5625rem;color: #000;}
.submit-popup{color: #fff;background-color: #0000FE;border-radius: 0;padding: 10px 30px;transition: .5s ease-in-out}
.submit-popup:hover, .submit-popup:focus{background-color: #d42a59;color: #fff;}
.custompopup h6.modal-title{font-size: 1.125rem;color: #000;font-weight: 400}
.custompopup p{color: #7e7e7e;font-size: 1rem;font-weight: 300;letter-spacing: 0.3px;}
.custompopup .best-regards{color: #4d4d4d;font-size: 1rem;font-weight: 300}
.custompopup .best-regards span{color: #0000FE;font-weight: 400}
.category-left-side .tab-data{padding-left: 10px;}
.category-left-side .skf-checkbox .checkmark{top: 5px;}
/*.category-left-side .subcat-name{margin-bottom: 15px}*/
/* Custom Checkbox */
.skf-checkbox {display: flex;align-items: center;font-size: 0.875rem;font-weight: 300;position: relative;padding-left: 35px;margin-bottom: 0px;min-height: 20px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.skf-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;border: 1px solid #adb5bd;border-radius: 4px;transition: .5s ease-in-out}
.skf-checkbox:hover input ~ .checkmark {background-color: #ccc;}
.skf-checkbox input:checked ~ .checkmark {background-color: #0000FE;border-color: #0000FE}
.skf-checkbox .checkmark:after {content: "";position: absolute;display: none;}
.skf-checkbox input:checked ~ .checkmark:after {display: block;}
.skf-checkbox .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;  -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.order-progress ul{list-style: none;width: 80%;margin: 0 auto;}
.order-progress ul li{width: 20%;float: left;position: relative;text-align: center}
.order-progress ul li:before{content: '';position: absolute;width: 100%;height: 4px;background: #e0e0e0;left: -50%;top: 7px;}
.order-progress ul li:first-child:before{display: none;}
.order-progress ul li span{width: 16px;height: 16px;background-color: #e0e0e0;display: inline-block;border-radius: 10px;z-index: 1;position: relative;}
.order-progress ul li small{display: block;font-size: 0.875rem;}
.order-progress ul li.status-done span{background-color: #26a541;}
.order-progress ul li.status-done:before{background-color: #26a541;}


.delivery-dates{font-size: 14px;color: #999}
.delivery-dates span{color: #000;font-size: 15px;display: block;font-weight: 500;}
.performa-btn, .purchase-btn{background-color: #f1f3f4 !important;padding: 10px 20px;height: 40px;border-radius: 0;text-transform: capitalize;line-height: 1.2;display: flex;align-items: center;transition: .5s ease-in-out;}
.performa-btn svg path, .purchase-btn svg path{transition: .5s ease-in-out;}
.performa-btn:hover svg path, .performa-btn:focus svg path, .performa-btn:active svg path, .purchase-btn:hover svg path, .purchase-btn:focus svg path, .purchase-btn:active svg path{fill: #fff;}
.performa-btn:hover, .performa-btn:focus, .performa-btn:active{color: #ffffff !important;background-color: #0000FE !important;}
.purchase-btn:hover, .purchase-btn:focus, .purchase-btn:active{color: #ffffff !important;background-color: #d42a59 !important;}



.submit-order-msg p{color: #9e9e9e;font-size: 1.25rem;font-weight: 300;text-align: center;}
.wishlist-icon{cursor: pointer;position: absolute;top: 20px;right: 40px;transform: translateX(20px);opacity: 0;transition: .5s ease-in-out;}
.wishlist-icon svg path{transition: .5s ease-in-out;}
.wishlist-icon:hover svg path{fill:#fd5454;}
.wishlist-icon.added-wishlist svg path{fill:#fd5454;}
.all-products .product:hover .wishlist-icon, .all-products .product .wishlist-icon.added-wishlist, .all-products .suggested-product:hover .wishlist-icon, .all-products .suggested-product .wishlist-icon.added-wishlist {transform: translateX(0px);opacity: 1;}


.select-price .bmd-form-group{padding-top: 0;}
.select-price select{border: 1px solid #cecece; width: 100px;outline: none;padding:5px 10px;height: 36px;line-height: 1;-webkit-appearance: button;}
.category-left-side .filter-subheading{font-size: 0.875rem;color: #8c8c8c;}
.select-price .go-btn{background-color: #f5f5f5;height: 36px;line-height: 1;transition: .5s ease-in-out}
.select-price .go-btn:hover{background: #d42a59;color: #fff;}
.reset-btn{font-size: 14px;}
.custom-file-upload{border: 1px dashed #d8d8d8;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;min-height: 100px;}
.custom-file-upload input[type="file"]{position: absolute;width: 100%;height: 100%;top: 0;margin: 0;left: 0;opacity: 0;cursor: pointer;}
.page-filter select{;-webkit-appearance: button;}
.page-filter select, .page-filter input{border:1px solid #dee2e6;outline: none;height: 40px;padding: 5px 10px;line-height: 1;}
/* Custom Datepicker */
.datepicker.datepicker-dropdown{opacity: 1;transform: scale(1);}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {cursor: pointer;font-weight: 600;}
.datepicker th, .datepicker td{font-size: 0.8125rem;}
.datepicker th.dow, .datepicker td.day{width: 30px !important;height: 28px !important;}
.datepicker th{font-weight: 500;color: #000;}
.datepicker td{}
.datepicker table tr td.today.day, .datepicker table tr td.today.day:hover{background-image: none !important;background-color: #d42a59 !important;color:#fff !important;}
.datepicker table tr td.active.day{background-image: none;background-color: #0000FE;color:#fff;}
.inner-page p{color: #646363;line-height: 1.3;font-weight: 300;letter-spacing: .5px;}
.inner-page .a-button{color: #0000FE;}
.notification-dropdown span.badge {position: absolute;background-color: #fff;border-radius: 50px;top: 0;right: 8px;width: 10px;height: 10px;font-size: 12px;}
.notification-dropdown .dropdown-menu{min-width: 280px;max-height: 320px;overflow-y: auto;}
.notification-dropdown .dropdown-menu .dropdown-item{white-space: inherit;}
.notification-dropdown .dropdown-menu .dropdown-item label{width: 165px;font-size: 0.875rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 500;color: #0000FE;}
.notification-dropdown .dropdown-menu .dropdown-item span{position: absolute;top: 13px;right: 15px;font-weight: 500;font-size: 12px;color: #adadad;}
.notification-dropdown .dropdown-menu .dropdown-item p{line-height: 1.5;margin-bottom: 0;font-size: 0.75rem;color: #999;}
.view-notification{width: 100%;margin: 0;background-color: #efefef;color: #d42a59 !important;text-transform: capitalize;}
.notification-outer{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e9eaf2;}
.notification-outer h6{font-weight: 500;font-size: 1rem;margin-bottom: 0;}
.notification-outer p{margin: 5px 0 0px;font-size: 0.8125rem;color: #999;}
.notification-outer time{font-size: 0.75rem;font-weight: 500;color: #d42a59;}
/*.slide-progress{width: 0;max-width: 100%;height: 4px;background: #0000FE;position: absolute;z-index: 9;}*/

/*Custom Pagination*/
.custom-pagination{width: 100%;}
.custom-pagination .page-item.active .page-link{color:#fff;background-color: #d42a59;padding: .5rem .4rem;}
.custom-pagination .page-item .page-link{color:#727272;min-width: 2em;line-height: .8;font-size: 14px;font-weight: 500;}
.custom-pagination .page-item .page-link:focus{box-shadow: none;}
.custom-pagination ul{display: flex;flex-wrap: wrap;align-items: center;margin-bottom:0}
.custom-pagination ul li:first-child a.page-link, .custom-pagination ul li:last-child a.page-link{border-radius:0;color:#fff;font-size:0;width:30px;height:30px;}
.custom-pagination ul li:first-child a.page-link:after, .custom-pagination ul li:last-child a.page-link:after, .custom-pagination ul li:first-child.disabled:after, .custom-pagination ul li:last-child.disabled:after{content:'';width: 10px;height:10px;border-top:1.3px solid #fff;border-left:1.3px solid #fff;position: absolute;top:10px;}
.custom-pagination ul li.disabled{position: relative;}
.custom-pagination ul li:first-child a.page-link, .custom-pagination ul li:last-child a.page-link{background:#0000FE;position: relative}
.custom-pagination ul li:first-child a.page-link:after, .custom-pagination ul li.disabled:first-child:after{transform: rotate(-45deg); left: 12px;}
.custom-pagination ul li:last-child a.page-link:after, .custom-pagination ul li.disabled:last-child:after{transform: rotate(135deg);right: 12px;}
.custom-pagination ul li:first-child.disabled, .custom-pagination ul li:last-child.disabled{background:#9e9e9e;width:30px;height:30px;border-radius:0;color:#fff;font-size:0;}
.custom-pagination ul li:first-child.disabled span, .custom-pagination ul li:last-child.disabled span{display: none;}
.custom-pagination ul li:first-child{margin-right:15px;}
.custom-pagination ul li:last-child{margin-left:15px;}
.custom-pagination ul li:first-child:hover a.page-link{background:#404b57;color:#fff;border-radius: 0;}

#ui-id-1, #ui-id-2{max-height: 350px;overflow-y: auto;overflow-x: hidden;font-family: var(--SKF-Medium);z-index: 999;}
.ui-menu .ui-menu-item {border-top: 1px solid #f9f9f9;padding: 5px;}
/*header navigation*/
.main-navbar.fixed-navbar{background-color: #fff;display: none;transition: .5s ease-in-out;}
.header-main.header-fixed .main-navbar.fixed-navbar{display: block;width: 100%;}
.header-main.header-fixed .searchbar{display: none;}
.header-main.header-fixed .main-navbar nav ul li a.nav-link{padding: 7px 6px !important}
.header-main.header-fixed .searchbar-btn{background-color: #d42a59;height: 35px; width: 35px;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
.header-main.header-fixed .remove-container{padding:0 20px;}
.searching-bar{width: 300px;padding: 15px;position: absolute;right: 0;background-color: #fff;box-shadow: 0px 0px 20px rgba(31, 30, 30, 0.13);border: 1px solid #dee2e6;top: 45px;display: none;}
/*.serach-bar-fixed:hover > .searching-bar{width: 350px;opacity: 100%;}*/
.searching-bar input, .searching-bar input:focus{height: 40px;border: 1px solid #ccc;background-image: none !important;width: 220px;font-size: 14px;padding: 10px;}
.searching-bar input::placeholder{font-size: 14px !important;}
.searching-bar button, .searching-bar button:hover, .searching-bar button:focus, .searching-bar button:active{background-color: #0000FE !important;color: #fff !important;border: 1px solid #0000FE;width: 50px;cursor: pointer;border-radius: 0;}
.go-to-web{position: absolute;left: 35px;}
.custom-loader{width: 100%;height: 100%;top: 0;left: 0;position: fixed;z-index: 9999;background:rgba(255, 255, 255, .8);color: #0000FE;display: flex;align-items: center;justify-content: center;flex-wrap:wrap;align-content: center;transition: .5s ease-in-out;visibility: hidden;}

/*.custom-loader .lds-roller {display: inline-block;position: relative;width: 150px;height: 150px;}
.custom-loader .lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
.custom-loader .lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #fff;margin: -4px 0 0 -4px;}
.custom-loader .lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.custom-loader .lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
.custom-loader .lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.custom-loader .lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
.custom-loader .lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.custom-loader .lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
.custom-loader .lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.custom-loader .lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.custom-loader .lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.custom-loader .lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
.custom-loader .lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.custom-loader .lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
.custom-loader .lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.custom-loader .lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
.custom-loader .lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.custom-loader .lds-roller div:nth-child(8):after {top: 56px;left: 12px;}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
.rupee-icon{margin-right: 10px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: none !important;background: #fff !important;color: #0000FE!important;margin: 0 !important}
.slider1 .slider-btn{position: absolute;bottom: 70px;left: 5%;}
.slider2 .slider-btn{position: absolute;bottom: 70px;left: 5%;}
.slider3 .slider-btn{position: absolute;top: 175px;right: 4%;}

.comment-btn img{transition: .5s ease-in-out}
.comment-btn:hover img, .comment-btn:focus img{filter: invert(1);}
.filter-button{display: none;width: 245px;background-color: #0000FE;border: none;outline: none;margin: 0 auto;color: #fff;padding: 8px 15px;border-radius: 5px;position: relative;text-align: left;}
.order-total-amount {display: none;}

.inbox_msg {clear: both;overflow: hidden;box-shadow: 0px 0px 20px rgba(31, 30, 30, 0.13);padding: 20px;}
.incoming_msg_img {display: inline-block;width: 40px;height: 40px;overflow: hidden;}
.incoming_msg_img img{width: 100%;}
.received_msg {display: inline-block;padding: 0 0 0 10px;vertical-align: top;width: 92%;}
.received_withd_msg p {background: #ebebeb;border-radius: 10px;color: #646464;font-size: 14px;margin: 0;padding: 8px 15px;max-width: 100%;border-top-left-radius: 0;}
.time_date {color: #747474;display: block;font-size: 12px;margin: 8px 0 0;width: 100%;}
.sent_msg .time_date{text-align: right;}
.received_withd_msg {width: 45%;display: flex;flex-wrap: wrap;}
.sent_msg p {background: #0000FE;;border-radius: 10px;font-size: 14px;margin: 0; color:#fff;padding: 8px 15px;max-width:100%;border-top-right-radius: 0;text-align: right;display: inline-block}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {float: right;width: 40%;display: flex;flex-wrap: wrap;justify-content: flex-end}

.type_msg {position: relative;}
.msg_send_btn {background: #05728f;border: none;border-radius: 50%;cursor: pointer;height: 33px;width: 33px;position: absolute;right: 10px;bottom: 9px}
.msg_send_btn img{width: 18px;height: 18px;}
.msg_history {height: calc(100vh - 150px);overflow-y: auto;padding-right: 20px;}

body.sidebar-open{overflow: hidden;transition: .5s ease-in-out}
body.sidebar-open:before {content: '';background: rgba(0, 0, 0, .5); width: 100%;height: 100%;position: fixed;z-index: 99;transition: .5s ease-in-out}
.floating-btn{position: fixed;bottom: 30px;z-index: 1;left: 30px;cursor: pointer;}
.connect-sidebar{position: fixed;width: 350px;height: 100%;top: 0;left: -350px;background-color: #fff;box-shadow: 0px 0px 20px rgba(31, 30, 30, 0.13);z-index: 99;}
.connect-sidebar .heading-sect{background: #0000FE;height: 50px;color: #fff;padding: 10px 20px}
.connect-sidebar .close-connnect{cursor: pointer;}
.connect-sidebar .sidebar-content{padding: 20px;overflow-y: scroll;height: calc(100vh - 50px);}
.connect-sidebar small.validation-error{color: #d42a59;}

.main-navbar nav ul li.shop-by{position: static;}
.main-navbar nav ul li.shop-by a.nav-link{background-color: #d42a59;color: #fff;}
.dropdown-menu.mega-menu{width: 100%;max-width: inherit !important;margin-left: 0 !important;}
.dropdown-menu.mega-menu .nav.nav-tabs {background: #eaeaea;height: 100%;align-content: baseline;height: 300px;overflow-y: auto;}
.dropdown-menu.mega-menu .tab-content{height: 300px;overflow-y: auto;}
.dropdown-menu.mega-menu .nav.nav-tabs li{width: 100%;}
.dropdown-menu.mega-menu .nav.nav-tabs li a{display: block;padding: 10px 20px;transition: .5s ease-in-out}
.dropdown-menu.mega-menu .nav.nav-tabs li a.active, .dropdown-menu.mega-menu .nav.nav-tabs li a:hover{background-color: #fff;}
.dropdown-menu.mega-menu .tab-content ul{list-style: none;padding: 0;margin: 0;}
.dropdown-menu.mega-menu .tab-content ul li{padding: 0 10px;display: inline-block;width: 32%;}
.dropdown-menu.mega-menu .tab-content ul li a{padding: 10px 5px;width: 100%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px dashed #DEDEDE !important;}

.header-main.header-fixed .right-middlenavbar{width: 100%;padding-left: 50px;}
.header-main.header-fixed .right-middlenavbar .shop-by{margin-right: 20px;}

.searchbar1 .search-result{display: none;width: 100%;background: #fff;position: absolute;max-height: 350px;z-index: 9;overflow-y: auto;box-shadow: 0px 0px 20px rgba(31, 30, 30, 0.13);}
.searchbar1 .search-result ul{list-style: none;padding: 0;margin: 0;}
.searchbar1 .search-result ul li{border-bottom: 1px solid #efefef;padding: 8px 15px;}
.searchbar1 .search-result ul li p{margin-bottom: 0;}
.searchbar1 .search-result ul li span{color: #0000FE;font-size: 13px;}


body {padding: 0px; margin: 0px;}
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100% !important; padding: 0 60px;}
.userlogscreen {height: 100%; overflow: hidden;}
.userlogscreen .loginleft {padding: 30px 50px 0 80px;}
.userlogscreen .backbutton  a {color: #fff; text-decoration: none; font-family: var(--SKF-Medium); font-size: 16px;background: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    padding: 4px 10px;
    border-radius: 2px;
    display: inline-block;}
    .userlogscreen .backbutton a svg {
        width: 20px;
    }
.userlogscreen .backbutton span {padding-top: 3px; vertical-align: text-top;}
.userlogscreen .loginleft .logo {padding-top: 200px;}
.userlogscreen .loginleft .logo p {font-size: 40px; color: #fff; font-weight: normal; padding-top: 40px}
.userlogscreen .loginscreen {height: 100%; font-family: var(--SKF-Regular);margin-left: -15px;margin-right: -15px;}
.userlogscreen .rightsection {background: #fff; padding-left: 0px;padding-right: 15px;position: relative;} 
.userlogscreen .rightsection .topicon {text-align: right; position: absolute; top: 0; right: 0px;}
.userlogscreen .rightsection .bottonicon {position: absolute; bottom: 0;z-index: 0;}
.userlogscreen .rightsection .loginmain {position:relative; z-index:1;}
.userlogscreen .rightsection .loginmain form{width: 100%;}
.userlogscreen .rightsection h2 {font-size: 30px; color: #485a64; margin: 0;    font-family: var(--SKF-Regular);}
.userlogscreen .rightsection .inputbox {padding-top: 30px; position: relative;}
.userlogscreen .rightsection .inputbox .passwordvisible {position: absolute; width: 20px; right: 10px;cursor: pointer;}
.customsignup .inputmain .list {position: relative;}
.customsignup .inputmain .list .passwordvisible {position: absolute; top:5px;width: 20px; right: 10px;cursor: pointer;}
.userlogscreen .rightsection input { width: 100%; border: none; border-bottom: solid 2px #607079; padding: 10px; padding-left: 0; padding-top: 0px; font-size: 14px;}
.userlogscreen .rightsection input[type="password"] {padding-right: 40px;}
input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear {
    display: none;
}
.userlogscreen .rightsection input:focus {outline: none;}
.btn.btn-success.request_otp:focus{
	background: #f17b3c;
    color: #fff;
    box-shadow: none;
}
.userlogscreen .rightsection .submitbtn {padding-top: 20px;}
.userlogscreen .rightsection .submitbtn input, .userlogscreen .rightsection .submitbtn button {border: none; display: block; width: 100%; text-align: center; background: #43b606; padding: 10px; font-size: 1.2vw; color: #fff; height: auto; line-height: normal;    font-family: var(--SKF-Regular);  cursor: pointer;border: 1px solid #43b606;}
.userlogscreen .rightsection .submitbtn input:focus {outline: none; border: none;}
.userlogscreen .rightsection .forgotpass { display:flex;flex-wrap:wrap;padding: 15px 0;}
.userlogscreen .rightsection .forgotpass a {font-size: 12px; color: #485a64; font-weight: bold;text-decoration: underline;}
.userlogscreen .loginsignup {text-align: center; padding-top: 20px; font-size: 18px; color: #485a64; font-family: var(--SKF-Regular); width: 100%;}
.userlogscreen .loginsignup a {color: #485a64;font-family: var(--SKF-Regular);}
.customsignup h2 {font-size: 30px; color: #485a64; margin: 0;    font-family: var(--SKF-Regular);}
.customsignup, .loginmain {padding: 3.5vw 40px 40px 40px;height: 100vh;overflow-y: auto;}
.customsignup .inputmain {display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 30px;}
.customsignup .inputmain .list {width: 47%; padding-bottom: 3.5vh;}
.customsignup .inputmain .list input[type="checkbox"] { width: auto !important; float: left; vertical-align: top; margin-top: 6px;margin-right: 8px;}
.customsignup .ceratebtn {width: 100%; padding-top: 0; z-index: 10;}
.customsignup .ceratebtn input {width: 100%; background: #43b606; font-size: 22px; border: none; line-height: normal; height: auto; padding: 10px; font-family: var(--SKF-Regular); color: #fff; cursor: pointer;}
.frogotinfo {font-size: 16px; color: #485a64; font-family: var(--SKF-Regular); padding-top: 10px; line-height: normal;}
.sendmethelink {margin-top: 50px; padding-bottom: 10px;}
#register-form .invalid-feedback, .loginmain .invalid-feedback{position: absolute; z-index: 10; }
#register-form .invalid-feedback strong, .loginmain .invalid-feedback strong{font-weight: 400; line-height: 12px;}
.customsignup .alert-success {position: absolute; width: 100%; top: 0; left: 0; text-align: center;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
::-webkit-input-placeholder { /* Edge */
    font-size: 12px; font-family: var(--SKF-Regular);
}
:-ms-input-placeholder {
font-size: 12px; font-family: var(--SKF-Regular);
}
::placeholder {
font-size: 12px; font-family: var(--SKF-Regular);
}
.submitbtn input {width: 49% !important; transition: .5s all ease;}
.submitbtn input:hover {background: #fff !important; color: #000 !important; border: solid 1px #000 !important; transition: .5s all ease;}
.existingparter {display: block; width: 49%; text-align: center; background: #f17a24;  padding: 10px;font-size: 1.2vw; color: #fff; height: auto; line-height: normal; font-family: var(--SKF-Regular);  cursor: pointer; border: solid 1px #f17a24; text-decoration: none; transition: .5s all ease;}
.existingparter:hover, .existingparter:focus, .existingparter:focus:active {transition: .5s all ease; text-decoration: none; background: #fff; color: #000; border: solid 1px #000;outline: none;}

.asterisk-fields{margin-bottom: 0;font-size: 13px;}
.disclaimer {
    font-size: 13px;
    background: #f3ff39;
    padding: 10px;
    color: #000;
    border-radius: 5px;
    margin-bottom: 0;
}
.disclaimer-accept {
    display: flex;
    margin-bottom: 0;
    align-items: baseline;
}
.btn.btn-success.request_otp {
    padding: 10px;
    border: none;
    background: #f17a24;
    color: #fff;
    transition: .5s linear;
    text-transform: unset;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid transparent;
}
.btn.btn-success.request_otp:hover{
    background: #fff !important;
    color: #000 !important;
    border: solid 1px #000 !important;
    transition: .5s all ease;
}
#mail_form {
    width: 100%;
}
.thank-you-table{
    word-break: break-word;
}
.or-option{position: relative;margin-top: 20px !important;}
.or-option span{display: inline-block;background-color: #fff;width: 30px;height: 30px;position: relative;z-index: 1;border: 1px solid #ccc;border-radius: 20px;line-height: 2.3;font-size: 13px;font-weight: 600;}
.or-option:after{content: ''; position: absolute;width: 100%;height: 1px;background: #ccc;left: 0;top: 15px;z-index: 0;}
.alert {
    margin-top: 10px;
}
#otp_form .forgotpass {
    text-align: left;
}
#otp_form .forgotpass {
    text-align: left;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #75767e !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.ladda-button[data-style=slide-up] {
    overflow: hidden;
}
.ladda-button[data-style=slide-up] .ladda-label {
    position: relative;
}
.ladda-button[data-style=slide-up] .ladda-spinner {
    left: 0;
    position: absolute;
    right: 0;
    margin: auto;
    top:0;
    bottom:0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size: 14px !important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px !important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px !important;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 14px !important;
}

.userlogscreen .rightsection .forgotpass .savelink {
    width: 50%;
}

.userlogscreen .rightsection .forgotpass .forgolink {width: 50%;text-align: right;}

.userlogscreen .rightsection .forgotpass .form-check-input {
    width: 13px;
    height: 13px;
    outline: 1px solid;
    border-bottom: none;
    margin: 0;
    padding: 0 !important;
    position: relative;
    vertical-align: middle;
    box-shadow: none;
    border-radius: 2px;
    margin-right: 5px;
}

.userlogscreen .rightsection .forgotpass .form-check-label-ch {
    font-size: 12px;
    color: #485a64;
    font-weight: bold;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
}
#resend_otp {
    padding-left: 2px;
}
.list.termscheck {
    width: 100% !important;
    margin-top: 20px;
}
.list.termscheck a {
    color: #009688;
}
/*date 07 Oct*/

@media (max-width:991px) {
    #otp_form {width: 100%;}
    .userlogscreen{height: auto;overflow-y: auto;}
    .userlogscreen .loginleft {height: 300px;padding: 20px 30px 0 30px;}
    .userlogscreen .loginleft .logo {padding-top: 30px;}
    .userlogscreen .loginleft .logo img{width: 170px;}
    .userlogscreen .loginleft .logo p{font-size: 20px;padding-top: 20px;margin-bottom: 0;}
    .userlogscreen .rightsection .loginmain, .userlogscreen .rightsection .customsignup {height: auto; padding: 20px !important;}
    .userlogscreen .rightsection .submitbtn input, .userlogscreen .rightsection .submitbtn button, .existingparter{font-size: 15px;}
    .customsignup .inputmain .list{width: 100%;}
    .userlogscreen .rightsection {padding-left: 15px;}
    /*.userlogscreen .backbutton span {color: #485a64;}*/
}