.footer {background: #0f4583; padding-top: 70px;} .footer a {color: #d0e4fb;} .footer a:hover {color: #fff;} .footer .title {font-size: 19px; color: #fff; font-weight: 600; margin-bottom:15px;} .footer .title2 {font-size: 16px; font-weight: 600; margin-bottom:10px; color: #fff;} .flinks li:not(:last-child) {margin-bottom:9px;} .flinks a {font-size: 15px; font-weight: 300} .footer .mt-5 {margin-top: 25px;} .footer .mb-3 {margin-bottom: 20px;} .social-icons {display: inline-flex;} .social-icons li {margin-right:15px;} .social-icons img {vertical-align: middle;} .social-icons a {display: inline-block; transition: 0.2s ease-in-out} .social-icons a:hover {transform: scale(1.2);} .fcallus {font-size: 15px; color: #fff; font-weight: 500; margin-bottom:5px;} .footer .dif {color:#fff} .footer .femails {color: #fff; margin:10px 0 25px} .fapps {line-height: 1px;} .fapps img {height:40px; margin-right: 5px; transition: 0.3s ease-in-out; border:1px solid rgba(255,255,255,0.3); border-radius: 5px; line-height: 1px} .fapps img:hover {transform: scale(1.1);} .copyr {text-align: center; padding:30px 5px 25px; font-size: 14px; font-weight: 300; color: #d0e4fb;} .copyr a:hover {text-decoration: underline;} .ftools {display:flex; align-items:center; width: 100%; background:#06376e; border:1px solid rgba(255,255,255,0.2); border-radius:7px; margin-top:35px; overflow:hidden} .ftools .title3 {background:var(--secondarycolor);color:#fff;font-weight:600;text-shadow:1px 2px 2px rgba(0,0,0,0.1);padding:15px 15px;position: relative;margin-right:12px} .ftools .title3:after {position: absolute; top:50%; left:100%; transform:translateY(-50%); content:''; border:10px solid; border-color:transparent transparent transparent var(--secondarycolor);} .ftools a {padding:13px 15px; display:inline-block} .ftools a:hover {text-decoration:underline} .prd-logos {padding:10px 25px; position: relative; overflow: initial; margin-top:55px; border-top-left-radius: 0px;} .prd-logos a {padding: 0px;} .prd-logos img {opacity: 0.7;} .prd-logos .item {flex:1;} .prd-logos a:hover img {opacity: 1;} .prd-logos .title {position: absolute; top:-31px; left:-1px; font-size: 12px; font-weight: 400; color:rgba(255,255,255,0.8); padding:8px 17px; border-radius:7px 7px 0 0; border:1px solid rgba(255,255,255,0.2); border-bottom:0px; background: linear-gradient(0deg, #06376e 0%, var(--secondarycolor) 100%); overflow: hidden;}

.scrollTop {width: 25px; height: 25px; position:fixed;bottom:0;right:25px;border-radius:50%;width:50px;height:50px;text-align:center;cursor:pointer;z-index:9;opacity:0;transition:all .3s;cursor:pointer; background: rgba(0,0,0,0.4); transition: 0.2s ease-in-out;}
.scrollTop:hover {background: #45454b}
.scrollTop img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s; width: 25px; height: 25px;}
.scrollTop:hover svg {top:40%}  
.scrollTop.active{opacity:1; bottom: 110px;}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {display: none !important;} body{top:0!important;} body > .skiptranslate {display:none !important;} #google_translate_element select {background:none; border:1px solid #fff; color:#fff; border-radius:3px; padding:8px 25px 8px 12px} #google_translate_element select option {color: #333} .goog-logo-link,.goog-te-gadget span,div#goog-gt-{display:none!important;} .goog-te-gadget{color:transparent!important;font-size:0;} .goog-te-banner-frame{display:none !important;} #goog-gt-tt, .goog-te-balloon-frame{display: none !important;} .goog-text-highlight { background: none !important; box-shadow: none !important;}

.ai-chatting {position:fixed;bottom:30px;right:25px;z-index:10;cursor:pointer;} .ai-chatting.active {display: none;} .chat-msg-float {width:220px;background-color:#97262a; background-image:linear-gradient(#d8232a,#97262a);border-radius:20px 15px 0 20px; color:#f1f1f1;display:flex;align-items:center;padding:12px 15px;position:relative; box-shadow: 0px 0px 7px rgba(0,0,0,0.2); } .chat-msg-float:after {position:absolute;content:'';bottom:-13px;right:0;border:14px solid;width:5px;border-color:transparent #97262a transparent transparent} .chat-msg-float figure {width:52px;font-size:35px} .chat-msg-float .title {font-size:14px; margin-bottom:5px; color: #fff;} .chat-msg-float .desc {font-size:16px;color:#ffe200;font-weight:600} .chat-msg-float:hover {box-shadow:0 0 10px rgba(56, 63, 210, 0.2)} .pulse {animation:pulse .7s infinite ease-in-out alternate}
@keyframes pulse{from{transform:scale(0.8)}to{transform:scale(1.05)}}
.lc-thanks {line-height: 18px;} .lcthanks-row {display: flex; padding:5px 0; align-items: center;} .lcthanks-img {margin-right: 7px; line-height: 1px;} .lcthanks-msg {flex:1; font-size:14px;} .lcthanks-msg > * {margin-bottom: 3px;} .lcthanks-msg b {font-size:15px;} 
.lcform {display: flex; align-items: center; border: 2px solid #ccc; width: 100%; border-radius: 7px;} 
.lcform > .item {flex: 1; position: relative;} 
.lcform > .item:nth-child(2) {background: #eef0f8; border-left: 2px solid #ccc; border-radius:0 5px 5px 0;} 
.lcform-wrap {padding-right: 15px; flex:1} 
.lcinput {border: none; background:none; padding: 17px 17px; width: 100%; font-size: 15px;} 
.lcinput2 {border: none; background:#fff; padding: 17px 17px; width: 100%; font-size: 15px; position: absolute; top: 0; right: 0; border-radius: 7px;} 
.lcform-otp {border:none} 
.lcform-otp .otp-input {text-align: left;} 
.lcform-otp .otp-input input {color: #000; width: 36px !important;} 
.lcwb-box {display: flex; justify-content: space-between; align-items: center;} 
.lcw-b {border-top: 1px solid #45454b; padding: 15px 20px; height: 88px;} 
.lcwb-btn-wrap {width: 50px;} 
.lcwb-btn {background-color:#97262a; background-image:linear-gradient(#d8232a,#97262a); color: #fff; border-radius: 50%; width: 50px; height: 50px; border:none; position: relative;} 
.lcwb-btn[disabled] {background-color: #ccc; cursor:not-allowed;} 
.lcwb-btn[disabled]:hover {background-color: #b4b4b4;} 
.lcwb-btn:hover {background: var(--secondarycolor);} 
.lcwb-btn svg {fill: #fff; width: 27px; height: 27px; position: absolute; top: 49%; left: 48%; transform: translate(-50%, -50%) rotate(35deg);} 
.lcw-content .lchat:not(:last-child) {margin-bottom: 15px;} 
.lchat {display: flex;} 
.lcavtar {width: 38px; height: 38px; background: #dbdbdb; border-radius: 50%; margin-right: 15px;} 
.lcavtar img {width: 38px; height: 38px; object-fit: scale-down;} 
.lcbody {flex: 1; font-size: 14px; line-height: 19px; padding-right: 20px;} 
.lc-msg {margin-bottom: 12px;} 
.lc-msg span{display: inline-block; background: #efeff0; border-radius: 0px 15px 15px 15px; padding: 10px 17px; color: #333} 
.lc-time {font-size: 13px; color: #b7b7b7;} 
.lchatr {text-align: right;} 
.lchatr .lcbody {padding:0 0 0 20px;} 
.lchatr .lc-msg span {background: #45454b; color: #fff; border-radius: 15px 0 15px 15px;} 
.attrlist {display: inline-flex; flex-wrap: wrap; align-items: center;} 
.attrlist li {margin:0 10px 10px 0;} 
.attr-item {display: inline-block; background: #fff; color: #45454b; border:1px solid #45454b; border-radius:20px; padding: 6px 10px;} 
.attr-item:hover {background: #45454b; color: #fff;} 
.attrskip {color: #383fd2; text-decoration: underline;} 
.attrskip:hover {color: #383fd2;} 
.lchat-btn {display: none; background:#383fd2; color:#fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 25px; position: fixed; bottom: 23px; right: 23px; border-radius: 50%; cursor: pointer; box-shadow: 0 5px 25px 0 rgba(0,0,0,.35); z-index: 99} 
.lchat-btn i {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); transition: all 2s} 
.lchat-btn img {width: 30px; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);filter: brightness(0) invert(1);} 
.lchat-btn::before {content: '';width: 100px;height: 100px;position: absolute;top:-34%;left:-33%; border-radius: 50%;display: block;background-color: #383fd2;opacity: 0.5; transform: translate(10%,10%); animation: bg 1.2s ease-out infinite;} @keyframes bg {0% {transform: scale(0.54545455); opacity: 0.75;} 100% {transform: scale(1); opacity: 0;} } 
.lchat-btn:hover:before, .lchat-btn.active:before {display: none;} 
.lchat-btn:hover {box-shadow: 0 5px 25px 0 rgba(0,0,0,.55); background:#383fd2;} 
.lchat-btn.active {background:#45454b; display: block;} 
.lchat-btn .down-icon {display:none; fill: #fff; width: 38px; height: 38px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);} 
.lchat-btn.active .down-icon {display:inline-block;} 
.lchat-icon {fill: #fff; width: 38px; height: 38px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);} 
.lchat-btn.active .lchat-icon {display:none;} 


.lcw {box-shadow: 0 5px 25px 0 rgba(0,0,0,.35); position: fixed; right:25px; bottom:95px; background:#fff; border-radius:15px; width:380px; z-index:9999; visibility:hidden; transform: scale(0) translate(0,0px); transition: all 0.2s;  transform-origin : 89% 104%; } 
.lcw.active {visibility:visible; transform: scale(1) translate(0,0); display: block;} 
.lcw-content {padding: 20px 17px; height: 405px; overflow-y: auto; background: #fff;} 
.lcw-header {background:#97262a; background-image: linear-gradient(#d8232a,#97262a); color:#fff; padding:10px 17px; position: relative; border-radius: 14px 14px 0 0;  align-items: center;} 
.lcw-header .left {flex:1; font-size: 16px; line-height: 20px;} 
.lcw-header .right {text-align: right;} 
.lcw-header figure {margin:0 10px 0 0; width: 45px; height: 45px; border-radius: 50%; background: #fff; overflow: hidden;} 
.lcw-header figure img {width: 45px; height: 45px; object-fit: scale-down;} 
.lcw-header p {font-size: 17px; font-weight: 600; line-height: 15px;} 
.lcw-header span {font-size: 12px; color:#ccc; display: block; margin-top:5px;} 
.lcw-header i {position: absolute;right: 12px; top: 50%; transform: translateY(-50%); padding:5px; cursor: pointer; color:#ccc;} 
.lcw-header i:hover {color:#fff;} 
.lcw-close svg {width: 25px; height: 25px; cursor: pointer; fill: #fff;}

.modal {display: none; position: fixed; z-index: 8888; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6)} .modal-wrap {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: relative; padding: 15px} .modal-content-wrap {min-width: 320px; max-width: 800px; background-color: #fff; position: relative; border-radius: 7px} .modal .close,.modal .close2 {position: absolute!important; top: -12px!important; right: -12px!important; cursor: pointer; font-size: 25px!important; display: inline-block!important; width: 30px!important; height: 30px!important; line-height: 27px!important; background: #dbdbdb!important; color: #666!important; text-align: center; border-radius: 50%} .modal .close span,.modal .close2 span {transform: rotate(0) translate(0px,-1px)!important; background: none!important;width: auto!important; height: auto!important;padding: 0!important} .modal .close:hover,.modal .close2:hover {color: #000} .modal-content {padding: 25px} .modal-head {margin-bottom: 25px} .modal-title {font-size: 20px;line-height: 20px;color: #000;font-weight: 500} .modal .form > li:not(:last-child) {margin-bottom: 15px} .modal .heading {color: #333; text-align: center; margin-bottom: 17px} .modal .heading span {color: #000; font-size: 16px; display: block;line-height: 22px} .modal .heading2 {color: #333; text-align: center} .modal .heading2 span {color: #0165ab;font-size: 16px} .modal .btn {background: #0f3d5a; font-size: 14px; padding: 10px 15px; color: #fff; border: none; border-radius: 4px; box-shadow: 0 3px #4ea8e0; font-family: 'Arial'; position: relative; cursor: pointer} .modal .btn:hover {box-shadow: 0 2px #70bdee;top: 1px} .ifield {position: relative;} .floating-input, .floating-select, .floating-textarea {border: 1px solid #ccc; background: #fff; border-radius:25px;padding:12px 13px; height: 46px; width: 100%;} .floating-placeholder {color:#545454; font-size:13px; font-weight:normal;position:absolute;pointer-events:none;left:14px; top:15px; transition:0.2s ease all; -moz-transition:0.2s ease all;  -webkit-transition:0.2s ease all;} .intl-input .floating-placeholder {left: 52px} .floating-input:focus, .floating-select:focus, .floating-textarea:focus {border:1px solid #1257a6;}
.floating-input:focus ~ .floating-placeholder, .floating-input:not(:placeholder-shown) ~ .floating-placeholder {top:-8px; left:10px; font-size:13px; color:#1257a6; background:#fff; padding: 0 3px; border-radius: 3px;} .floating-select:focus ~ .floating-placeholder , .floating-select:not([value=""]):valid ~ .floating-placeholder {top:-8px; left:10px; font-size:13px;color:#1257a6; background:#fff; padding: 0 3px; border-radius: 3px;} .floating-textarea:focus ~ .floating-placeholder, .floating-textarea:not(:placeholder-shown) ~ .floating-placeholder {top:-8px; left:10px; font-size:13px; color:#1257a6; background:#fff; padding: 0 3px; border-radius: 3px;} .floating-input.error, .floating-select.error {border:1px solid red;} .floating-input.error ~ .floating-placeholder, .floating-input.error:focus ~ .floating-placeholder, .floating-input.error:not(:placeholder-shown) ~ .floating-placeholder {color:red;} .floating-select.error ~ .floating-placeholder, .floating-select.error:focus ~ .floating-placeholder , .floating-select.error:not([value=""]):valid ~ .floating-placeholder {color:red;} .error {font-size: 12px; color: #f00} .looking-for {border:1px solid #b2dadf; background: #fff; display: flex; width: 100%; padding: 0px;} .looking-for .left {width: 360px;} .looking-for .right {padding:25px 20px; width:calc(100% - 340px)} .looking-for .title {font-size: 22px;} .looking-for .sect2-head span {color: #0D5696} .postr-list {margin-left: -7px; margin-right: -7px; padding-top: 7px;} .postr-list > li {margin-bottom: 17px; padding: 0 7px} .postr-list .floating-input, .postr-list .floating-select, .postr-list .floating-textarea {border-radius: 5px;} .postr-btn {background: #3c3b4d; font-size: 15px; font-weight: 500; color: #fff; padding:13px 40px; display: inline-block; border-radius: 5px; border:none;} .postr-btn:hover {background: #1257a6} 


.vs-box{width:100%; height:450px; position:relative} .vs-box .heading{display:flex;align-items:center;padding:10px 15px} .vs-box .heading svg{vertical-align:middle} .vs-box .title{font-size:25px;font-weight:600;text-align:center;margin:0 0 40px} .vs-box .action{text-align:center;color:var(--primarycolor);font-size:20px;font-weight:600} .wave{position:absolute;width:390px;height:390px;display:flex;justify-content:center;align-items:center;top:100px;left:50%;transform:translateX(-50%);margin:0 auto} .wave-btn{z-index:100;width:70px;height:70px;color:#fff;border-radius:50%;border:none;background-color:var(--primarycolor);transition:transform .2s ease-out} .wave-container{position:absolute;top:0;left:0;right:0;bottom:0} .wave-circle{position:absolute;background-color:transparent;border:13px solid var(--primarycolor);border-radius:50%;filter:blur(3px);animation-name:ripple;animation-duration:3s;animation-timing-function:cubic-bezier(0,0.2,0.8,1);animation-iteration-count:infinite;display:none} .wave.active .wave-circle{display:block} .wave-container .wave-circle:nth-child(2){animation-delay:-1s} .wave-container .wave-circle:nth-child(3){animation-delay:-2s} @keyframes ripple{0%{top:50%;left:50%;width:0;height:0;opacity:1}100%{top:0;left:0;width:100%;height:100%;opacity:0}}

.form .input {background: #fff; width: 100%; height: 44px; padding: 9px 13px; border-radius: 20px; border:1px solid #ccc;} .form textarea.input {height: auto;} .form .title {margin-bottom:7px; display: block; font-weight: 600; color: #333} .modal-box .video {border:0px; width: 100%; height: 300px} .form li {position: relative;} .form > li {margin-bottom: 17px;} .form > li > ul {width: 100%;display: flex; flex-wrap: wrap;} .form > li > ul >li:first-child {padding-right: 10px;} .form > li > ul >li {max-width: 50%;flex-basis: 50%;position: relative;} .form .error-bdr {border:1px solid #f00 !important;} .form label.error {font-size: 11px; color: #f00; margin-bottom: 0px;} .form .form-btn {background: var(--secondarycolor); color: #fff; border:none;padding: 12px 45px; border-radius: 25px; font-weight: 600; font-size: 15px;} .modal-back .si {background-position: -313px -31px; width: 15px; height: 15px;} .otp-action {display: inline-block;} .custom-radio {margin-bottom:5px;} .custom-checkbox{display:block;vertical-align: middle; margin-bottom:5px;} .custom-checkbox input{padding:0;height:initial;width:15px;height: 15px; margin-bottom:0;cursor:pointer; vertical-align: middle; margin-right: 3px;} .custom-checkbox label{position:relative;cursor:pointer; line-height: 18px;} .custom-checkbox label span {display: inline-block; position: relative;top: 2px} .otp-step{padding-top:15px} .otp-heading{text-align:center;font-weight:500;font-size:15px;margin-bottom:12px} .otp-desc{text-align:center;font-size:14px; margin-bottom:12px;} .otp-desc i{color:#0165ab} .otp-desc .si {background-position: -298px -30px; width: 13px; height: 13px;} .otp-desc b{font-weight:500} .otp-input {text-align: center;} .otp-input input {width: 40px !important; border:1px solid #ccc; height: 45px; display: inline-block; text-align: center; font-weight: 600; color:#165d8e; font-size: 16px; border-radius: 5px !important;} .view-mobile-table {position: relative;} .view-mobile-table, .view-mobile-table td {background: #fff;border: 1px solid #ccc; border-collapse: collapse;} .view-mobile-table td  {padding: 5px 7px;} .view-mobile-table .contact-hidden {display: flex;position: absolute; top: 0;right: 0;z-index: 1; width: calc(100% - 130px); height: 100%;background: #f2dede;color: #333; border: 1px solid #ebccd1; text-align: center;align-items: center; padding: 2px;line-height: 19px; font-weight:500;} .resend-opt a {color:#0165ab} .form .or {position: relative;padding: 15px 0 10px;margin:15px 0 35px;border-bottom: 1px solid #ccc;} .form .or span {width: 35px; height: 35px; line-height: 35px;border-radius: 50%;font-size: 13px;display: inline-block;position: absolute;bottom: -18px;left: 50%; transform: translateX(-50%);background: #fff; border:1px solid #ccc;} .agree {text-align: center; font-size: 13px;} .agree.custom-checkbox input:checked + label:after {top:0px; width: 4px; left: 7px;} .agree.custom-checkbox label {line-height: 18px;} .agree.custom-checkbox label span {top: 1} .addtional-details > ul {display: block !important;} .addtional-details > ul > li:first-child {padding-right:0px !important;} .addtional-details > ul > li:not(:last-child) {margin-bottom: 17px;} .addtional-details > ul > li {max-width: 100% !important;flex-basis: 100% !important;position: relative;} .addtional-details .d-flex {width: 100%;display: flex;flex-wrap: wrap;} .addtional-details .d-flex li:first-child {padding-right: 10px;} .addtional-details .d-flex li {max-width: 50%;flex-basis: 50%;position: relative;} .enquiry-pop .modal-content-wrap{background:none} .cs-left{background:#0165ab;color:#fff;width:390px;padding:25px 20px;position:relative} .cs-left:after{content:'';position:absolute;border:15px solid;border-color:transparent transparent transparent #0165ab;top:50%;right:-30px;z-index:1;transform:translateY(-50%)} .cs-left .prod-name,.cs-left .prod-name:hover{color:#fff;font-size:18px;font-weight:300;line-height:23px} .cs-left .prod-name{margin-bottom:5px} .cs-left .prod-price{color:#ffa977;font-size:16px;margin-bottom:10px} .cs-left .comp-loc{font-size:12px;color:#bdeaff!important; margin-bottom: 15px;} .cs-left .comp-loc i{margin-right:3px;font-size:13px} .cs-left figure{line-height:1px;position:relative;width:350px;height:350px;text-align:center; background: #fff} .cs-left figure .opacity{position:absolute;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.7)} .cs-left figure img{max-width:350px;max-height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2} .cs-left .prod-pic-modal {width: 350px; height: 350px;} .cs-left .prod-pic-modal .ec .ec__item {padding: 0px;} .cs-left .prod-pic-modal .ec .ec__nav--prev {left: -10px;} .cs-left .prod-pic-modal .ec .ec__nav--next {right: -10px;} .cs-right .close,.cs-left .close{background:#d1d8df;color:#686c6f!important;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center;font-size:15px;padding:0} .cs-right{padding:12px 20px 12px 25px;height:100%;background:#eff3f7;flex:1;position:relative} .cs-right .heading{color:#333;text-align:center; margin-bottom: 17px} .cs-right .heading span{color:#000;font-size:16px;display:block;line-height:22px} .cs-right .heading2{color:#333;text-align:center} .cs-right .heading2 span{color:#0165ab;font-size:16px} .cs-right .btn{background:#0f3d5a;font-size:14px;padding:10px 15px;color:#fff;border:none;border-radius:4px;box-shadow:0 3px #4ea8e0;font-family:'Roboto';position:relative;cursor:pointer} .cs-right .btn:hover{box-shadow:0 2px #70bdee;top:1px} .cs-right .input::placeholder{color:#666;font-family:'Roboto'} .cs-right .checkbox{font-size:12px} .cs-right .checkbox input{vertical-align:middle;margin-right:3px} .cs-right textarea.input{line-height:normal!important} .cs-right .left-sec h4{font-size:14px;color:#666} .cs-right .left-sec{background:#e8eeef;flex-basis:225px;text-align:center;padding:25px} .cs-right .modal-desc{text-align:center;font-size:14px;max-width:80%;margin:0 auto;color:#000} .cs-right .modal-head .divider{width:55px;height:2px;background:rgba(0,0,0,0.2);display:inline-block} .cs-right .modal-head{text-align:center;margin-bottom:10px} .cs-right .modal-title{font-size:20px;line-height:20px;color:#000;font-weight:500} .thanks-message{height:calc(100% - 50px);padding:40px 12px} .thanks-message .fas{font-size:40px;color:#5e7b0d} .thanks-message p{font-size:20px;margin-bottom:12px} .thanks-message .btn-3{padding:7px 25px;margin-top:12px;font-size:13px;display:inline-block;border-radius:3px} .thanks-message .link{font-weight:500;margin-top:15px;display:inline-block;color:#1e79b3} .input.error,input.error{border:1px solid red!important;color:#d24848!important;} .input.error::placeholder,input.error::placeholder{color:red!important}label.error span{background:#fdbfbf;color:#000}label.error span:before{border-color:#fdbfbf transparent transparent} .fa-spinner{animation-name:spin;animation-duration:3000ms;animation-iteration-count:infinite;animation-timing-function:linear} .checkmark{width:100px;margin:0 auto} .checkmark .path{stroke-dasharray:1000;stroke-dashoffset:0;animation:dash 2s ease-in-out;-webkit-animation:dash 2s ease-in-out} .checkmark .spin{animation:spin2 2s;-webkit-animation:spin2 2s;transform-origin:50% 50%;-webkit-transform-origin:50% 50%} .tooltip-error {width: 220px;background: #f8d7da;color: #721c24; border: 1px solid #f8d7da; text-align: center; border-radius: 2px;padding: 4px 7px; font-size: 11px; line-height:18px; position: absolute; z-index: 1; top:-27px;left:0px;} .tooltip-error::after { content: ""; position: absolute;top: 100%; left: 10%; margin-left: -5px; border-width: 7px; border-style: solid; border-color:#f8d7da transparent transparent transparent;} .chat-button {background:#0165ab; color:#fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 25px; position: fixed; bottom: 23px; right: 23px; border-radius: 50%; cursor: pointer; box-shadow: 0 5px 25px 0 rgba(0,0,0,.35); z-index: 99} .chat-button i {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); transition: all 2s} .chat-button img {width: 30px; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);filter: brightness(0) invert(1);} .chat-button::before {content: '';width: 100px;height: 100px;position: absolute;top:-34%;left:-33%; border-radius: 50%;display: block;background-color: #0165ab;opacity: 0.5; transform: translate(10%,10%); animation: bg 1.2s ease-out infinite;}@keyframes bg {0% {transform: scale(0.54545455); opacity: 0.75;}100% {transform: scale(1); opacity: 0;}} .chat-button:hover:before, .chat-button.active:before {display: none;} .chat-button:hover {box-shadow: 0 5px 25px 0 rgba(0,0,0,.55); background:#017ab1;} .chat-button.active {background:#017ab1;} .chat-button .fab {display: inline-block;} .chat-button.active .fab {display:none;} .chat-button.active .fas {display:inline-block;} .chat-window {box-shadow: 0 5px 25px 0 rgba(0,0,0,.35); position: fixed;right:25px; bottom:100px; background:#fff; border-radius:5px; width:325px; z-index: 98; visibility:hidden; transform: scale(0) translate(100px,100px); transition: all 0.2s;  transform-origin : 89% 104%; } .chat-window.active {visibility:visible; transform: scale(1) translate(0,0); display: block;} .chat-window-content {padding: 20px 20px;} .chat-window-header {background:#0165ab; color:#fff; padding:12px 30px 12px 17px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;} .chat-window-header figure {line-height: 1px; margin-right: 10px;} .chat-window-header p {font-size: 17px; font-weight: 600; line-height: 15px;} .chat-window-header span {font-size: 12px; color:#ccc; display: block; margin-top:5px;} .chat-window-header i {position: absolute;right: 12px; top: 50%; transform: translateY(-50%); padding:5px; cursor: pointer; color:#ccc;} .chat-window-header i:hover {color:#fff;} .grting-msg {font-size: 13px; line-height: 18px; text-align: center;} .chat-window ul.form > li {margin-bottom: 15px; position: relative;} .chat-window ul.form > li:last-child {margin-bottom: 0;} .chat-window svg {cursor: pointer; position: absolute; top: 10px; right: 10px} .chat-window  .country-list{font-size: 14px;} .chat-window .input {border:1px solid #ddd; background: #fff; border-radius: 4px; padding:9px 12px; width: 100%} .chat-window .button {background:var(--secondarycolor); color:#fff; padding:11px 12px; width: 100%; border:none; font-size: 15px; border-radius: 25px; cursor: pointer;} .chat-window .button:hover {background:var(--secondarycolor)} .intl-tel-input {display: block !important;} .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {border-radius: 25px 0 0 25px} .cs-right .floating-input:focus ~ .floating-placeholder, .cs-right .floating-input:not(:placeholder-shown) ~ .floating-placeholder {background:#eff3f7;} .cs-right .floating-select:focus ~ .floating-placeholder , .cs-right .floating-select:not([value=""]):valid ~ .floating-placeholder {background:#eff3f7;} @-webkit-keyframes dash {0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}} @keyframes dash {0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}} @-webkit-keyframes spin2 {0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}} @keyframes spin2 {0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}} .success-section .title{color:#339881;margin-bottom:7px;font-size:24px} .success-section .message{margin-bottom:0} .success-section .link{font-weight:500;margin-top:15px;display:inline-block;color:#1e79b3} @keyframes spin {from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .OrderUnitInput-wrap {position: absolute; top: 0; left: 0; width: calc(100% - 25px); display: none;} .OrderUnitInput {border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right: 0px;} .unit-list {max-height: 182px; font-size: 15px; list-style: none; padding: 0; border: 1px solid #ddd; position: absolute; top: calc(100% - 0px); left: 0; width: 100%; z-index: 1; background: #fff; display: none;} .unit-list li {border-bottom: 1px solid #ddd;cursor: pointer;color: #666} .unit-list li:last-child {border-bottom: 0px;} .unit-list li:hover {background: #f7f7f7} .unit-list li span {display: block;padding: 5px 10px;} .verify-company {padding: 25px 15px!important; background: #fff!important;border: 10px solid #ebf0f4;border-radius: 5px} .verify-company .close {top: -17px!important; right: -17px!important} .verify-company .verify-icon {padding-bottom: 7px} .verify-company .com-name {color: #202020;font-size: 25px} .verify-company .com-location {color: #666;font-size: 14px} .verify-company .memb-of {font-size: 14px; color: #000; background: #f8f2d3; display: inline-block; padding: 3px 12px; margin: 15px 0 10px} .verify-company .vc-heading {font-size: 14px;color: #666;border-bottom: 1px dashed #ccc;padding-bottom: 3px;margin: 20px 0 12px} .verify-company .vc-list {list-style: none;padding-left: 10px} .verify-company .vc-list > :not(:last-child) {margin-bottom: 5px} .verify-company .vc-list i {color: #53a23a; margin-right: 5px} .verify-company .vc-table td:nth-child(2) {font-weight: 600} .verify-company .vc-table td {padding-bottom: 5px} .verify-company .vc-footer {text-align: center; margin-top: 25px} .verify-company .vc-footer img {width: 120px}

.intl-tel-input {position:relative;display:block} .intl-tel-input * {box-sizing:border-box;-moz-box-sizing:border-box} .intl-tel-input .flag-container ~ input{position:relative;z-index:0;margin:0!important;padding-left:55px;} .intl-tel-input .flag-container{position:absolute; top:0; bottom:0; left:0; padding:1px} .intl-tel-input .selected-flag{z-index:1; position:relative; width:50px; height:100%; padding:0 0 0 8px;  cursor: pointer;} .intl-tel-input .selected-flag:hover {background:#eee} .intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto} .intl-tel-input .iti-arrow{position:absolute; top:50%; margin-top:-2px; right:6px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #555} .intl-tel-input .country-list{position:absolute; z-index:2; width:280px; max-height:280px;  list-style:none; text-align:left; padding:0; margin:0 0 0 -1px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); background-color:#fff; border:1px solid #ccc; white-space:nowrap; overflow-y:scroll; overflow-x: hidden;  font-family: arial; font-size: 14px;} .intl-tel-input .intl-search-wrap {position: sticky; top: 0; padding: 7px; background: #eee;z-index: 2; } .intl-tel-input .intl-search {padding:7px 10px; border:1px solid #ddd; width: 100%; font-size: 13px; outline: none;} .intl-tel-input .intl-search:focus {border-color: #9e9e9e;} .intl-tel-input .country-item {display:flex; padding: 9px 10px; align-items: center; cursor: pointer;} .intl-tel-input .notfound {padding:9px 10px}
.intl-tel-input .country:hover {background:#eee} .intl-tel-input .country.active {background: #666; color: #fff;} .intl-tel-input .country.active .dial-code  {color: #ccc;}
.intl-tel-input .country-item .iti-flag {margin-right: 5px;} .intl-tel-input .country-item .country-name {margin-right: 5px} .intl-tel-input .country-item .dial-code {color: #999} .intl-tel-input .country-list .divider {border-bottom: 1px solid #ccc} 
.lcwb-box .intl-tel-input .country-list {bottom: 100%;}
.country-list::-webkit-scrollbar {display:block; width:4px; border-radius: 3px;}.country-list::-webkit-scrollbar-track {background: #f1f1f1;}.country-list::-webkit-scrollbar-thumb {background: #ccc;}.country-list::-webkit-scrollbar-thumb:hover {background: #999;}
.iti-flag{width:20px; height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../images/flags-intl.jpg);background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}
.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:13px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag.np{background-color:transparent}

*, ::before, ::after {box-sizing: border-box;}
.modal-wrap2 {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: relative; padding: 15px}
.modal-content-wrap2 {min-width: 320px; max-width: 800px; background:#4051b5; position: relative; border-radius: 7px}
.modal .modal-close{position: absolute!important; top: -12px!important; right: -12px!important; cursor: pointer; font-size: 25px!important; display: inline-block!important; width: 35px!important; height: 35px!important; line-height: 35px!important; background: #dbdbdb!important; color: #666!important; text-align: center; border-radius: 50%; z-index: 1;}
.modal .modal-close span {transform: rotate(0) translate(0px,-1px)!important; background: none!important;width: auto!important; height: auto!important;padding: 0!important}
.modal .modal-close:hover {color: #000}
.modal-content2 {padding:20px 25px}
.modal-content2.p-0 {padding: 0px;}

.modal-box-row {display:flex}
.modal-box-left {width: 240px; margin-right: 35px; color: #fff;}
.modal-box-left .title {font-size: 23px; line-height:32px}
.modal-box-left .title2 {font-size: 23px; line-height:32px; margin-bottom:15px}
.modal-box-left .desc {font-size: 22px; font-weight: 600; color: #7edeff; margin-top: 4px;}
.modal-box-left .desc span {font-size: 17px; font-weight: 400;}
.modal-box-left figure {background-color: #fff; width: 240px; height: 240px; border-radius: 10px; overflow: hidden; margin: 17px 0 20px; line-height: 1px;}
.modal-box-left figure img {width: 240px; height: 240px; object-fit: scale-down;}
.modal-box-list {list-style: none; padding: 0; margin: 0; font-size: 15px; line-height:21px}
.modal-box-list > li {padding-left: 28px; position: relative;}
.modal-box-list > li:not(:last-child) {margin-bottom: 15px;}
.modal-box-list li:after {position: absolute; content: ''; top: 0; left: 0; width: 21px; height: 21px;}
.modal-box-list .mb-company:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(126,222,255,1)'%3E%3Cpath d='M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z'%3E%3C/path%3E%3C/svg%3E");}
.modal-box-list .mb-address:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(126,222,255,1)'%3E%3Cpath d='M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z'%3E%3C/path%3E%3C/svg%3E");}
.modal-box-list .mb-email:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(126,222,255,1)'%3E%3Cpath d='M21 3C21.5523 3 22 3.44772 22 4V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V19H20V7.3L12 14.5L2 5.5V4C2 3.44772 2.44772 3 3 3H21ZM8 15V17H0V15H8ZM5 10V12H0V10H5ZM19.5659 5H4.43414L12 11.8093L19.5659 5Z'%3E%3C/path%3E%3C/svg%3E");}
.modal-box-list .mb-mobile:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(126,222,255,1)'%3E%3Cpath d='M21 16.42V19.9561C21 20.4811 20.5941 20.9167 20.0705 20.9537C19.6331 20.9846 19.2763 21 19 21C10.1634 21 3 13.8366 3 5C3 4.72371 3.01545 4.36687 3.04635 3.9295C3.08337 3.40588 3.51894 3 4.04386 3H7.5801C7.83678 3 8.05176 3.19442 8.07753 3.4498C8.10067 3.67907 8.12218 3.86314 8.14207 4.00202C8.34435 5.41472 8.75753 6.75936 9.3487 8.00303C9.44359 8.20265 9.38171 8.44159 9.20185 8.57006L7.04355 10.1118C8.35752 13.1811 10.8189 15.6425 13.8882 16.9565L15.4271 14.8019C15.5572 14.6199 15.799 14.5573 16.001 14.6532C17.2446 15.2439 18.5891 15.6566 20.0016 15.8584C20.1396 15.8782 20.3225 15.8995 20.5502 15.9225C20.8056 15.9483 21 16.1633 21 16.42Z'%3E%3C/path%3E%3C/svg%3E");}

.modal-hiw {list-style: none; padding:0; margin:0px}
.modal-hiw li {position: relative; padding-left:40px}
.modal-hiw li:not(:last-child) {margin-bottom:7px}
.modal-hiw li:before {position:absolute; content:''; width:26px; height:26px; background:#fff; left:0; top:3px; border-radius:50px;}
.modal-hiw li:after {position:absolute; content:''; width:21px; height:21px; left:3px; top:6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(42,169,213,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");}

.modal-box-right {flex:1;}
.modal-box {background: #f8f8f8; padding: 25px; border-radius: 10px; min-height: 510px; max-height: 510px; position: relative; font-size:15px; line-height:22px}
.modal-box.mh-auto {min-height: auto;}
.mb-heading {font-size: 16px; color: #192228; font-weight: 600; margin-bottom: 13px;}
.mb-desc {font-size: 15px; color: #192228; margin-bottom: 17px;}
.mb-desc span {text-decoration: underline; cursor: pointer;}
.modal-box-scroll {max-height:360px; padding-top: 6px;}
.modal-box-scroll.scroll-yes {overflow-y: auto; overflow-x:hidden;}

.modal-box .floating-input, .modal-box .floating-select, .modal-box .floating-textarea {border-radius: 5px; font-size:15px; border:1px solid #bfccdb}
.modal-box .floating-placeholder {top: 12px; color: #727272;}
.floating-input:focus ~ .floating-placeholder, .floating-input:not(:placeholder-shown) ~ .floating-placeholder {background:#f8f8f8; top: -8px;}
.modal-box label {font-size: 15px;}
.modal-box .custom-checkbox input {margin:0px 3px 0 0}

.city-suggetion {position: absolute; left:0; top:100%; margin:0; padding:0; list-style:none; width:100%; overflow-y:auto; max-height:170px; border:1px solid #ddd; z-index: 1;}
.city-suggetion li {border-bottom:1px solid #ddd; padding:3px 7px; cursor:pointer; background:#fff}
.city-suggetion li:hover {background:#eee}

.mb-radio-list {list-style: none; padding: 0; margin:0 -7px 0 -7px; display: flex; flex-wrap: wrap;}
.mb-radio-list .item {flex: 0 0 auto; max-width: 100%; width: 50%; padding: 0 7px; margin-bottom: 13px;}
.mb-radio-list .item.full {width: 100%; flex-basis: 100%;}
.mb-radio-row {background: #ffffff; border-radius:5px; border:1px solid #bfccdb; width: 100%; padding: 10px 15px 10px 25px; overflow: hidden; position: relative; cursor: pointer;}
.mb-radio {-webkit-appearance: none;appearance: none;}
.mb-radio::before {content: ''; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.mb-radio:checked::before {background: #2aa9d5;}
.mb-radio::after {content: ''; cursor: pointer; height: 15px; border-radius: 50px; border: 4px solid #ccc; left: 13px; position: absolute; top: 50%; transform:translateY(-50%); width: 15px;}
.mb-radio:checked::after {border: 4px solid #ffffff;}
.mb-label {color: #000;  z-index: 1; position: absolute; width:calc(100% - 40px);  left: 35px; top: 50%; transform:translateY(-50%); cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.mb-radio:checked ~ .mb-label {color: #ffffff;}
.modal-box .otp-input {display: flex; justify-content: center;}
.modal-box .otp-input input {width:50px !important; height: auto; padding: 15px 10px; font-size: 25px; font-weight: 600; margin: 4px; color: #1890b8;}

.form > li > ul > li {margin-bottom: 3px;}
.addtional-details2 .full {max-width: 100% !important; flex-basis: 100% !important; margin-bottom: 15px;}
.addtional-details2 .full ul {list-style: none; padding: 0; margin: 0; width: 100%; display: flex; flex-wrap: wrap;}
.addtional-details2 .full ul > li {list-style: none; padding: 0; margin: 0 0 2px; max-width: 50%; flex-basis: 50%;}
.addtional-details2 .full ul > li:first-child {padding-right: 10px;}

.unit-list {overflow-y: auto;}
.text-left {text-align: left !important;}
.modal-box-btn-wrap {position: absolute; z-index: 1; bottom:25px; left: 25px; display: flex; align-items: center;}
.modal-box-btn {background: #2aa9d5; border:none; border-radius: 5px; padding:13px 35px; font-size: 16px; color: #fff; cursor: pointer;}
.modal-box-btn:hover {background: #1890b8;}
.modal-box-btn-wrap .skip-link {display: inline-block; text-decoration: underline; padding: 0 15px; cursor: pointer;}
.modal-box-btn-wrap .skip-link:hover {text-decoration: none;}
.oh {overflow: hidden;}
.modal-box-btn svg {display: inline-block; margin-left: 5px; vertical-align: middle;}

.wachat-head {background:#018069; color: #fff; padding:11px 17px; display: flex; align-items: center;}
.wachat-head figure {background: #fff; width: 45px; height: 45px; overflow: hidden; border-radius: 50px; margin-right: 15px;}
.wachat-head figure img {width: 45px; height: 45px; object-fit: scale-down;}
.wachat-heading {font-size: 15px; font-weight: 600;}
.wachat-content {padding:25px; background: #ebe6e1;}

.chatbox {display: flex;}
.chatbox-user {padding-right:10px}
.chatbox-user figure {border-radius:50%; width:45px; height:45px; line-height:50px; overflow:hidden; border:1px solid #ccc; margin-bottom:3px; background:#bcbcbc; color:#fff}
.chatbox-user span {font-size:12px; color:#333}
.chatbox-textarea {flex: 1;}
.chatbox-textarea textarea {border-radius:0px 10px 10px 10px; width:100%; display: block; resize: none; font-size:15px; line-height:22px; border:1px solid #bfccdb; font-family: arial; padding: 10px 15px;}
.chatbox-textarea textarea:focus {outline:none}
.chatbox-btn-wrap {padding-top:17px; text-align: right;}
.chatbox-btn {background:#018069; color:#fff; display:inline-flex; text-transform:uppercase; padding:10px 20px; border-radius:5px; cursor: pointer;}
.chatbox-btn:hover {background:#01977c; color: #fff;}

.quot-list .item:not(:last-child) {margin-bottom:15px}
.quot-box {display:flex; justify-content:space-between; align-items:center; line-height:14px; background:#fff; border-radius:5px; border:1px solid #bfccdb; padding:8px 13px}
.quot-left > *:not(:last-child) {margin-bottom:5px}
.quot-left .title {font-size:15px; font-weight:600; color:#000; margin-bottom:8px}
.quot-left .desc {font-size:13px; color:#666}
.quot-right {text-align:right}

.quot-price {color:#2aa9d5; font-size:17px; font-weight:600}
.quot-price span {color:#666; font-size:13px; font-weight:400}
.quot-btn {background:#e6e6e6; font-size:13px; color:#000; padding:7px 12px; border-radius:3px; display:inline-block; cursor: pointer; margin-top:7px; position: relative;}
.quot-btn:hover {background:#e1dfdf}
.quot-btn.active {background:#1dab30; color:#fff; padding-left:33px}
.quot-btn.active:after {position:absolute; content:''; left:10px; top:50%; transform:translateY(-50%); width:18px; height:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");}


.sugg-box {background:#fff; padding:17px 12px; border:1px solid #2aa9d5; border-radius:5px; margin-top:15px; position: relative; display:none}
.sugg-box:before {position: absolute; content:''; border:10px solid; bottom:100%; left:25px; border-color:transparent transparent #2aa9d5 transparent}
.sugg-box:after {position: absolute; content:''; border:8px solid; bottom:100%; left:27px; border-color:transparent transparent #fff transparent}

.mb2-row {display: flex; color: #323232;}
.mb2-left {width: 275px; padding-right: 25px;}
.mb2-right {flex: 1; padding-left: 25px; border-left: 1px solid #d9d9d9;}
.mb2_prd_figure {margin:0 0 10px; border-radius: 10px; border:1px solid #ccc; overflow: hidden; line-height: 1px; padding-top: 100%; background:#fff; position: relative; }
.mb2_prd_figure:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border:4px solid #fff; z-index: 2;}
.mb2_prd_figure:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border:3px solid #fff; border-radius: 15px; z-index: 1;}
.mb2_prd_figure img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.mb2-prdbox {color:#323232}
.mb2_prd_dtail {font-size: 14px; line-height: 20px; list-style: none;}
.mb2_prd_dtail a:hover {color: #185cab;}
.mb2_prd_dtail svg {color: #185cab; width: 17px; height: 17px; vertical-align: middle;}
.mb2_prd_dtail .title {font-size: 17px; font-weight: 600;}
.mb2_prd_dtail .price {font-size: 16px; margin-top: 4px;}
.mb2_prd_dtail .price span {font-size: 13px; color: #666;}
.mb2_prd_dtail .soldby {color: #666; margin-top: 8px;}
.mb2_prd_dtail .soldby a {font-weight: 600; color: #323232;}
.mb2_prd_dtail .soldby a:hover {color: #185cab;}
.mb2_prd_attr {margin-top: 20px; font-size: 14px; color: #666; list-style: none;}
.mb2_prd_attr li {padding: 5px 0; border-bottom: 1px solid #ddd;}
.mb2_prd_attr li span {font-weight: 600; color: #323232;}
.mb2_prd_attr li:last-child {border-bottom: none;}
.mb2-head {margin-bottom: 20px;}
.mb2-head > * {margin-bottom:10px;}
.mb2-head > *:last-child {margin-bottom:0px;}
.mb2-heading {font-size: 24px; line-height: 30px; color: #323232;}
.mb2-sub-heading {font-size: 16px; line-height: 22px; font-weight: 400; color: #686868;}
.mb2-ftitle {color: #323232; font-size: 14px; font-weight: 600; margin-bottom: 9px;}
.mb-radio-list .input {padding: 10px 13px; border-radius: 5px; border:1px solid #979797; background: #fff; width: 100%; min-height: 44px; font-size: 14px;}
.mb-radio-row {border:1px solid #979797;  min-height: 44px; }
.mb-radio-list .item {margin-bottom: 15px; position: relative;}
.mb2-row .view-mobile-table td {padding: 10px 9px;}
.modal3 .modal-content {padding:0}
.modal3 .modal-content-wrap {border-radius: 12px;}
.modal3 .mb2-left {padding:28px; background:#fafafa; border-top-left-radius:12px; border-bottom-left-radius:12px;}
.modal3 .mb2-right {padding:28px; border:none;}
.modal3 .mb2-left ~ .mb2-right {box-shadow:-16px 0 13px 0 rgba(229, 229, 229, 0.16)}
@media(max-height:715px){
.modal-wrap {align-items: initial !important; height: initial !important;}
.modal3 {overflow-y: auto;}
}
.mb2-btn {display: inline-block; padding: 12px 35px; font-size: 16px; border-radius: 5px; border:none}
.mb2-btn svg {width: 20px; height: 20px; vertical-align: middle; margin: 0 3px;}
.mb2-btn-primary {background: #185cab; color: #fff;}
.mb2-btn-primary:hover {background: #1a63b6; color: #fff;}
.mb2-row .mb-radio:checked::before {background: #2A7B9B; background: linear-gradient(90deg,#185cab 0%, #57c785 80%);}
.mb2-row .otp-input input {width: 50px !important; height: 55px !important;}
.pbc {display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 20px;}
.pbenq-box {display: flex; width: 100%;  position: relative;}
.pbitem-box {display: flex; flex-direction: column; align-items: center; flex-grow: 1; position: relative; text-align: center; width: 25%;}
.pb-circle {width: 20px; height: 20px; border: 3px solid #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; background-color: #a19e9e; color: #333; z-index: 1; overflow: hidden;}
.pb-circle.perrep {background: conic-gradient(#007A6E calc(var(--progress, 0) * 1%), #ccc 0);}
.pb-circle.active {background-color: #007A6E; color: #fff; border-color: #007A6E;}  
.pbitem-box:last-child::before{display: none}
.pb-circle .progtick {font-size: 14px; color: white;}  
.pbtitle { margin-top: 8px;font-size: 11px; text-align: center; font-weight: bold; color: #757575;}
.pbitem-box::before {content: ''; position: absolute; top: 10px; left: 50%; width: 100%; height: 3px; background-color: #ccc; z-index: 0;}
.pbin-circle {width: 15px; height: 15px; background-color: white;border-radius: 50%;}
.modal .modal-content-wrap .mb2-close {width: 43px !important; height: 43px !important; font-size: 31px !important; line-height: 45px !important; background: #e5e5e5 !important; top: -20px !important; color: #333 !important;}
.modal .modal-content-wrap .mb2-close:hover {background: #dadada !important;}
.mb2-height {min-height:400px; display: flex;}
.mb2-height > * {width: 100%;}
.detect-location {position: absolute; white-space: nowrap; display: inline-block; min-height: 30px; line-height: 30px; padding: 0px 10px; font-size: 12px; right: 13px; top: 32px; border-radius:70px; background: #ced5ff; color: #007aff; cursor: pointer;}
.detect-location:hover {background: #b9c1ee;}    
.detect-location svg {width: 16px; height: 16px; vertical-align: middle; fill: #f00; margin-right:2px; line-height: 1px;}
.mb2-suggetion {position: absolute; left:7px; top:100%; margin:0; padding:0; list-style:none; width:calc(100% - 15px); overflow-y:auto; max-height:170px; border:1px solid #ddd; z-index: 1;}
.mb2-suggetion li {border-bottom:1px solid #ddd; padding:5px 7px; cursor:pointer; background:#fff}
.mb2-suggetion li:hover {background:#eee}
.modal-box {background: #fff !important;}
.modal2 .checkmark {margin: 0 auto 15px;}
.mb2-slider {margin:0; border-radius: 10px; border:1px solid #ccc; overflow: hidden; line-height: 1px; padding-top: 100%; background:#fff; position: relative;}
.mb2-slider:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border:4px solid #fff; z-index: 2;}
.mb2-slider:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border:3px solid #fff; border-radius: 15px; z-index: 1;}
.mb2-slider img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.inq-slide {display: none}
.mb2-slider-wrap {position: relative; margin-bottom:13px}
.mb2-slider .prev, .mb2-slider .next {cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: auto; padding:15px 13px; background: rgba(0,0,0,0.2); color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; user-select: none; z-index: 2;}
.mb2-slider .prev {left: 5px; border-radius: 0 3px 3px 0;}
.mb2-slider .next {right: 5px; border-radius: 3px 0 0 3px;}
.mb2-slider .prev:hover, .mb2-slider .next:hover {background-color: rgba(0,0,0,0.8);}
.mb2-slider .text {display: none;}
.numbertext {color: #fff; font-size: 12px; font-weight: 600; padding: 8px 12px; position: absolute; top: 15px; left: 5px; z-index: 2; text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
.mb2slider-dot {position: absolute; bottom: 20px; left:50%; transform:translateX(-50%); z-index: 2; line-height:1px}
.mb2slider-dot .dot {cursor: pointer; height: 10px; width: 10px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.mb2slider-dot .active, .mb2slider-dot .dot:hover {background-color: #333;}
.inq-slide.fadeSlide {animation-name: fadeSlide;  animation-duration: 1.5s;}
@keyframes fadeSlide {from {opacity: .4} to {opacity: 1} }
.floating-input, .floating-select, .floating-textarea {border: 1px solid #979797 !important;border-radius: 5px !important;}
.input:disabled, .floating-input:disabled {background:#eee; cursor: pointer;}





#prdZoomInq {background:#323234}
.modal .close.prdzoomclose {position: absolute; top: 25px !important; right: 15px !important; cursor: pointer; font-size: 25px; display: inline-block; width: 40px !important; height: 40px !important; line-height: 40px !important; background: #fff !important; color: #666; text-align: center; border-radius: 50%;}
.modal .close.prdzoomclose:hover {background: #dbdbdb !important;}
.prd-zoom-row {display:flex}
.pzom-left {width:calc(100% - 450px); padding: 40px 65px 0;}
.pzom-right {width:450px; padding:40px 25px 0}

.pzom-rbox {background:#fff; border-radius:10px; padding:10px; height:calc(100vh - 115px); overflow:auto;}

.pzomform {border:1px solid #2574bd; border-radius:10px; overflow:hidden}
.pzomform-head {padding:10px 15px; background:#2574bd; color: #fff;}
.pzomform-head a {color: #fff;}
.pzomform-sub {font-size: 15px; color:#ffe156; margin-bottom: 5px;}
.pzomform-title {font-size: 25px; line-height: 30px;}
.pzomform-title:hover {text-decoration: underline;}
.pzomform-title svg {width: 27px; height: 27px; fill: #00fcff;}
.pzomform-addt {display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin-top: 7px;}
.pzomform-addt b {color: #00fcff;}
.pzomform-addt .pzomform-price {font-size: 21px;}
.pzomform-addt small {font-size: 16px;}
.pzomform-content {padding:15px 15px}
.pzomform-list {list-style:none; padding:0; margin:0}
.pzomform-list > li {position: relative;}
.pzomform-list > li:not(:last-child) {margin-bottom:10px;}
.pzomform-list > li:last-child {padding-top: 3px;}
.pzomform-list .title {font-size: 14px; margin-bottom:7px !important;}
.pzomform-list .input {border-radius: 5px; padding:12px 13px; border:1px solid #ccc; width: 100%;}
.pzomform-list .w-icon .input {padding:12px 13px 12px 75px;}
.pzomform-list .w-icon2 .input {padding:12px 13px 12px 37px;}
.pzomform-list .input:focus {border:1px solid #999}
.pzomform-list img {width: 20px; height: 20px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
.pzomform-list > li ul {display: flex; border-radius: 5px; border:1px solid #ccc; width: 100%; list-style:none; padding:0; margin:0}
.pzomform-list > li ul li:first-child {flex:1}
.pzomform-list > li ul li:nth-child(2) {border-left: 1px solid #ccc; width:150px}
.pzomform-list > li ul .input {border: none;;}
.pzomform-list > li ul .input:focus {border: none;}
.pzomform-list .ccode {position: absolute; top: 50%; left: 32px; transform: translateY(-50%); border-right: 1px solid #ccc;}
.pzomform-list .ccode input {border:none; padding:10px 1px; left:40px; width: 32px;}
.pzomform-btn {background: #c93200; border-radius: 5px; color: #fff; font-size: 17px; font-weight: 600; width: 100%; border:none; padding: 13px 15px;}
.pzomform-btn:hover {background: #e4410b;}

.pzseller-detail {padding: 17px 7px 17px;}
.pzseller-heading {font-size:17px; font-weight: 600; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 15px;}
.pzseller-dl {color: #666; font-size: 14px; line-height: 20px; padding-right: 17px;}
.pzseller-dl .item {padding-left: 28px; position: relative;}
.pzseller-dl .item:not(:last-child) {margin-bottom: 10px;}
.pzseller-dl .item:after {position: absolute; content: ''; top: 1px; left: 0; width: 20px; height: 20px;}
.pzseller-dl .company a {color: #2574bd;}
.pzseller-dl .company a:hover {text-decoration: underline;}
.pzseller-dl .member:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 17C15.6623 17 18.8649 18.5751 20.607 20.9247L18.765 21.796C17.3473 20.1157 14.8473 19 11.9999 19C9.15248 19 6.65252 20.1157 5.23479 21.796L3.39355 20.9238C5.13576 18.5747 8.33796 17 11.9999 17ZM11.9999 2C14.7613 2 16.9999 4.23858 16.9999 7V10C16.9999 12.6888 14.8776 14.8818 12.2168 14.9954L11.9999 15C9.23847 15 6.9999 12.7614 6.9999 10V7C6.9999 4.31125 9.1222 2.11818 11.783 2.00462L11.9999 2ZM11.9999 4C10.4022 4 9.09623 5.24892 9.00499 6.82373L8.9999 7V10C8.9999 11.6569 10.343 13 11.9999 13C13.5976 13 14.9036 11.7511 14.9948 10.1763L14.9999 10V7C14.9999 5.34315 13.6567 4 11.9999 4Z'%3E%3C/path%3E%3C/svg%3E");}
.pzseller-dl .address:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z'%3E%3C/path%3E%3C/svg%3E");}
.pzseller-dl .company:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 19H23V21H1V19H3V4C3 3.44772 3.44772 3 4 3H14C14.5523 3 15 3.44772 15 4V19H19V11H17V9H20C20.5523 9 21 9.44772 21 10V19ZM5 5V19H13V5H5ZM7 11H11V13H7V11ZM7 7H11V9H7V7Z'%3E%3C/path%3E%3C/svg%3E");}
.pzseller-dl .mobile:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 16.42V19.9561C21 20.4811 20.5941 20.9167 20.0705 20.9537C19.6331 20.9846 19.2763 21 19 21C10.1634 21 3 13.8366 3 5C3 4.72371 3.01545 4.36687 3.04635 3.9295C3.08337 3.40588 3.51894 3 4.04386 3H7.5801C7.83678 3 8.05176 3.19442 8.07753 3.4498C8.10067 3.67907 8.12218 3.86314 8.14207 4.00202C8.34435 5.41472 8.75753 6.75936 9.3487 8.00303C9.44359 8.20265 9.38171 8.44159 9.20185 8.57006L7.04355 10.1118C8.35752 13.1811 10.8189 15.6425 13.8882 16.9565L15.4271 14.8019C15.5572 14.6199 15.799 14.5573 16.001 14.6532C17.2446 15.2439 18.5891 15.6566 20.0016 15.8584C20.1396 15.8782 20.3225 15.8995 20.5502 15.9225C20.8056 15.9483 21 16.1633 21 16.42Z'%3E%3C/path%3E%3C/svg%3E");}
.pzseller-dl .website:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM9.71002 19.6674C8.74743 17.6259 8.15732 15.3742 8.02731 13H4.06189C4.458 16.1765 6.71639 18.7747 9.71002 19.6674ZM10.0307 13C10.1811 15.4388 10.8778 17.7297 12 19.752C13.1222 17.7297 13.8189 15.4388 13.9693 13H10.0307ZM19.9381 13H15.9727C15.8427 15.3742 15.2526 17.6259 14.29 19.6674C17.2836 18.7747 19.542 16.1765 19.9381 13ZM4.06189 11H8.02731C8.15732 8.62577 8.74743 6.37407 9.71002 4.33256C6.71639 5.22533 4.458 7.8235 4.06189 11ZM10.0307 11H13.9693C13.8189 8.56122 13.1222 6.27025 12 4.24799C10.8778 6.27025 10.1811 8.56122 10.0307 11ZM14.29 4.33256C15.2526 6.37407 15.8427 8.62577 15.9727 11H19.9381C19.542 7.8235 17.2836 5.22533 14.29 4.33256Z'%3E%3C/path%3E%3C/svg%3E");}
.pzseller-dl .website a {text-decoration: underline; color: #666;}
.pzseller-dl .website a:hover {text-decoration: none;}

.pzmainimg {display: flex; align-items: center;}
.pz-thumb {width: 120px;}
.pz-big {width: calc(100% - 120px); height:calc(100vh - 80px); margin-left: 65px; line-height:1px; display:flex; align-items:center}
.pz-thumb-list {display: flex; flex-direction: column; justify-content: flex-start; max-height: 455px; overflow-y: auto;}
.pz-thumb-list::-webkit-scrollbar {display: none;}
.pz-thumb-list li:not(:last-child) {margin-bottom: 17px;}
.pz-thumb-list figure {width: 100px; height: 100px; background: #505051; border:2px solid #666666; overflow: hidden; cursor: pointer; margin: 0 auto;}
.pz-thumb-list figure img {width: 100px; height: 100px; object-fit: scale-down;}
.pz-thumb-list figure.active {border:2px solid #ccc}
.pzthumb-arrow {text-align: center;}
.pzthumb-arrow span {cursor: pointer; display: block;}
.pzthumb-arrow svg {width: 30px; height: 30px; fill: #999;}
.pzthumb-arrow span:hover svg {fill: #fff;}

.pz-big figure {background:none; position: relative; margin: 0 auto; text-align: center; overflow: hidden; line-height:1px}
.pz-big figure .zoomdiv {overflow: hidden;  cursor: zoom-in; display:block; margin: 0 auto; display:inline-block}
.pz-big figure .zoomdiv img {max-width: 100%; max-height: calc(100vh - 80px); transform: scale(1.02); background:#323234}
.pz-big figure .zoomdiv img:hover {opacity: 0;}
.pz-big iframe {display:none; width:100%; height:calc(100vh - 80px); border:none; line-height:1px}

@media(max-width:1440px){
.pz-big figure {width: calc(100vw - 750px);}
}