{"version":3,"sources":["main.36f0d4fd.chunk.css","index.css"],"names":[],"mappings":"AAAA,+FAA+F,CCE/F,KACC,kCACD,CACA,SACC,eACD,CACA,SACC,eACD,CACA,SACC,eACD,CACA,SACC,eACD,CACA,SACC,eACD,CAEA,SACC,oBACD,CAGA,wBACC,6BAA8B,CAC9B,uBAA2B,CACxB,qBAAsB,CACtB,2BAA4B,CAC5B,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,UACJ,CACA,SACC,iCAAsC,CACnC,QAAS,CACT,MAAO,CACP,iBAAkB,CAClB,OAAQ,CACR,KACJ,CACA,WACC,qBAAsB,CACtB,UAAW,CACX,YAAa,CACb,qBAAsB,CACtB,WACD,CACA,4BACC,YAAa,CACb,eAAgB,CAChB,qBACD,CACA,WACC,cACD,CACA,UACC,eACD,CACA,iBACC,aACD,CACA,iBACC,gBAAiB,CACd,eAAgB,CAChB,UACJ,CAGA,WACC,iBAAkB,CAClB,oBACD,CACA,UACC,gBACD,CAGA,WACC,iBAAkB,CAClB,oBAAqB,CACrB,wBACD,CACA,mBACC,YAAa,CACV,eACJ,CACA,oBACC,kBAAmB,CACnB,UAAW,CACX,WACD,CAGA,WACC,iBAAkB,CAClB,oBAAqB,CACrB,wBACD,CAIA,2BACI,qBAAsB,CACtB,iBAAkB,CAClB,aAAc,CACd,YAAa,CACb,iBAAkB,CAClB,oBAAqB,CACrB,UAAW,CACX,gBAAiB,CACjB,kBACJ,CAEA,eACI,aAAc,CACd,kBACJ,CACA,mBACC,8BAAgC,CAChC,eAAgB,CAChB,oBACD,CAEA,WACI,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAChB,eAAiB,CACjB,gBACJ,CACA,eACI,YACJ,CACA,YACI,eACJ,CACA,iBACI,SACJ,CACA,sBACI,QACJ,CAGA,0BACI,YACJ,CACA,kEACI,wBACJ,CAIA,0BACE,iBACF,CACA,8CACE,iBAAkB,CAClB,OAAQ,CACR,MAAO,CACP,OACF,CACA,gHAEE,iBAAkB,CAClB,aAAc,CACd,eAAgB,CAChB,WAAY,CACZ,WACF,CACA,oHAEE,gBAAiB,CACjB,aACF,CACA,wDACE,MACF,CACA,wDACE,OACF,CACA,gHAEC,cAAe,CACf,wBAA0B,CAC1B,SAAU,CACV,wBAAyB,CACzB,UACD,CACA,4HAEC,SACD,CAGA,0CAGC,iBAAkB,CAClB,UACD,CACA,eACC,YAAa,CACb,cACD,CACA,2BAEC,YACD,CAEA,mDACC,2BAGC,YAAa,CACb,aACD,CACD,CAGA,0BACC,2BAGC,YAAa,CACb,aACD,CACD,CACA,aACC,wBACD,CACA,cACC,wBAAyB,CACzB,UAED,CACA,0BAFC,qBAID,CAEA,mBACC,iBAAkB,CACf,KAAM,CACN,MAAO,CACP,QAAS,CACT,OAAQ,CACR,oEAAqE,CACrE,2BAA4B,CAC5B,uBAA2B,CAC3B,qBACJ,CAGA,UACI,iBAAiB,CACjB,YACJ,CACA,oBACI,iBAAiB,CACjB,QAAQ,CACR,OAAO,CACP,sCAAsC,CAEtC,8BACJ,CACA,UACI,eAAe,CACf,UAAU,CACV,kBAAkB,CAClB,eACJ,CACA,wBACI,iBAAiB,CACjB,MAAM,CACN,KAAK,CACL,oBAAoB,CACpB,WAAW,CACX,YAAY,CACZ,kEAAoE,CACpE,qBACJ,CACA,+BACI,UAAU,CACV,iBAAiB,CACjB,UAAU,CACV,WAAW,CACX,4BAA4B,CAE5B,oBAAoB,CACpB,iBAAiB,CACjB,wBAAwB,CACxB,UACJ,CACA,aAEI,cAAc,CACd,eAAe,CACf,YAAY,CACZ,kBAGJ,CACA,0BARI,6BAA6B,CAK7B,aAAa,CACb,wBASJ,CAPA,aAEI,cAAc,CACd,eAAe,CACf,QAGJ,CACA,YACI,6BAA6B,CAC7B,aAAa,CACb,eACJ,CACA,yCACI,wBACI,WAAW,CACX,YACJ,CACA,UACI,iBAAiB,CACjB,kBAAkB,CAClB,iBACJ,CACJ,CAGA,8BACC,gBACD,CAIA,wGACC,UACD,CACA,oEACC,aAAc,CACd,oBACD,CACA,eACC,UAAW,CACX,mBAAoB,CACpB,qBACD,CACA,kBACC,YAAa,CACb,qBAAsB,CACnB,gBACJ,CACA,UACC,eACD,CACA,eACC,UAAW,CACX,cAAe,CACf,qBACD,CACA,8BACC,eACD,CACA,eACC,eAAgB,CAChB,cACD,CAEA,+BACC,wBACD,CACA,+BACC,wBACD,CAKA,aACC,mBAAqB,CACrB,cAAe,CACf,oBAAqB,CACrB,cAAiB,CACjB,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,iBAAkB,CAClB,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CACjB,UACD,CAGA,kBACC,eAAgB,CAChB,aAAc,CACd,QAAS,CACT,QAAS,CACT,QAAS,CACT,iBAAkB,CAClB,OAAQ,CAIR,kBAAoB,CACpB,OAAQ,CAGR,UAAW,CACX,WAAY,CACZ,mBAAqB,CACrB,cALD,CAOA,cACC,wBACD,CACA,eACC,wBACD,CACA,kBACC,wBACD,CACA,cACC,qBACD,CACA,gBACC,wBACD,CAIA,6BACC,qBACD,CACA,eACC,wBACD,CACA,aACC,wBACD,CACA,iBACC,wBACD,CAGA,eACC,eAAgB,CAChB,UAAY,CACZ,WAAY,CACZ,MAAO,CACP,gBAAiB,CACjB,iBAAkB,CAClB,KAAM,CACN,UAAW,CACX,UACD,CAEA,mBACC,mBAAqB,CACrB,aAAc,CACd,WAAY,CACZ,eAAgB,CAChB,UACD,CACA,uBACC,WACD,CAGA,cACC,qBAAsB,CACtB,gBAAiB,CACjB,gBAAiB,CACjB,mBACD,CAGA,SACC,YAAa,CACb,WAAY,CACZ,qBAAsB,CACtB,iBACD,CACA,eACI,kBAAmB,CACnB,uBACJ,CACA,UACC,YAAa,CACb,WACD,CACA,kBACC,kBAAmB,CACnB,eACD,CAIA,kBACI,YAAa,CACb,qBAAsB,CACtB,WAAY,CACZ,sBAAuB,CACvB,iBACJ,CACA,uBACI,aACJ,CAEA,8BACC,aAAc,CACd,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAClB,kBACD,CACA,qCACC,UAAW,CACR,aAAc,CACd,UAAW,CACX,UAAW,CACX,4BAA6B,CAC7B,iBAAkB,CAClB,OACJ,CACA,wCACC,oBAAqB,CACrB,iBAAkB,CAClB,SAAU,CACV,iBACD,CAEA,0CACC,aAAc,CACd,kBAAmB,CAChB,iCAAkC,CAClC,WAAY,CACZ,aAAc,CACd,YAAa,CACb,WAAY,CACZ,wBACJ,CAEA,iDACC,WAAY,CACT,qBAAsB,CACtB,oCAAwC,CACxC,UAAW,CACX,iBACJ","file":"main.36f0d4fd.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap);\n/* Custom CSS ------------------- */\nbody{\n\tfont-family: 'Open Sans', sans-serif;\n}\n.fnt-300{\n\tfont-weight: 300;\n}\n.fnt-400{\n\tfont-weight: 400;\n}\n.fnt-600{\n\tfont-weight: 600;\n}\n.fnt-700{\n\tfont-weight: 700;\n}\n.fnt-800{\n\tfont-weight: 800;\n}\n\n.logo-mh{\n\tdisplay: inline-block;\n}\n\n/* Main content -------------- */\n.main-container-content{\n\tmin-height: calc(100vh - 50px);\n\tbackground-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    padding-top: 150px;\n    padding-bottom: 150px;\n    position: relative;\n    color: #fff;\n}\n.overlay{\n\tbackground-color: rgba(3, 38, 51, 0.7);\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n}\n.box-white{\n\tbackground-color: #fff;\n\tcolor: #000;\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n}\n.box-white .lead-small-ttle{\n\tdisplay: flex;\n\tmin-height: 42px;\n\tflex-direction: column;\n}\n.lead-desc{\n\tfont-size: 21px;\n}\n.table td{\n\tborder-top: none;\n}\n.q-star .fa-star{\n\tcolor: #0086CE;\n}\n.lead-small-ttle{\n\tfont-size: 1.1rem;\n    font-weight: 500;\n    color: #666;\n}\n\n/* Section 2 --------------------- */\n.section-2{\n\tpadding-top: 100px;\n\tpadding-bottom: 100px;\n}\n.how-icon{\n\tmax-height: 135px;\n}\n\n/* Section 3 --------------------- */\n.section-3{\n\tpadding-top: 100px;\n\tpadding-bottom: 100px;\n\tbackground-color: #fafafa;\n}\n.card-overflow-cus{\n\theight: 350px;\n    overflow-y: auto;\n}\n.img-thumbnail-cust{\n\tobject-fit: contain;\n\twidth: 65px;\n\theight: 65px;\n}\n\n/* Section 4 --------------------- */\n.section-4{\n\tpadding-top: 100px;\n\tpadding-bottom: 100px;\n\tbackground-color: #F6F1F1;\n}\n\n/* carousel css here ------------------- */\n\n.wrap-marketplace-box-item {\n    background-color: #fff;\n    border-radius: 2px;\n    display: block;\n    padding: 15px;\n    text-align: center;\n    word-wrap: break-word;\n    color: #000;\n    text-shadow: none;\n    margin-bottom: 25px;\n}\n/* Logo Found */\n.wmbi-img-logo {\n    display: block;\n    margin-bottom: 15px;\n}\n.wmbi-img-logo img {\n\tdisplay: inline-block !important;\n\tmax-height: 60px;\n\twidth: auto !important;\n}\n/* Title Brand */\n.wmbi-ttle {\n    background-color: #f5f5f5;\n    color: #2e9f3e;\n    font-size: 1.3em;\n    font-weight: bold;\n    padding: 10px 5px;\n}\n.marg-m-ttlTop {\n    margin-top: 0;\n}\n.p-marg-btm {\n    margin-bottom: 0;\n}\n.ul-wmbi-zero li {\n    padding: 0;\n}\n.ul-wmbi-zero li .btn{\n    margin: 0;\n}\n\n/* Carousel Custom Brands --------------- */\n#brandsCarousel .owl-item{\n    padding:15px;\n}\n#brandsCarousel .owl-prev::before,#brandsCarousel .owl-next::before{\n    background-color: #e1e1e1;\n}\n /* ===================================\n    Owl carousel\n====================================== */\n.main-content-owlcarousel {\n  position: relative;\n}\n.main-content-owlcarousel .owl-theme .owl-nav {\n  position: absolute;\n  top: 25%;\n  left: 0;\n  right: 0;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev, \n.main-content-owlcarousel .owl-theme .owl-nav .owl-next {\n  position: absolute;\n  color: inherit;\n  background: none;\n  border: none;\n  z-index: 100;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev i, \n.main-content-owlcarousel .owl-theme .owl-nav .owl-next i {\n  font-size: 2.5rem;\n  color: #cecece;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev {\n  left: 0;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-next {\n  right: 0;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev,\n.main-content-owlcarousel .owl-theme .owl-nav .owl-next{\n\tfont-size: 2rem;\n\tpadding: 0 1rem !important;\n\topacity: 0;\n\tbackground-color: #869791;\n\tcolor: #fff;\n}\n.main-content-owlcarousel:hover .owl-theme .owl-nav .owl-prev,\n.main-content-owlcarousel:hover .owl-theme .owl-nav .owl-next{\n\topacity: 1;\n}\n\n/* Buy Page Form ------------- */\n.wrap-box-main,\n.bg-left-box,\n.bg-right-box{\n\tposition: relative;\n\twidth: 100%;\n}\n.wrap-box-main{\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.bg-left-box,\n.bg-right-box{\n\tpadding: 3rem;\n}\n/* // Large devices (desktops, 992px and up) */\n@media (min-width: 992px) and (max-width: 1199.98px) {\n\t.bg-left-box,\n\t.bg-right-box{\n\t\tflex: 0 0 50%;\n\t\tmax-width: 50%;\n\t}\n}\n\n/* // Extra large devices (large desktops, 1200px and up) */\n@media (min-width: 1200px) {\n\t.bg-left-box,\n\t.bg-right-box{\n\t\tflex: 0 0 50%;\n\t\tmax-width: 50%;\n\t}\n}\n.bg-left-box{\n\tbackground-color: #eaeaea;\n}\n.bg-right-box{\n\tbackground-color: #fafafa;\n\tcolor: #777;\n\tflex-direction: column;\n}\n.flex-d-col{\n\tflex-direction: column;\n}\n\n.preloader-loading{\n\tposition: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-image: url(https://cdn.vnoc.com/icons/loading-128x128.gif);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #fff;\n}\n\n/* 404 CSS STYLE --------------------------- */\n#notfound{\n    position:relative;\n    height:100vh\n}\n#notfound .notfound{\n    position:absolute;\n    left:50%;\n    top:50%;\n    -webkit-transform:translate(-50%,-50%);\n    transform:translate(-50%,-50%)\n}\n.notfound{\n    max-width:560px;\n    width:100%;\n    padding-left:160px;\n    line-height:1.1\n}\n.notfound .notfound-404{\n    position:absolute;\n    left:0;\n    top:0;\n    display:inline-block;\n    width:140px;\n    height:140px;\n    background-image:url('https://cdn.vnoc.com/icons/contrib/emoji.png');\n    background-size:cover\n}\n.notfound .notfound-404:before{\n    content:'';\n    position:absolute;\n    width:100%;\n    height:100%;\n    -webkit-transform:scale(2.4);\n    transform:scale(2.4);\n    border-radius:50%;\n    background-color:#f2f5f8;\n    z-index:-1\n}\n.notfound h1{\n    font-family:nunito,sans-serif;\n    font-size:65px;\n    font-weight:700;\n    margin-top:0;\n    margin-bottom:10px;\n    color:#151723;\n    text-transform:uppercase\n}\n.notfound h2{\n    font-family:nunito,sans-serif;\n    font-size:21px;\n    font-weight:400;\n    margin:0;\n    text-transform:uppercase;\n    color:#151723\n}\n.notfound p{\n    font-family:nunito,sans-serif;\n    color:#999fa5;\n    font-weight:400\n}\n@media only screen and (max-width:767px){\n    .notfound .notfound-404{\n        width:110px;\n        height:110px\n    }\n    .notfound{\n        padding-left:15px;\n        padding-right:15px;\n        padding-top:110px\n    }\n}\n\n/* Dark Footer ------------------ */\n.footer-dark-1,.footer-dark-2{\n\tline-height: 20px;\n}\n.footer-dark-1 .text-g1,.footer-dark-2 .text-g1{\n\tcolor: #ccc;\n}\n.footer-dark-1 .f-a-links a,.footer-dark-2 .f-a-links a{\n\tcolor: #ccc;\n}\n.footer-dark-1 .f-a-links a:hover, .footer-dark-2 .f-a-links a:hover{\n\tcolor: #e1e1e1;\n\ttext-decoration: none;\n}\n.footer-dark-1{\n\tcolor: #fff;\n\tpadding: 60px 0 50px;\n\tbackground-color: #333;\n}\n.footer-dark-1 h3{\n\tmargin-top: 0;\n\tword-break: break-word;\n    font-size: 1.3rem;\n}\n.fnt-bold{\n\tfont-weight: bold;\n}\n.footer-dark-2{\n\tcolor: #fff;\n\tpadding: 25px 0;\n\tbackground-color: #222;\n}\n.footer-dark-2 ul.list-inline{\n\tmargin-bottom: 0;\n}\n.socials-ul li{\n\tpadding-right: 0;\n\tpadding-left: 0;\n}\n/* Black B */\n.footer-dark-1.footer-dark-b-1{\n\tbackground-color: #020202;\n}\n.footer-dark-2.footer-dark-b-2{\n\tbackground-color: #0e0e0e;\n}\n\n\n/* For Social Media Style Brand Details */\n/* Wrapper */\n.icon-button {\n\tborder-radius: 0.6rem;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tfont-size: 2.0rem;\n\theight: 3rem;\n\tline-height: 3rem;\n\tposition: relative;\n\ttext-align: center;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\twidth: 3rem;\n}\n\n/* Circle */\n.icon-button span {\n\tborder-radius: 0;\n\tdisplay: block;\n\theight: 0;\n\tleft: 50%;\n\tmargin: 0;\n\tposition: absolute;\n\ttop: 50%;\n\ttransition: all 0.3s;\n\twidth: 0;\n}\n.icon-button span {\n\twidth: 3rem;\n\theight: 3rem;\n\tborder-radius: 0.6rem;\n\tmargin: -1.5rem;\n}\n.twitter span {\n\tbackground-color: #4099ff;\n}\n.facebook span {\n\tbackground-color: #3B5998;\n}\n.google-plus span {\n\tbackground-color: #dd4b39;\n}\n.youtube span {\n\tbackground-color: #bb0000;\n}\n.pinterest span {\n\tbackground-color: #cb2027;\n}\n.angellist span {\n\tbackground-color: #000;\n}\n.github span {\n\tbackground-color: #000;\n}\n.linkedin span {\n\tbackground-color: #007bb6 ;\n}\n.tumblr span {\n\tbackground-color: #36465d ;\n}\n.foursquare span {\n\tbackground-color: #0072b1 ;\n}\n\n/* Icons */\n.icon-button i {\n\tbackground: none;\n\tcolor: white;\n\theight: 3rem;\n\tleft: 0;\n\tline-height: 3rem;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 3rem;\n\tz-index: 10;\n}\n/* For Image iCons */\n.social-img-icon-a{\n\tborder-radius: 0.6rem;\n\tdisplay: block;\n\theight: 30px;\n\toverflow: hidden;\n\twidth: 30px;\n}\n.social-img-icon-a img{\n\theight: 30px;\n}\n\n/* Public Pages ------------------------------ */\n.public-pages{\n\tbackground-color: #fff;\n\tmin-height: 100vh;\n\tpadding-top: 50px;\n\tpadding-bottom: 50px;\n}\n\n/* App Page -------------------- */\n.box-app{\n\tdisplay: flex;\n\theight: 100%;\n\tflex-direction: column;\n\tborder-radius: 2px;\n}\n.box-app:hover {\n    background: #F7F9FC;\n    box-shadow: 0px 0px 3px #000;\n}\n.desc-app{\n\tdisplay: flex;\n\theight: 100%;\n}\n.img-app-logo img{\n\tobject-fit: contain;\n\tmax-height: 100%;\n}\n\n\n/* Nav Tabs - Buy Form Page - Our Process ------------------------- */\n.circle-step-main {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    justify-content: center;\n    text-align: center;\n}\n.circle-step-main span {\n    display: block;\n}\n\n.nav.nav-tabs.process-nav-tab{\n\tdisplay: block;\n\tborder-bottom: none;\n\tposition: relative;\n\ttext-align: center;\n\tmargin-bottom: 1rem;\n}\n.nav.nav-tabs.process-nav-tab:before{\n\tcontent: \"\";\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-bottom: 1px solid #ddd;\n    position: absolute;\n    top: 50%;\n}\n.nav.nav-tabs.process-nav-tab .nav-item{\n\tdisplay: inline-block;\n\tposition: relative;\n\tz-index: 2;\n\tmargin-right: 15px;\n}\n\n.nav.nav-tabs.process-nav-tab .nav-item a{\n\tdisplay: block;\n\tborder-radius: 100%;\n    box-shadow: 0 0 30px 0 transparent;\n    border: none;\n    color: #c7c7c7;\n    height: 100px;\n    width: 100px;\n    background-color: #f5f5f5;\n}\n\n.nav.nav-tabs.process-nav-tab .nav-item a.active{\n\tborder: none;\n    background-color: #fff;\n    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);\n    color: #000;\n    text-align: center;\n}\n","@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');\n/* Custom CSS ------------------- */\nbody{\n\tfont-family: 'Open Sans', sans-serif;\n}\n.fnt-300{\n\tfont-weight: 300;\n}\n.fnt-400{\n\tfont-weight: 400;\n}\n.fnt-600{\n\tfont-weight: 600;\n}\n.fnt-700{\n\tfont-weight: 700;\n}\n.fnt-800{\n\tfont-weight: 800;\n}\n\n.logo-mh{\n\tdisplay: inline-block;\n}\n\n/* Main content -------------- */\n.main-container-content{\n\tmin-height: calc(100vh - 50px);\n\tbackground-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    padding-top: 150px;\n    padding-bottom: 150px;\n    position: relative;\n    color: #fff;\n}\n.overlay{\n\tbackground-color: rgba(3, 38, 51, 0.7);\n    bottom: 0;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n}\n.box-white{\n\tbackground-color: #fff;\n\tcolor: #000;\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n}\n.box-white .lead-small-ttle{\n\tdisplay: flex;\n\tmin-height: 42px;\n\tflex-direction: column;\n}\n.lead-desc{\n\tfont-size: 21px;\n}\n.table td{\n\tborder-top: none;\n}\n.q-star .fa-star{\n\tcolor: #0086CE;\n}\n.lead-small-ttle{\n\tfont-size: 1.1rem;\n    font-weight: 500;\n    color: #666;\n}\n\n/* Section 2 --------------------- */\n.section-2{\n\tpadding-top: 100px;\n\tpadding-bottom: 100px;\n}\n.how-icon{\n\tmax-height: 135px;\n}\n\n/* Section 3 --------------------- */\n.section-3{\n\tpadding-top: 100px;\n\tpadding-bottom: 100px;\n\tbackground-color: #fafafa;\n}\n.card-overflow-cus{\n\theight: 350px;\n    overflow-y: auto;\n}\n.img-thumbnail-cust{\n\tobject-fit: contain;\n\twidth: 65px;\n\theight: 65px;\n}\n\n/* Section 4 --------------------- */\n.section-4{\n\tpadding-top: 100px;\n\tpadding-bottom: 100px;\n\tbackground-color: #F6F1F1;\n}\n\n/* carousel css here ------------------- */\n\n.wrap-marketplace-box-item {\n    background-color: #fff;\n    border-radius: 2px;\n    display: block;\n    padding: 15px;\n    text-align: center;\n    word-wrap: break-word;\n    color: #000;\n    text-shadow: none;\n    margin-bottom: 25px;\n}\n/* Logo Found */\n.wmbi-img-logo {\n    display: block;\n    margin-bottom: 15px;\n}\n.wmbi-img-logo img {\n\tdisplay: inline-block !important;\n\tmax-height: 60px;\n\twidth: auto !important;\n}\n/* Title Brand */\n.wmbi-ttle {\n    background-color: #f5f5f5;\n    color: #2e9f3e;\n    font-size: 1.3em;\n    font-weight: bold;\n    padding: 10px 5px;\n}\n.marg-m-ttlTop {\n    margin-top: 0;\n}\n.p-marg-btm {\n    margin-bottom: 0;\n}\n.ul-wmbi-zero li {\n    padding: 0;\n}\n.ul-wmbi-zero li .btn{\n    margin: 0;\n}\n\n/* Carousel Custom Brands --------------- */\n#brandsCarousel .owl-item{\n    padding:15px;\n}\n#brandsCarousel .owl-prev::before,#brandsCarousel .owl-next::before{\n    background-color: #e1e1e1;\n}\n /* ===================================\n    Owl carousel\n====================================== */\n.main-content-owlcarousel {\n  position: relative;\n}\n.main-content-owlcarousel .owl-theme .owl-nav {\n  position: absolute;\n  top: 25%;\n  left: 0;\n  right: 0;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev, \n.main-content-owlcarousel .owl-theme .owl-nav .owl-next {\n  position: absolute;\n  color: inherit;\n  background: none;\n  border: none;\n  z-index: 100;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev i, \n.main-content-owlcarousel .owl-theme .owl-nav .owl-next i {\n  font-size: 2.5rem;\n  color: #cecece;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev {\n  left: 0;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-next {\n  right: 0;\n}\n.main-content-owlcarousel .owl-theme .owl-nav .owl-prev,\n.main-content-owlcarousel .owl-theme .owl-nav .owl-next{\n\tfont-size: 2rem;\n\tpadding: 0 1rem !important;\n\topacity: 0;\n\tbackground-color: #869791;\n\tcolor: #fff;\n}\n.main-content-owlcarousel:hover .owl-theme .owl-nav .owl-prev,\n.main-content-owlcarousel:hover .owl-theme .owl-nav .owl-next{\n\topacity: 1;\n}\n\n/* Buy Page Form ------------- */\n.wrap-box-main,\n.bg-left-box,\n.bg-right-box{\n\tposition: relative;\n\twidth: 100%;\n}\n.wrap-box-main{\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.bg-left-box,\n.bg-right-box{\n\tpadding: 3rem;\n}\n/* // Large devices (desktops, 992px and up) */\n@media (min-width: 992px) and (max-width: 1199.98px) {\n\t.bg-left-box,\n\t.bg-right-box{\n\t\t-ms-flex: 0 0 50%;\n\t\tflex: 0 0 50%;\n\t\tmax-width: 50%;\n\t}\n}\n\n/* // Extra large devices (large desktops, 1200px and up) */\n@media (min-width: 1200px) {\n\t.bg-left-box,\n\t.bg-right-box{\n\t\t-ms-flex: 0 0 50%;\n\t\tflex: 0 0 50%;\n\t\tmax-width: 50%;\n\t}\n}\n.bg-left-box{\n\tbackground-color: #eaeaea;\n}\n.bg-right-box{\n\tbackground-color: #fafafa;\n\tcolor: #777;\n\tflex-direction: column;\n}\n.flex-d-col{\n\tflex-direction: column;\n}\n\n.preloader-loading{\n\tposition: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-image: url(https://cdn.vnoc.com/icons/loading-128x128.gif);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #fff;\n}\n\n/* 404 CSS STYLE --------------------------- */\n#notfound{\n    position:relative;\n    height:100vh\n}\n#notfound .notfound{\n    position:absolute;\n    left:50%;\n    top:50%;\n    -webkit-transform:translate(-50%,-50%);\n    -ms-transform:translate(-50%,-50%);\n    transform:translate(-50%,-50%)\n}\n.notfound{\n    max-width:560px;\n    width:100%;\n    padding-left:160px;\n    line-height:1.1\n}\n.notfound .notfound-404{\n    position:absolute;\n    left:0;\n    top:0;\n    display:inline-block;\n    width:140px;\n    height:140px;\n    background-image:url('https://cdn.vnoc.com/icons/contrib/emoji.png');\n    background-size:cover\n}\n.notfound .notfound-404:before{\n    content:'';\n    position:absolute;\n    width:100%;\n    height:100%;\n    -webkit-transform:scale(2.4);\n    -ms-transform:scale(2.4);\n    transform:scale(2.4);\n    border-radius:50%;\n    background-color:#f2f5f8;\n    z-index:-1\n}\n.notfound h1{\n    font-family:nunito,sans-serif;\n    font-size:65px;\n    font-weight:700;\n    margin-top:0;\n    margin-bottom:10px;\n    color:#151723;\n    text-transform:uppercase\n}\n.notfound h2{\n    font-family:nunito,sans-serif;\n    font-size:21px;\n    font-weight:400;\n    margin:0;\n    text-transform:uppercase;\n    color:#151723\n}\n.notfound p{\n    font-family:nunito,sans-serif;\n    color:#999fa5;\n    font-weight:400\n}\n@media only screen and (max-width:767px){\n    .notfound .notfound-404{\n        width:110px;\n        height:110px\n    }\n    .notfound{\n        padding-left:15px;\n        padding-right:15px;\n        padding-top:110px\n    }\n}\n\n/* Dark Footer ------------------ */\n.footer-dark-1,.footer-dark-2{\n\tline-height: 20px;\n}\n.footer-dark-1 .text-g1,.footer-dark-2 .text-g1{\n\tcolor: #ccc;\n}\n.footer-dark-1 .f-a-links a,.footer-dark-2 .f-a-links a{\n\tcolor: #ccc;\n}\n.footer-dark-1 .f-a-links a:hover, .footer-dark-2 .f-a-links a:hover{\n\tcolor: #e1e1e1;\n\ttext-decoration: none;\n}\n.footer-dark-1{\n\tcolor: #fff;\n\tpadding: 60px 0 50px;\n\tbackground-color: #333;\n}\n.footer-dark-1 h3{\n\tmargin-top: 0;\n\tword-break: break-word;\n    font-size: 1.3rem;\n}\n.fnt-bold{\n\tfont-weight: bold;\n}\n.footer-dark-2{\n\tcolor: #fff;\n\tpadding: 25px 0;\n\tbackground-color: #222;\n}\n.footer-dark-2 ul.list-inline{\n\tmargin-bottom: 0;\n}\n.socials-ul li{\n\tpadding-right: 0;\n\tpadding-left: 0;\n}\n/* Black B */\n.footer-dark-1.footer-dark-b-1{\n\tbackground-color: #020202;\n}\n.footer-dark-2.footer-dark-b-2{\n\tbackground-color: #0e0e0e;\n}\n\n\n/* For Social Media Style Brand Details */\n/* Wrapper */\n.icon-button {\n\tborder-radius: 0.6rem;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tfont-size: 2.0rem;\n\theight: 3rem;\n\tline-height: 3rem;\n\tposition: relative;\n\ttext-align: center;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\twidth: 3rem;\n}\n\n/* Circle */\n.icon-button span {\n\tborder-radius: 0;\n\tdisplay: block;\n\theight: 0;\n\tleft: 50%;\n\tmargin: 0;\n\tposition: absolute;\n\ttop: 50%;\n\t-webkit-transition: all 0.3s;\n\t-moz-transition: all 0.3s;\n\t-o-transition: all 0.3s;\n\ttransition: all 0.3s;\n\twidth: 0;\n}\n.icon-button span {\n\twidth: 3rem;\n\theight: 3rem;\n\tborder-radius: 0.6rem;\n\tmargin: -1.5rem;\n}\n.twitter span {\n\tbackground-color: #4099ff;\n}\n.facebook span {\n\tbackground-color: #3B5998;\n}\n.google-plus span {\n\tbackground-color: #dd4b39;\n}\n.youtube span {\n\tbackground-color: #bb0000;\n}\n.pinterest span {\n\tbackground-color: #cb2027;\n}\n.angellist span {\n\tbackground-color: #000;\n}\n.github span {\n\tbackground-color: #000;\n}\n.linkedin span {\n\tbackground-color: #007bb6 ;\n}\n.tumblr span {\n\tbackground-color: #36465d ;\n}\n.foursquare span {\n\tbackground-color: #0072b1 ;\n}\n\n/* Icons */\n.icon-button i {\n\tbackground: none;\n\tcolor: white;\n\theight: 3rem;\n\tleft: 0;\n\tline-height: 3rem;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 3rem;\n\tz-index: 10;\n}\n/* For Image iCons */\n.social-img-icon-a{\n\tborder-radius: 0.6rem;\n\tdisplay: block;\n\theight: 30px;\n\toverflow: hidden;\n\twidth: 30px;\n}\n.social-img-icon-a img{\n\theight: 30px;\n}\n\n/* Public Pages ------------------------------ */\n.public-pages{\n\tbackground-color: #fff;\n\tmin-height: 100vh;\n\tpadding-top: 50px;\n\tpadding-bottom: 50px;\n}\n\n/* App Page -------------------- */\n.box-app{\n\tdisplay: flex;\n\theight: 100%;\n\tflex-direction: column;\n\tborder-radius: 2px;\n}\n.box-app:hover {\n    background: #F7F9FC;\n    box-shadow: 0px 0px 3px #000;\n}\n.desc-app{\n\tdisplay: flex;\n\theight: 100%;\n}\n.img-app-logo img{\n\tobject-fit: contain;\n\tmax-height: 100%;\n}\n\n\n/* Nav Tabs - Buy Form Page - Our Process ------------------------- */\n.circle-step-main {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    justify-content: center;\n    text-align: center;\n}\n.circle-step-main span {\n    display: block;\n}\n\n.nav.nav-tabs.process-nav-tab{\n\tdisplay: block;\n\tborder-bottom: none;\n\tposition: relative;\n\ttext-align: center;\n\tmargin-bottom: 1rem;\n}\n.nav.nav-tabs.process-nav-tab:before{\n\tcontent: \"\";\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-bottom: 1px solid #ddd;\n    position: absolute;\n    top: 50%;\n}\n.nav.nav-tabs.process-nav-tab .nav-item{\n\tdisplay: inline-block;\n\tposition: relative;\n\tz-index: 2;\n\tmargin-right: 15px;\n}\n\n.nav.nav-tabs.process-nav-tab .nav-item a{\n\tdisplay: block;\n\tborder-radius: 100%;\n    box-shadow: 0 0 30px 0 transparent;\n    border: none;\n    color: #c7c7c7;\n    height: 100px;\n    width: 100px;\n    background-color: #f5f5f5;\n}\n\n.nav.nav-tabs.process-nav-tab .nav-item a.active{\n\tborder: none;\n    background-color: #fff;\n    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);\n    color: #000;\n    text-align: center;\n}"]}