@font-face{font-family:filson;src:url(../fonts/FilsonProRegular.eot);src:url(../fonts/FilsonProRegular.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProRegular.woff2) format('woff2'),url(../fonts/FilsonProRegular.woff) format('woff'),url(../fonts/FilsonProRegular.ttf) format('truetype'),url(../fonts/FilsonProRegular.svg#FilsonProRegular) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:filsonBold;src:url(../fonts/FilsonProBold.eot);src:url(../fonts/FilsonProBold.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProBold.woff2) format('woff2'),url(../fonts/FilsonProBold.woff) format('woff'),url(../fonts/FilsonProBold.ttf) format('truetype'),url(../fonts/FilsonProBold.svg#FilsonProBold) format('svg');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:filsonBoldItalic;src:url(../fonts/FilsonProBold-Italic.eot);src:url(../fonts/FilsonProBold-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProBold-Italic.woff2) format('woff2'),url(../fonts/FilsonProBold-Italic.woff) format('woff'),url(../fonts/FilsonProBold-Italic.ttf) format('truetype'),url(../fonts/FilsonProBold-Italic.svg#FilsonProBold-Italic) format('svg');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:filsonBlack;src:url(../fonts/FilsonProBlack.eot);src:url(../fonts/FilsonProBlack.eot?#iefix) format('embedded-opentype'),url(../fonts/FilsonProBlack.woff2) format('woff2'),url(../fonts/FilsonProBlack.woff) format('woff'),url(../fonts/FilsonProBlack.ttf) format('truetype'),url(../fonts/FilsonProBlack.svg#FilsonProBlack) format('svg');font-weight:900;font-style:normal;font-display:swap}
*,::after,::before{border-radius:0!important}
:root{ --FB-primary-color: #55555e;
    --FB-secondary-color: #000;
    --FB-ternary-color: #f9f8f9;
    --FB-context:#be1f2e;
    --FB-white:#FFFF;
    --FB-header:#f748591c;
    --FB-modal-header:#7C0A02;
    --FB-main-body:#d2d0d04d;
    --FB-button:rgb(10, 11, 24);
    --primary-color:#2d2a26;
    --seconday-color:#0000ff;
    --seconday-color-dark:#0303c5;
    --warning-color-dark:#f3b11a;--base-color:#000;--font-regular:'filson';--font-bold:'filsonBold';--form-color:#f0f0ed;--form-color-dark:#e7e7e1}
body,html{font-family:var(--font-regular);transition:all ease .3s;color:#2d2a26;font-size:18px;font-smooth:always;overflow-x:hidden;}
.h1,.h2,.h3,h1,h2,h3,label{font-family:var(--font-bold)}
.h2,h2{font-size:2.222vw}
h3{font-size:2.5vw}
.btn{position:relative;overflow:hidden;color:#fff;font-size:1rem;font-weight:400}
.btn span{z-index:100; position:relative; font-family:filsonBold;}
.btn:focus{box-shadow:none}
.btn-lg{padding-top:1.45vw;padding-bottom:1.45vw}
/* .btn:before{content:"";position:absolute;display:block;height:100%;width:100%;top:0;left:0px;color:#fff;z-index:0} */
/* .btn:before{transform:translate3d(-100%,0,0);background-color:var(--FB-secondary-color);border:1px solid var(--FB-secondary-color);transition:transform .3s cubic-bezier(.55,.055,.675,.19); color: var(--FB-white) !important;} */
.btn:hover:before{transform:translate3d(0,0,0)}
.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{background-color:var(--form-color);color:var(--primary-color)}
.btn.btn-secondary:before{background-color:var(--form-color-dark);border:1px solid var(--form-color-dark)}
a{text-decoration:none}
.form-control{background-color:var(--form-color);border:0}
.form-control:focus{box-shadow:none;background-color:var(--form-color)}
textarea{resize:none}
.dropdown-menu{min-width:6rem}
.text_color{color:#222}
.centercont_img{display:grid;place-items:center}
.bg-blue{background-color:var(--seconday-color)}
img{max-width:100%}
header{background-color:#fff;font-size:12px;font-family:filsonBold}
header.sticky{box-shadow:0rem 0rem 2rem rgba(0,0,0,.25)}
header .dropdown-toggle::after{display:none}
header .navbar-collapse .nav-item .active{color:var(--seconday-color)}
.carousel-caption .h1,.carousel-caption h1{font-size:4vw;font-family:var(--font-bold)}
.carousel-caption p{font-size:1.875vw;max-width:740px}
.carousel-caption{bottom:0;top:0}
.bg-color-first{background-color:#eeeeeb}
.home_first_content>div{max-width:74%}
.navbar-light .navbar-nav .nav-link{color:#2d2a26}
.btn-primary{background-color:var(--seconday-color);border:0}
.color-primary{color:var(--FB-context);}
.banner-color{color:#0101fe}
.l-50{left:60%!important}
.w-43{width:43%!important}
.navbar-light .navbar-toggler{border-color:transparent;color:var(--seconday-color)}
.videotext{font-family:var(--font-bold);font-size:5.104vw;position:absolute;color:#fff;z-index:1;width:350px;line-height:1;top:40%;right:15%}
.specialblognews{border-top:5px solid #272522}
.welcometext{background:url(../images/Blitz_net_web_home_02.jpg) no-repeat center top;background-attachment:fixed;background-size:cover}
.icon{position:absolute;top:50%;transform:translate(0,-50%);width:66%;height:68px;cursor:pointer}
.arrow{position:absolute;top:25px;width:100%;height:5px;background-color:#272522}
.arrow::after,.arrow::before{content:'';position:absolute;width:16px;height:5px;right:0;background-color:#272522}
.arrow::after{top:-6px;transform:rotate(45deg)}
.arrow::before{top:6px;transform:rotate(-45deg)}
.mainlink_animation a{overflow:hidden;position:relative;display:inline-block}
.mainlink_animation a::after,.mainlink_animation a::before{content:'';position:absolute;width:100%;left:0}
.mainlink_animation a::before{background-color:var(--seconday-color-dark);height:5px;bottom:0;transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s cubic-bezier(.76,0,.24,1)}
.mainlink_animation a::after{content:attr(data-replace);height:100%;top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:transform .3s cubic-bezier(.76,0,.24,1);color:var(--seconday-color-dark)}
.mainlink_animation a:hover::before{transform-origin:0 50%;transform:scaleX(1)}
.mainlink_animation a:hover::after{transform:translate3d(0,0,0)}
.mainlink_animation a span{display:inline-block;transition:transform .3s cubic-bezier(.76,0,.24,1)}
.mainlink_animation a:hover span{transform:translate3d(-200%,0,0);color:var(--seconday-color-dark)}
footer{font-size:12px}
footer .footmargin p{font-size:18px}
footer .partners p{font-size:12px}
footer .footerlogo{width:300px;}
footer,footer a{color:var(--base-color)}
.specialblognews img{max-width:3.125vw;min-width:30px}
.blankimg img{width:62.5vw}
.navbar-light .navbar-toggler-icon{background-image:url(../images/nav.png)}
.navbar-toggler:focus{box-shadow:none}
.language_drop .dropdown-menu{min-width:inherit}
.form-floating>label{padding-top:2rem}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-1.9rem) translateX(.15rem)}
.quickaccess{background:url(../images/blitznet_web_buyer.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.quickaccess h2{font-size:5.521vw}
.joingroup{background:url(../images/Blitznetweb_joingroup.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.joingroup h3{font-size:5.521vw;color:#fff}
.joingroup img{width:7.083vw}
.suppliersimple{background:url(../images/blitznet_supplier_simple.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.suppliersimple h2{font-size:5.521vw}
.supplierbusiness{background:url(../images/blitznet-supplier-business-banner.jpg) no-repeat center top;background-attachment:fixed;background-size:cover;padding-top:5vw;padding-bottom:5vw}
.supplierbusiness h3{font-size:5.521vw;color:#fff}
.supplierbusiness img{width:7.083vw}
.form-floating>textarea.form-control{height:250px}
.form-floating.textareafloat>label{padding-top:65px}
.form-floating.textareafloat>.form-control:focus~label,.form-floating.textareafloat>.form-control:not(:placeholder-shown)~label,.form-floating.textareafloat>.form-select~label{padding-top:2rem}
ul.parsley-errors-list{position:absolute;font-size:12px;bottom:-16px;margin-bottom:0}
/* New CSS */
.cornerefects{ position: relative;}
.cornerefects::before{content: ''; background: url(../images/arrow_topleft.png) 0 0 no-repeat; background-size: cover; width: 32px; height: 32px; position: absolute; top: -50px; left: -50px;}
@media (max-width:767.98px){ .cornerefects::before{ display: none;}}
.custombtn{background-color:var(--FB-white);border:0; padding: 7px 16px; font-weight: normal !important; color: var(--FB-secondary-color) !important;}
.rightmenu .navbar-nav{display: flex; align-items: center;}
.cyan_card{background-color: #6B9AF3;}
.lightblue_card{background-color: #1559E6;}
.primary_card{background-color: #0000FF;}
.buyer_color_card .card .card-header{ position: relative; border: 0; }
.triimage_1{ background-image: url(../images/tri_1.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.triimage_2{ background-image: url(../images/try_2.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.triimage_3{ background-image: url(../images/try_3.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.carousel-control-next{ justify-content: end !important; right: 0px !important; }
.carousel-control-prev { justify-content: start !important; left: 0px !important; }
.carousel-control-next-icon{ background-image: url(../images/next-icon.png); }
.carousel-control-prev-icon{ background-image: url(../images/prev-icon.png); }
.buyer_color_card .card .card-header::before { right: 43.5%;}
.text-justify{text-align:justify}
.heading{color:var(--seconday-color)}
.accordion-button:not(.collapsed){box-shadow:none}
.accordion-button{background:0 0;color:#000}
.accordion-button:focus{box-shadow:none;border-color:none}
.accordion-button:not(.collapsed){color:#000!important;background-color:#d9d9d9;box-shadow:transparent}
.faq-page .accordion .accordion-body{padding-top:0}
.carousel-control-next-icon,.carousel-control-prev-icon{color: #0000FF;  filter:none !important; opacity: 1 !important;}
.grey_bg{background-color:#f5f5f5}
.buyer_bg{background-color:#e5e1dc}
.f-14{font-size:.875rem!important}
.buyer_banner_section{background-image:url(../images/Buyer_Main-banner.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center;padding:125px 0}
.buyer_banner_section .card{max-width:540px;}
.new_btn1{background-color:transparent;border:2px solid #000;font-weight:700;font-size:.875rem}
.new_btn{background-color:transparent;border:2px solid #000;font-weight:700;font-size:.875rem;position:absolute;right:40px;bottom:40px}
.cardfooterbtn .card-footer{margin-bottom:-33px;background:0 0}
#carouselExampleDark .carousel-indicators .active{height:10px;width:60px;background-color:var(--seconday-color)}
#carouselExampleDark .carousel-indicators button{margin:0 7px;height:10px;background-color:#e5e1dc}
.buyer_list li{list-style:none;position:relative;padding-left:1.8rem;margin-bottom:10px}
.buyer_list li::before{content:url(../images/list_icon.png);position:absolute;left:0;top:4px}
.Grp_bs_img{position:relative;margin-top:-145px}
.accordion .accordion-item .accordion-header{background-color:#d9d9d9}
.accordion .accordion-item .accordion-body{background-color:#eeeeeb}
.accordion-item{border:0 solid #000}
.buyer_grp,.supplier_grp{width:160px;height:56px;display:grid;place-items:center}
.supplier_grp{background-color:#00a5e8}
.buyer_grp{background-color:#1559E6}
footer hr{border-top:3px solid #bbb;opacity:1}
.quoteefects h3{ font-size: 3.681vw;color: #0000FF;}
.quoteefects{ position: relative;}
.grup_buyer_effect h3{ font-size: 3.681vw; color: #FFF;}
.grup_buyer_effect{ position: relative;}
.grup_buyer_effect::before{content: ''; background: url(../images/quote_arrow_up.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; top: -50px; left: -100px;}
.grup_buyer_effect::after{content: ''; background: url(../images/quote_arrow_down.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; bottom: -50px; right: -100px;}
.quoteefects::before{content: ''; background: url(../images/quote_arrow_up.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; top: -50px; left: -100px;}
.quoteefects::after{content: ''; background: url(../images/quote_arrow_down.svg) 0 0 no-repeat; background-size: cover; width: 50px; height: 50px; position: absolute; bottom: -50px; right: -100px;}
.p-6{padding: 6rem 0;}
.buyer_bg{background: url(../images/home_image_007.jpg) 0 0 no-repeat; background-size: cover;}
.grup_buyer{background: url(../images/Section_image_GB.png) 0 0 no-repeat;  background-size: cover;}
.product_home_img .owl-carousel .owl-item img { max-width: 200px !important; height: auto; border-radius: .5rem !important; }
@media (min-width:1200px){ body,html{font-size:1.042vw} header .container-fluid{max-width: 1600px;} header,header .dropdown-item{font-size:.9vw} header .navbar-collapse .nav-item{padding-left:10px;padding-right:10px;text-align:center} header .navbar-collapse .nav-item .nav-link a{font-family:filsonBold} #navigatio_top{transition:all ease .3s} #navigatio_top.sticky{padding-top:.5rem;padding-bottom:.5rem;transition:all ease .3s;box-shadow:0rem 0rem 2rem rgba(0,0,0,.25)} #navigatio_top .navbar-brand img{width:30%;transition:all ease .3s} #navigatio_top.sticky .navbar-brand img{width:60%;transition:all ease .3s} .small,small{font-size:.75rem} .joingroup_content div{width:39.063vw} .form-floating>textarea.form-control{height:100px} .form-floating.textareafloat>label{padding-top:65px} .carousel-caption{width:34%;right:inherit;left:6.2%} .buyer_list li{padding-left:2.2rem;} .buyer_list li::before{top:0px} .buyer_banner_section .card p:last-child { padding-right: 8.5rem; } .buyer_banner_section .card{ padding-right: 100px; max-width: 640px} }
@media (min-width:1400px){ body,html{font-size:18px} header,header .dropdown-item{font-size:.833vw} .carousel-caption{width:34%;right:inherit;left:15%} .navbar-brand img{min-width: 160px;} #navigatio_top.sticky .navbar-brand img{min-width: 130px;} }
@media (min-width:1200px) and (max-width:1224.98px){ .navbar-brand{max-width:200px} .Grp_bs_img{margin-top:-130px} }
@media (min-width:1366px) and (max-width:1440px){ .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1200px} }
@media (max-width:1199.98px){ #navigatio_top .navbar-brand img,#navigatio_top.sticky .navbar-brand img{height:30px;transition:all ease .3s} .icon{width:66%;height:65px} .arrow{height:3px} .arrow::after,.arrow::before{height:3px} .rightmenu{position:absolute;right:4rem;top:.3rem} .rightmenu .navbar-nav{flex-direction:inherit} .rightmenu .navbar-nav .nav-item{padding-right:1rem} .rightmenu .navbar-nav .dropdown-menu{position:absolute} .h2,h2,.h3,h3{font-size:20px} .btn-group-lg>.btn,.btn-lg{font-size:16px} .mainlink_animation a.h1{font-size:18px} footer img{max-height:45px} .bannersection{margin-top:3.65rem} .videotext{width:30%;right:10px} .carousel-caption p{font-size:11px} .p-6{padding: 4rem 0;} .Grp_bs_img{margin-top:-130px} }
@media (max-width:767.98px){ .custombtn{background:0 0;padding:.5rem 0} .rightmenu .navbar-nav .nav-item{margin: 0 .5rem;} .rightmenu .navbar-nav .dropdown-menu{font-size: 12px;} .owl-nav{display: none;} }
/* Mobile View */
@media (max-width:479.98px){ .icon{width:50%} .rightmenu .navbar-nav .nav-item{padding-right:.25rem} .rightmenu{position:absolute;right:4rem;top:.5rem} .btn span{font-size:12px; } .mobile_img img{width:120px;height:120px} .buyer_banner_section .card{max-width:90%} .new_btn{position:relative} .Grp_bs_img{margin-top:-80px} .buyer_grp,.supplier_grp{width:140px;height:44px} h3{font-size:18px;margin-bottom:5px} h4{font-size:16px} .vmtext,p{font-size:14px} .custombtn{background:0 0;padding:.5rem 0} .new_btn{position:relative;right:0;bottom:0} footer .footerlogo{width:auto} .l-50{left:45%!important} .bannerbtn {padding: 2px 5px;} .carousel-control-next-icon,.carousel-control-prev-icon{height:24px; width: 24px;} #carouselExampleDark .carousel-indicators .active{height:8px;width:40px;} #carouselExampleDark .carousel-indicators button{margin:0 5px;height:8px; width:24px;} .buyer_color_card .card .card-header::after { left: 43.5%; } .p-6{padding: 2rem 0;} }
/* Mobile View */
/* Timeline */
.pattern { background: url(../images/timeline.png) center center no-repeat; background-size: contain; height: 1080px; }
.pattern>div { height: 180px; }
.pattern > div > div { padding-right: 3rem; padding-left:3rem; font-size: 1.8vh; }
.pattern img{ max-height:120px;}
.timelinecontent{font-size:0.83vw}
.pattern span{color: #CCCCCC; font-size: 2.916vw; padding-left: 1rem; padding-right: 1rem; }
.pattern .header-title{ background-color: #1B1464; color: #fff; border-radius: 2rem !important; font-size: 1.041vw; min-width: 11.458vw; text-align: center; line-height: 2.5; padding: 0 5px;}
.pattern > div:nth-child(2) .header-title{background-color: #0000FF;}
.pattern > div:nth-child(3) .header-title{background-color: #1658E6;}
.pattern > div:nth-child(4) .header-title{background-color: #98A2FC;}
.pattern > div:nth-child(5) .header-title{background-color: #6B9AF3;}
.pattern > div:nth-child(6) .header-title{background-color: #97B9EF;}
.pattern .description{ border-right: 1px solid #999999; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem;}
.pattern > div:nth-child(2) .description, .pattern > div:nth-child(4) .description, .pattern > div:nth-child(6) .description {border-right: 1px solid transparent; padding-right: 0rem; border-left: 1px solid #999999; padding-left: 1rem;}
@media (max-width: 991.98px) { .pattern{ height: 600px; background-position: left 0 ;} .pattern>div{height: 100px; } .pattern img{ max-height:50px;} .pattern .text-end{text-align: left !important;} .pattern > div > div{padding-left: 1.5rem;} .pattern > div > div:nth-child(1){ padding-right: 0; padding-left: 0px; margin-left: 3rem;} .pattern > div:nth-child(1) .description, .pattern > div:nth-child(2) .description, .pattern > div:nth-child(3) .description, .pattern > div:nth-child(4) .description, .pattern > div:nth-child(5) .description, .pattern > div:nth-child(6) .description {border-right: 1px solid transparent; padding-right: 0rem; border-left: 1px solid #999999; padding-left: 1rem;} .pattern .header-title{font-size: 14px; min-width:130px;} .timelinecontent{font-size:12px} }
@media (min-width:1600px){.pattern .header-title{font-size: 0.841vw;}}
 /* Timeline */
.group_section, .group_section1{padding-top: 4rem!important;}
.animated_Button .btn:first-child:hover, :not(.btn-check)+.btn:hover{ color: #fff !important; }
.responsive_loan_Button .fa{display: none;}
#navigatio_top{ border-bottom: 1px solid #acacac;}
@media(max-width:500px){ .group_section, .group_section1{ padding-top: 0 !important; margin-top: 0 !important;} }
/* New_Css */
.product { display: grid; margin: auto; padding: 2.5em 0; min-width: 600px; background-color: white; border-radius: 5px; position: relative; }
.photo-main img { position: absolute; left: 210px; top: -120px; max-width: 110%; }
.photo-container { position: absolute; top: 0px; left: 0px; right: 0px; display: grid; width: 100%; height: 100%; background: #F5F5F5; box-shadow: 3px 5px 4px rgba(0, 0, 0, 0.25); border-radius: 32px !important; }
.product__info { text-align: center; margin-top: 10em; }
.title h3{margin-top: 6rem;}
.blitzConsultant .carousel-caption{width:100%;right:0%;left:0%}
.website-scroller{position:relative;}
.website-scroller .back-to-top {display: none; position: fixed; bottom: 10%; left: 100px; border-radius: 20% !important; border: 1px solid #be1f2e; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; font-weight: 600; height: 35px; width: 35px; }
.contact-banner-ing{height: 700px;}
.form-check-input:checked{background-color: var(--FB-context) !important; border-color: var(--FB-context) !important;}
.login_button:hover, .register_button:hover{border:1px solid var(--FB-context); color: var(--FB-context) !important; border-radius: 8px !important;}
.btn:first-child:hover, :not(.btn-check)+.btn:hover{
    background-color: #be1f2e;
    border-color: #be1f2e;
}