@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Bold.eot');
    src: url('../fonts/SFProText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Bold.woff2') format('woff2'),
        url('../fonts/SFProText-Bold.woff') format('woff'),
        url('../fonts/SFProText-Bold.ttf') format('truetype'),
        url('../fonts/SFProText-Bold.svg#SFProText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Medium.eot');
    src: url('../fonts/SFProText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Medium.woff2') format('woff2'),
        url('../fonts/SFProText-Medium.woff') format('woff'),
        url('../fonts/SFProText-Medium.ttf') format('truetype'),
        url('../fonts/SFProText-Medium.svg#SFProText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Light.eot');
    src: url('../fonts/SFProText-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Light.woff2') format('woff2'),
        url('../fonts/SFProText-Light.woff') format('woff'),
        url('../fonts/SFProText-Light.ttf') format('truetype'),
        url('../fonts/SFProText-Light.svg#SFProText-Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Semibold.eot');
    src: url('../fonts/SFProText-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Semibold.woff2') format('woff2'),
        url('../fonts/SFProText-Semibold.woff') format('woff'),
        url('../fonts/SFProText-Semibold.ttf') format('truetype'),
        url('../fonts/SFProText-Semibold.svg#SFProText-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Regular.eot');
    src: url('../fonts/SFProText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Regular.woff2') format('woff2'),
        url('../fonts/SFProText-Regular.woff') format('woff'),
        url('../fonts/SFProText-Regular.ttf') format('truetype'),
        url('../fonts/SFProText-Regular.svg#SFProText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



*{ margin:0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; letter-spacing: 0.3px; outline: none; }
*:hover,*:focus{ outline: none; }
body{ font: 16px/1.2 'SF Pro Text', sans-serif; overflow-x: hidden; font-weight: 400; margin: 0; padding:0; color: #333;}
body.white-bg:before{content: ''; position: fixed; z-index: 999999; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
ul, li{ margin: 0; padding: 0; list-style-type: none; }
img{ max-width: 100%; }
a, a:hover, a:focus{ color: #333; transition: 300ms all; text-decoration: none; outline: none;}
.container{ max-width: 1170px; margin: auto; width: 100%; padding: 0 15px; }
.container.medium{ max-width: 1200px; }
h2{ font-size: 55px; font-weight: 800; }

/* Loader CSS */
#jprePercentage{ display: none; }
.obturateur {position: absolute;left: 50%;top: 0;bottom: 0;margin: auto;transform: translateX(-50%);}
#jpreOverlay { background-color: #000;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999999;text-align:center;}
#jpreOverlay:before{content:'';display:inline-block;vertical-align:middle;height:100%;margin-left:-6px;}
#jpreSlide{display:none;position:absolute}
#jpreLoader{position:relative !important;display:inline-block;vertical-align:middle;background: url(../images/loader.gif) no-repeat center top;max-width: 500px;height: 400px; width: 100%; background-size: contain;}

.header-inner{ background: #000; padding: 15px 0;}
.header-inner .container{display: flex; justify-content: space-between; align-items: center; }
.logo{max-width: 130px; }
.logo a{display: flex; }
.header-menu{display: flex; align-items: center; }
.menu{display: flex; align-items: center; }
.menu li + li{margin-left: 70px; }
.menu li a{color: #fff; font-size: 14px; display: block; font-weight: 200; }
.menu-right{ display: flex; align-items: center; }
.menu-right li a{ display: block; position: relative;}
.menu-right li a .cartCount {background: red; text-align: center; border-radius: 100%; position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; color: #fff; line-height: 20px; font-size: 12px; padding: 0; margin: 0;}
.menu-right li a img{ height: 19.5px; display: block; }
.menu-right li{ margin-left: 70px; }
.menu-right li a.cart img{ width: 17px;}
.tab-main{display: none; opacity: 0; overflow: hidden; transition: all 1s; padding: 10px 0; background: #fff; }
.tab-main.active{ display: block; }
.menu li a.active{ color: blue;}

.menu-toggle {padding: 0; position: relative; z-index: 99999; cursor: pointer; background: transparent; border: none; display: none; }
.toggle-inner {position: relative; width: 20px; height: 11px; }
.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {left: 0; top: 5px; width: 100%; height: 1px; background: #fff; position: absolute; }
.menu-toggle span:before { content: ''; top: -5px;}
.menu-toggle span:after { content: ''; bottom: 0; top: inherit;}

.menu-toggle.is-active .toggle-inner span,.menu-toggle.is-active .toggle-inner span::before,.menu-toggle.is-active .toggle-inner span::after{background-color:#0b0a0a}
.hamburger--spin .toggle-inner span{-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spin .toggle-inner span::before{-webkit-transition:top .1s .25s ease-in,opacity .1s ease-in;transition:top .1s .25s ease-in,opacity .1s ease-in}
.hamburger--spin .toggle-inner span::after{-webkit-transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spin.is-active .toggle-inner span{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
.hamburger--spin.is-active .toggle-inner span::before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s .12s ease-out;transition:top .1s ease-out,opacity .1s .12s ease-out}
.hamburger--spin.is-active .toggle-inner span::after{ top:0; bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)}

.tabs-out{ width: 100%; position: absolute; z-index: 3; background: #fff; box-shadow: 0px 3px 2px rgba(0,0,0,0.09);}
.tabs-out ul{ display: flex; align-items: center; justify-content: center; }
.tabs-out ul li{text-align: center; padding: 0 30px; transition: 300ms all; animation-name: boxSlide; animation-duration: 200ms; transform: translateY(20px); animation-fill-mode: forwards; opacity: 0; }
.tabs-out ul li:nth-child(2){ animation-delay: 200ms; }
.tabs-out ul li:nth-child(3){ animation-delay: 400ms; }
.tabs-out ul li:nth-child(4){ animation-delay: 600ms; }
.tabs-out ul li:nth-child(5){ animation-delay: 800ms; }
.tabs-out ul li:nth-child(6){ animation-delay: 1000ms; }
.tabs-out ul li:nth-child(7){ animation-delay: 1200ms; }
.tabs-out ul li:nth-child(8){ animation-delay: 1400ms; }
.tabs-out ul li:nth-child(9){ animation-delay: 1600ms; }
.tabs-out ul li:nth-child(10){ animation-delay: 1800ms; }

@keyframes boxSlide {
	0%{
		transform: translateY(20px);
		opacity: 0;		
	}
	to{
		transform: translateY(0);
		opacity: 1;
	}
}
.tabs-out ul li a{ display: block; }
.tabs-out ul li a:hover{ opacity: 0.7; }
.tabs-out ul li .thumb img{ max-width: 80px; max-height: 60px; min-height: 60px; }
.tabs-out ul li p{ font-size: 12px; font-weight: 500; margin: 10px 0 0;}
.tab-main.active ul li{ }

.sticky .stickyHeight { display: block; }
.stickyHeight { display: none;}
.sticky header {position: fixed; left: 0; top: 0; right: 0; z-index: 9999; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-top: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
@-webkit-keyframes fadeInDown {
	0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	100% {opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown {
	0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
	100% {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}

/*Home*/
.secInner{ display: flex; align-items: center; }
.secInner .secLeft{ width: 50%; }
.secInner .secRight{ width: 50%; }

.banner.sec{ padding: 0; }
.banner .secInner .secLeft img{ width: 100%; display: block; }

/*Login CSS*/

.btn{ line-height: 35px; font-size: 14px; border: 1px solid #000; transition: 300ms all; background: #000; color: #fff; border-radius: 2px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; cursor: pointer; padding: 0 20px;}
.loginBG{ background: #f3f7fa; }
.login-box{ max-width: 400px; width: 100%; text-align: center;}
.login-right{ width: 54.50%; padding: 0 5.7vw; text-align: center;}
.login-head p{ font-weight: 500; color: #414242; margin-bottom: 2vw; }
.form-control:focus, .form-control:active{ box-shadow: none; }
.form-control, select{ height: 45px; width: 100%; padding: 0 15px; border: 1px solid #c1c1c1; box-shadow: none; border-radius: 0; font-size: 14px; font-weight: 500; }
select{ padding: 0 10px; }
.form-control:hover{ border-color: #929292}
input.form-control:focus{ border-color: #4f7dad; }
.form-control::-webkit-input-placeholder {color: #b0b1b1; }
.form-control:-ms-input-placeholder {color: #b0b1b1; }
.form-control::placeholder {color: #b0b1b1; }
.login-form .form-group{ margin-bottom: 25px; }
.checkbox{ position: relative; margin: 0; }
.checkbox input[type="checkbox"]{ opacity: 0; cursor: pointer; margin: 0; visibility: visible; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.checkbox label{ font-size: 14px; font-family: 'Montserrat'; font-weight: 400; cursor: pointer; color: #6e6e6e; position: relative; padding-left: 30px; margin: 0; font-weight: 500; cursor: pointer;}
.checkbox input[type="checkbox"]:hover ~ label{ color: #000; }
.checkbox label:before, .checkbox label:after{ content: ''; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.checkbox label:before{ border: 1px solid #6e6e6e; background: #fff; border-radius: 50%;}
.checkbox label:after{ opacity: 0; visibility: hidden;}
.checkbox input[type="checkbox"]:checked ~ label::before{ border-color: transparent; }
.checkbox input[type="checkbox"]:checked ~ label::after{ background: url('../images/check-icon.svg') no-repeat 0 0 / cover; opacity: 1; visibility: visible;}
.login-otp{ display: flex; }
.login-otp .btn{ margin-left: 15px;}
.login-btn{ justify-content: space-between; display: flex; }
.login-btn .btn{ width: 100%; line-height: 45px;}
.btn-white{ background: #fff; color: #185896; box-shadow: 0px 0px 32px rgba(0,0,0,0.10); }

.register{ padding: 0 2.08vw; }
.signup-tab .tabs{margin: 0 0 30px; border: 1px solid #eee; text-align: center; display: flex; justify-content: center; }
.signup-tab .tabs li{ width:50%; list-style-type: none;}
.signup-tab .tabs li a{ background: #fff; color: #333; min-width: 110px; padding: 0 10px; line-height: 45px; font-size: 15px; font-weight: 600; letter-spacing: 0.4px; display: block; transition: 300ms all;}
.signup-tab .tabs li a.active{ background-color: #333; color: #fff;}
.login-tab-main{ display: none; opacity: 0; transition: all 1s;}
.login-tab-main.active{ display: block; }
.in{ opacity: 1; }
.row{ margin: 0 -10px; display: flex;}
.col-md-3{ width: 25%; padding: 0 10px; }
.col-md-6{ width: 50%; padding: 0 10px; }
.col-md-12{ width: 100%; padding: 0 10px; }
.login-tab-main .register-form .login-btn{ padding-top: 0; }

.login-section .container{ display: flex; align-items: center; justify-content: space-between; }
.login-image{ width: 50%; }

.industry-login.sec{ padding-bottom: 130px; }

/*Product Details page CSS*/
.prodSec{ padding: 60px 0px; background: #f2f2f2; }
.product-inner{ display: flex; align-items: flex-start; }
.product-inner aside{width: 25%; display: block; position: sticky; top: 65px; border-radius: 5px; padding: 15px; background: #fff; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; min-height: 75vh;}
.product-inner aside h4{ margin:0; }
.product-inner aside ul{ margin-top: 15px; }
.product-inner aside ul li a{ display: block; }
.product-inner aside ul li a .radio input{ pointer-events: none; }
.radio{ position: relative; margin-bottom: 10px;}
.radio input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; opacity: 0; cursor: pointer;}
.radio label{ position: relative; padding-left: 25px; font-size: 15px; font-weight: 500; line-height: 20px; }
.radio label:before{ content: ''; width: 15px; height: 15px; top: 1px; position: absolute; border: 1px solid #b2b2b2; border-radius: 50%; left: 0; }
.radio label:after{ content: ''; width: 11px; height: 11px; top: 4px; position: absolute; border-radius: 50%; left: 3px; background: #333; display: none; }
.radio input:checked ~ label:after{ display: block; }
.product-list{ width: 75%; padding-left: 30px; }
.product-box{ margin-bottom: 30px; background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; display: flex; align-items: flex-start;}
.product-box:last-child{ margin-bottom: 0; }
.product-thumb { width: 40%; }
.product-details{ width: 60%; padding-left: 30px; }
.product-title h2{ font-size: 38px; margin-bottom: 15px; }
.product-desc{ line-height: 1.4; margin-bottom: 10px; }
.acBtn{ padding: 0 30px; line-height: 40px; min-width: 200px; margin-top: 10px; background: #000; transition: 300ms all;  color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase;display: inline-block;}
.btn:hover{ background: transparent; color: #000;}
.order-options{ }
.order-options ul.order-tab{ display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.order-options ul.order-tab li + li{ margin-left: 15px; }
.order-options ul.order-tab li a{ padding: 10px 15px; display: block; min-width: 200px; text-align: center; color: #b2b2b2; font-weight: 500; font-size: 18px; transition: 300ms all; border-bottom: 2px solid transparent;}
.order-options ul.order-tab li a:hover, .order-options ul li a.active{ border-bottom-color: #000; color: #000;}

.order-selected-option{ display: none; opacity: 0; transition: all 1s;}
.order-selected-option.active{ display: block; }
.order-selected-option.in{ opacity: 1; }
.manual-field .row{ margin: 0 -15px; display: flex;}
.col-md-4{ padding: 0 15px; width: 33.33%; }
.col-md-8{ padding: 0 15px; width: 66.66%; }
.col-md-6{ padding: 0 15px; width: 50%; }
.box-top-field{ align-items: center; padding-bottom: 30px; }
.length-box{ border: 1px solid #b2b2b2; display: block; }
.ply{ text-align: left;}
.ply ul{ display: flex; align-items: center; text-align: center; margin: 0 -10px; }
.ply ul li{ padding: 5px 10px; }
.ply ul li .radio{ margin-bottom: 0; }
.ply ul li .radio img{ border: 2px solid transparent; transition: 300ms all; }
.ply ul li .radio input:checked ~ img, .ply ul li .radio input:hover ~ img{ border-color: #333; }
.ply ul li .radio p{ font-weight: 600; }
.radio-title{ font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 5px; display: block; }
.inputBox{ padding-bottom: 30px; text-align: left;}
.inputBox .textFieldLabel{ font-size: 16px; line-height: 24px; font-weight: 600; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.inputBox .textField{ box-shadow: none; border: none; width: 100%; border: 1px solid rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0); font-size: 18px; height: 40px; padding: 0 10px; line-height: 40px;}
.inputBox.textarea{ padding-bottom: 0; }
.inputBox.textarea .textField{ height: 57px; resize: none; line-height: 1.3; padding: 5px 10px; }
.upload-img{ position: relative; text-align: center;}
.upload-img img{ display: block; margin: auto; }
.upload-img input{ opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 11; cursor: pointer;}
.upload-img .btn{ display: inline-block; }
.popup-btn{ padding: 0 30px; line-height: 40px; min-width: 200px; background: #000; transition: 300ms all;  color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.atc-btns{ display: flex; justify-content: center; margin-top: 30px; }
.atc-btns .btn{ margin: 0 10px; }
.btn-go-cart{ position: relative; }
.btn-go-cart span{ background: #fff; width: 30px; height: 30px; text-align: center; display: block; line-height: 30px; color: #000; position: absolute; left: 5px; top: 5px;}
.scroll-none{ overflow: hidden; }

.close-modal{ padding: 0; border: none; background: url(../images/icon-close.svg) no-repeat 0 0 / cover; position: absolute; right: 25px; top: 25px; width: 15px; height: 15px; cursor: pointer; }
.modal {position: fixed; pointer-events: none; z-index: 10000; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; }
.modal.is-visible {visibility: visible; pointer-events: auto;}
.modal-overlay {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s; transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal.is-visible .modal-overlay {opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; }
.modal-wrapper {position: relative; z-index: 9999;margin: auto; width: 95%; max-width: 960px; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); display: inline-block; vertical-align: middle;}
.modal-transition {-webkit-transition: all 0.3s 0.12s; transition: all 0.3s 0.12s; margin-top: 50px; opacity: 0; }
.modal.is-visible .modal-transition {margin-top: 0; opacity: 1; }
.modal-header, .modal-content {padding: 25px; }
.modal-header {position: relative; background-color: #fff; box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06); border-bottom: 1px solid #e8e8e8; }
.modal-close {position: absolute; top: 0; right: 0; padding: 1em; color: #aaa; background: none; border: 0; }
.modal-close:hover {color: #777; }
.modal-heading {font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.modal-content > *:first-child {margin-top: 0; }
.modal-content > *:last-child {margin-bottom: 0; }
.modal {text-align: center; padding: 0!important; }
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; /* Adjusts for spacing */ }

.availSec{ padding-top: 110px; padding-bottom: 60px; background: url(../images/available.svg) no-repeat 50% 0 / cover;}
.availInner{ display: flex; align-items: center; }
.availLeft{ width: 50%; text-align: center; }
.availRight{ width: 50%; margin-bottom: 100px;}
.availRight h2{ color: #fff; padding-bottom: 40px; }
.availRight p{ color: #fff; line-height: 27px; margin-bottom: 35px; }
.availBtn{ margin: 0 -17px; }
.availBtn a{ margin: 0 17px; }

/*Profile CSS*/
.profile-sec{ padding: 60px 0px 130px; background: #f2f2f2; }
.profileInner{ display: flex; }
.profile-aside h4{ font-size: 24px; color: #000; white-space: nowrap; font-weight: 600; margin-top: 15px; margin-bottom: 20px; text-align: center;}
.product-inner aside ul.pr-tabs{ padding-top: 15px; }
.pr-tabs{ display: flex; flex-wrap: wrap; border-top: 1px solid #eee;}
.pr-tabs li{ width: 100%; text-align: center; }
.pr-tabs li a{ font-size: 16px; background: #eee; margin-bottom: 15px; border-radius: 5px; font-weight: 600; color: #000; opacity: 0.5; position:relative; padding: 15px 0; display: block; border: 1px solid #b2b2b2;}
.pr-tabs li:last-child a{ margin-bottom: 0; }
.pr-tabs li a.active{ background-color: #000; opacity: 1; color: #fff; border-color: transparent; }
.pr-tabs li a:hover{ opacity: 1; }
.pr-tab-main{ display: none; opacity: 0; transition: all 1s;}
.pr-tab-main.active{ display: block; }
.pr-tab-main .row{ flex-wrap: wrap; }
.profile-right .product-box{ min-height: 75vh; }
.pr-tab-main .cart-product{ box-shadow: none !important; padding: 0; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.pr-tab-main .cart-product .cart-product-info{ width: 100%; padding: 10px 15px; border-radius: 3px; justify-content: space-between; background: #eee; margin-bottom: 10px;}
.pr-tab-main .cart-product .cart-product-info .order-date{ display: flex;  align-items: center;}
.pr-tab-main .cart-product .cart-product-info .order-date ul{ display: flex; margin-right: 30px; }
.pr-tab-main .cart-product .cart-product-info .order-date li + li{ padding-left: 10px; margin-left: 10px; border-left: 1px solid #b2b2b2; }
.pr-tab-main .cart-product .cart-product-info .order-date li p{ font-weight: 500; color: #444; line-height: 16px; }
.pr-tab-main .cart-product .cart-product-info .order-date .remove-product{width: 14px;}
.pr-tab-main .cart-product .pr-details{ margin-left: -5px; margin-bottom: -5px; }
.pr-tab-main .cart-product .pr-title{ margin: 0; }
.pr-tab-main .cart-product .pr-details{ width: 80%; }
.pr-tab-main .cart-product .pr-details .pr-box, .pr-tab-main .cart-product .pr-details a{ width: calc(25% - 10px);}
.pr-tab-main .cart-total{ display: block; text-align: right; }
.pr-tab-main .cart-total span{ font-size: 18px; font-weight: 600; color: #000; }
.pr-tab-main .cart-total .btn{ margin-left: 0; }
.cart-total table, .cart-total td{ border: none; text-align: right;}
.cart-total table{ display: flex; justify-content: flex-end; }
.pr-tabs-out{ width: 100%; }
.pr-tabs-out .personal-tab form .form-group{ margin-bottom: 30px;}
.pr-tabs-out .personal-tab form .form-group.personal-btn{ margin-bottom: 0; } 
.pr-tabs-out form select{ width: 100%; }
.profile-title{ padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.personal-btn{ text-align: right;}
.company-size{ display: flex; }
.company-size li + li{ margin-left: 25px; }
.company-size p{ font-size: 15px; font-weight: 600; margin: 0 }
#history table{ width: 100%; }
table, th, td {border: 1px solid #b2b2b2; border-collapse: collapse; font-size: 14px; }
th{ font-weight: 500; color: #333; height: 50px; }
th,td{ padding: 8px 5px; text-align: center; }
thead{ background: #eee; }
.upload-thumb{max-width: 120px; border: 1px solid #555;}
.upload-thumb img{ padding: 5px; display: block; }
#productCode .custProductCodePadding{ width: 100%; }

/*footer css*/
.in{ opacity: 1; }
footer{ padding: 200px 0 60px; background: #000; position: relative; }
.footInner{ display: flex; }
.quick-contact{ width: 30%; padding-right: 30px; text-align: center; }
.footer-logo{ margin-bottom: 30px; }
.foot1{ display: flex; width: 40% }
.foot1>*{ width: 50%; padding-right: 30px;}
.footMenu h4, .foot2 h4 { font-weight: 700; margin: 0; color: #fff; font-size: 16px; text-transform: uppercase; padding-bottom: 10px;}
.footMenu li{font-size: 16px; font-weight: 300; padding: 7px 0px;}
.footMenu li a { color: rgba(255,255,255,0.8); }
.footMenu li a:hover{ color: #fff; }
.fbLeft{ font-weight: 700; color: #999; font-size: 10px;}
.fbLeft a {font-size: 10px; display: inline-block; vertical-align: middle; letter-spacing: 2px; font-weight: 700; color: #999; text-transform: uppercase; padding: 0px 10px; }
.fbLeft a:first-child{ padding-left: 0; }
.footBot{ margin-top: 50px; }
.foot2{ width: 30%}
.foot2 p{font-size: 14px; margin: 0; padding-bottom: 30px; letter-spacing: 0.5px; font-weight: 300; line-height: 22px; color: rgba(255,255,255,0.8);}
.footSign{ border-bottom: 1px solid #5C5C5C; padding-bottom: 15px; display: flex;}
.footSign input[type="text"]{width: 75%; color: #fff; padding-right: 15px; outline: none;letter-spacing: 0.50px;font-size: 15px;background: transparent;height: 36px; padding: 0px 5px 0px 5px; border: none;}
.footSign button{ width: 25%; transition: 300ms all; cursor: pointer; font-weight: 700; letter-spacing: 2px; font-size: 12px; text-transform: uppercase; background-color: transparent; color: #5C5C5C; border: 1px solid #5C5C5C; border-radius: 0px; }
.footSign button:hover{ background: #000; color: #fff; }
.social-links{ display: flex; margin-top: 25px; justify-content: center;}
.social-links li{ margin: 0 10px; }
.social-links li a{ border: 1px solid rgba(255,255,255,0.8); border-radius: 5px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: rgba(255,255,255,0.8); display: block;}
.social-links li a:hover{ border-color: #fff; background: #fff; color: #000; }

.footer-contact-info{ margin-top: -75px; position: absolute; width: 100%; top: 0;}
.footer-contact-info ul{ padding: 30px; display: flex; box-shadow: 0 1px 10px rgb(0 0 0 / 10%); background: #fff; border-radius: 10px; justify-content: space-between;}
.footer-contact-info ul li{ width: calc(40% - 20px); text-align: center; min-height: 150px; background: #f3f3f3; padding: 20px; border-radius: 5px; transition: 300ms all;}
.footer-contact-info ul li:first-child, .footer-contact-info ul li:last-child{ width: calc(30% - 20px); }
.footer-contact-info ul li:hover{ background: #333; color: #fff;}
.footer-contact-info ul li h4{ font-size: 30px; margin-bottom: 20px; transition: 300ms all; }
.footer-contact-info ul li p{ line-height: 1.7; font-size: 16px; font-weight: 500; transition: 300ms all;}


/*Homepage CSS*/
.banner.sec{ padding: 60px 0; }
.banner .secInner .secLeft{ padding-right: 40px; }
.banner-video{ position: relative; overflow: hidden;}
.banner-video video{ width: 120%; }
.banInner{ display: flex; align-items: center; background: #F9F9F9; position: relative;}
.banSlider{ width: 50%; }
.banRight{ padding: 100px 50px; width: 50%;}
.brInner h1{ font-size: 44px; text-transform: uppercase; font-weight: 800; font-family: 'Poppins', sans-serif; letter-spacing: 0; line-height: 1.3; color: #212121; margin: 0 0 10px;}
.brInner p{ font-weight: 500; font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.brInner a.btn{ display: inline-block; }
.banSlider{ background: url(../images/banner-bg.png) no-repeat 50% 50% / cover; }
.banSlider>.slick-prev, .banSlider>.slick-next{ opacity: 0; visibility: hidden; }
.banSlider img{ vertical-align: top; }
.banNav{ position: absolute; bottom: 20px; }
.banNav button{ border: none; transition: 300ms all; border-radius: 20px; box-shadow: 0px 0px 25px rgba(0,0,0,0.10); background: #fff; width: 60px; height: 60px; font-size: 30px; text-align: center; line-height: 60px; cursor: pointer;}
.banNext{ margin-left: 20px; }
.banNav button:hover{ background: #333; color:#fff;}

.sec.keySec{ padding-bottom: 130px; }
.keyInner{height: 220px; width: 100%;}
ul.keyList{ display: flex; align-items: center; justify-content: center; margin: 0; padding: 0;}
ul.keyList li{width: 20%; padding: 20px 30px; text-align: center; list-style-type: none; position: relative; min-height: 200px; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: wrap; }
ul.keyList li img{ max-width: 70px; }
ul.keyList li p{ display: block; font-weight: 600; width: 100%; line-height: 1.5; padding-top: 20px; font-size: 18px;}
ul.keyList li i{width: 0; height: 0; z-index: 1; border-top: 20px solid transparent; border-left: 30px solid black; border-bottom: 20px solid transparent; position: absolute; right: -15px; top: 50%; transform: translateY(-50%);}
ul.keyList li:after{ content: ''; position: absolute; right: 10px; width: 10px; height: 100%; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15); background: #fff; top: 50%; transform: translateY(-50%);}
ul.keyList li:before{ content: ''; position: absolute; width: 17px ; height: calc(100% + 20px); background: #fff; top: -10px ; right: 10px; z-index: 11;}
ul.keyList li:last-child:after, ul.keyList li:last-child:before{ display: none; }

.solution-box { width: 100%;} 
.mobileapp { width: 100%; display: flex; align-items: center; flex-direction: column; position: relative; overflow: hidden; } 
.mobileapp img { z-index: 1; position: relative; }
.topBG{ background: url('../images/top-bg.svg') no-repeat 50% 0 /cover; padding-top: 110px;}
.flipster { padding-bottom: 50px; display: block; margin: 0 auto; width: 100%; position: relative; overflow-x: hidden; overflow-y: visible; position: absolute; top: 15px; left: 1px; } 
.pull-right { float: right; } 
.pull-left { float: left; } 
.hide { display: none; } 
.show { display: block; } 
.invisible { visibility: hidden; } 
.affix { position: fixed; } 
.flip-items { display: block; margin: 0 auto; padding: 0; list-style-type: none; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: content-box; } 
.flip-item { display: block; margin: 0 auto; padding: 0; list-style-type: none; position: absolute; opacity: 0.99; } 
.flip-item img { display: block; width: 100%; } 
.flip-past { cursor: pointer; } 
.flip-future { cursor: pointer; } 
.flip-next { cursor: pointer; } 
.flip-prev { cursor: pointer; } 
.flipster-coverflow .flip-items { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; position: relative; padding-top: 2%; padding-bottom: 5%; } 
.flipster-coverflow .flip-item { display: block; -webkit-transition: all 175ms ease-in-out; transition: all 175ms ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-perspective: 800px; perspective: 800px; position: absolute; width: 30%; } 
.flipster-coverflow .flip-content { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent)); } 
.flipster-coverflow .flip-past .flip-content { -webkit-transform: rotateY(55deg) scale(0.75); transform: rotateY(55deg) scale(0.75); } 
.flipster-coverflow .flip-future .flip-content { -webkit-transform: rotateY(-55deg) scale(0.75); transform: rotateY(-55deg) scale(0.75); } 
.flipster-coverflow .flip-current .flip-content { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 
.flipster-coverflow .flip-hidden { visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } 
.flipster-coverflow.no-rotate .flip-past .flip-content { -webkit-transform: scale(0.75); transform: scale(0.75); } 
.flipster-coverflow.no-rotate .flip-future .flip-content { -webkit-transform: scale(0.75); transform: scale(0.75); } 
.flipster-carousel .flip-items { -webkit-perspective: 2000px; perspective: 2000px; } 
/* .flipster-carousel .flip-items img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } */
.flipster-carousel .flip-item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; } 
.flipster-carousel .flip-past { -webkit-transform: translateX(-140%) translateZ(0) rotateY(65deg) scale(0.8); transform: translateX(-140%) translateZ(0) rotateY(65deg) scale(0.8); -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index: 1; -webkit-transition-delay: 87.5ms; transition-delay: 87.5ms; } 
.flipster-carousel .flip-future { -webkit-transform: translateX(140%) translateZ(0) rotateY(-65deg) scale(0.8); transform: translateX(140%) translateZ(0) rotateY(-65deg) scale(0.8); -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index: 1; -webkit-transition-delay: 87.5ms; transition-delay: 87.5ms; } 
.flipster-carousel .flip-prev { -webkit-transform: translateX(-88.3%) translateZ(0) rotateY(50deg) scale(0.90); transform: translateX(-88.3%) translateZ(0) rotateY(50deg) scale(0.90); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 1; z-index: 2; -webkit-transition-delay: 58.33333333ms; transition-delay: 58.33333333ms; } 
.flipster-carousel .flip-next { -webkit-transform: translateX(87.3%) translateZ(0) rotateY(-50deg) scale(0.90); transform: translateX(87.3%) translateZ(0) rotateY(-50deg) scale(0.90); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 1; z-index: 2; -webkit-transition-delay: 58.33333333ms; transition-delay: 58.33333333ms; } 
.flipster-carousel .flip-current { z-index: 999; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition-delay: 58.33333333ms; transition-delay: 58.33333333ms; } 
.flipster-carousel .flip-hidden { visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: rotateY(0deg) translateX(0) scale(0.5); transform: rotateY(0deg) translateX(0) scale(0.5); -webkit-transition-delay: 116.66666667ms; transition-delay: 116.66666667ms; } 
.no-csstransforms .flipster-carousel .flip-item { -webkit-transition: none; transition: none; } 
.no-csstransforms .flipster-carousel .flip-past { left: -20%; top: 40%; width: 50%; height: 50%; } 
.no-csstransforms .flipster-carousel .flip-future { left: 88%; top: 40%; width: 50%; height: 50%; } 
.no-csstransforms .flipster-carousel .flip-prev { left: -9%; top: 20%; width: 75%; height: 75%; } 
.no-csstransforms .flipster-carousel .flip-next { left: 39%; top: 20%; width: 75%; height: 75%; } 
.flipster-carousel.no-rotate .flip-past { -webkit-transform: translateX(-80%) translateZ(0) scale(0.65); transform: translateX(-80%) translateZ(0) scale(0.65); } 
.flipster-carousel.no-rotate .flip-future { -webkit-transform: translateX(80%) translateZ(0) scale(0.65); transform: translateX(80%) translateZ(0) scale(0.65); } 
.flipster-carousel.no-rotate .flip-prev { -webkit-transform: translateX(-60%) translateZ(0) scale(0.8); transform: translateX(-60%) translateZ(0) scale(0.8); } 
.flipster-carousel.no-rotate .flip-next { -webkit-transform: translateX(60%) translateZ(0) scale(0.8); transform: translateX(60%) translateZ(0) scale(0.8); } 
.no-csstransforms3d .flipster-carousel .flip-past { -webkit-transform: translateX(-56%) scale(0.5); transform: translateX(-56%) scale(0.5); } 
.no-csstransforms3d .flipster-carousel .flip-future { -webkit-transform: translateX(56%) scale(0.5); transform: translateX(56%) scale(0.5); } 
.no-csstransforms3d .flipster-carousel .flip-prev { -webkit-transform: translateX(-24%) scale(0.75); transform: translateX(-24%) scale(0.75); } 
.no-csstransforms3d .flipster-carousel .flip-next { -webkit-transform: translateX(24%) scale(0.75); transform: translateX(24%) scale(0.75); } 
.no-transition { -webkit-transition-duration: 0ms !important; transition-duration: 0ms !important; } 
.flip-item span { position: absolute; bottom: -80px; text-align: center; width: 500px; font-size: 18px; z-index: 1111; display: none; left: -124px; } 
li.flip-item.flip-current span { display: block; } .mobileapp { padding-bottom: 30px; } 

.phoneSlide{ text-align: center; position: relative;}
.phoneSlide>img{ margin-left: -55px; width: 310px; }
.headInfo{ width: 50%; margin: auto; text-align: center; }
.headInfo h1{ font-size: 34px; color: #fff; font-weight: 500;}
.downBtn{ padding-bottom: 110px; margin-top: 30px;}
.downBtn a{ border: 1px solid #fff; border-radius: 10px; color: #fff; min-width: 140px; padding: 10px 25px; display: inline-block; }
.downBtn a.filled{ background: #fff; color: #333; margin-right: 25px; }
.downBtn a:hover{ background: #fff; color: #333;}
.downBtn a.filled:hover{ background: transparent; color: #fff; }

/*Process section
===================================*/
.head{ text-align: center; }
.head h2{ margin: 0 0 60px; font-size: 44px; text-transform: uppercase; font-weight: 800; font-family: 'Poppins', sans-serif; letter-spacing: 0; line-height: 1.3; color: #212121;}
.about-process{ padding: 120px 0; }
.flw { width: 100%; position: relative; }
.p-boxes{ display: flex; }
.proecess-wrapper { position: relative; left: 15px; }
.hexagon { z-index: 11; position: relative; width: 200px; height: 115.47px; background-color: #000; margin: 57.74px 0; cursor: pointer; }
.hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; }
.hexagon:before { bottom: 100%; border-bottom: 57.74px solid #000; }
.hexagon:after { top: 100%; width: 0; border-top: 57.74px solid #000; }
.pi-image { position: absolute; z-index: 111; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.process-box { width: 19.15%;padding: 150px 0px 150px 3.2%; position: relative; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.process-box:before { pointer-events: none !important; z-index: 1; position: absolute; content: ""; height: 40%; width: 14px; border-radius: 8px; top: auto; bottom: 60%; left: 50%; background: #000; margin-left: -2px; }
.process-box:nth-child(even):before { top: 60%; bottom: auto; }
.process-line { position: absolute; max-width: 1470px; width: 100%; top: 90px; left: -23px; }
.pro-title { position: absolute; font-size: 18px; font-weight: bold; left: -124px; width: 100%; white-space: nowrap; top: 0; text-align: right;}
.process-box:nth-child(even) .pro-title { top: auto; bottom: 0px; }
.less-services { pointer-events: none; opacity: 0.5; }
.less-services:after { display: none; }
.tooltip { visibility: hidden; opacity: 0; position: absolute; text-align: center; background: rgba(0, 0, 0, 0.9); color: #fff; z-index: 111; border-radius: 4px; width: 250px; padding: 15px; left: 50%; top: auto; bottom: 183px; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.process-box:nth-child(odd) .tooltip { top: 183px; bottom: auto; }
.tooltip p { font-size: 16px; font-weight: 300; line-height: 1.4; letter-spacing: 0.3px; }
.tooltip:before { width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #000000 transparent transparent transparent; position: absolute; content: ""; bottom: -10px; margin-left: -10px; }
.process-box:nth-child(odd) .tooltip:before { border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent; bottom: auto; top: -10px; }

/*.process-box.disabled{opacity: 0.2;}*/
.hexagon:hover .tooltip { visibility: visible; opacity: 1; }
.process-box.disabled { opacity: 0.2; }

/* Process section keyframe animation
===================================*/
.process-box .process-icon, .pro-title { opacity: 0; }
.process-box:before { height: 0px }
.animate .process-box .process-icon, .animate .process-box:before, .animate .pro-title { animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; }
.animate .process-box:before { animation-name: lineHeight; -webkit-animation-name: lineHeight; }
.animate .pro-title { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; }
.animate .process-box:nth-child(1) .process-icon { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.animate .process-box:nth-child(1):before { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; }
.animate .process-box:nth-child(1) .pro-title { animation-delay: 1.9s; -webkit-animation-delay: 1.9; }
.animate .process-box:nth-child(2) .process-icon { animation-delay: 2.1s; -webkit-animation-delay: 2.1; }
.animate .process-box:nth-child(2):before { animation-delay: 2.3s; -webkit-animation-delay: 2.3s; }
.animate .process-box:nth-child(2) .pro-title { animation-delay: 2.5s; -webkit-animation-delay: 2.5; }
.animate .process-box:nth-child(3) .process-icon { animation-delay: 2.7s; -webkit-animation-delay: 2.7s; }
.animate .process-box:nth-child(3):before { animation-delay: 2.9s; -webkit-animation-delay: 2.9s; }
.animate .process-box:nth-child(3) .pro-title { animation-delay: 3.1s; -webkit-animation-delay: 3.1; }
.animate .process-box:nth-child(4) .process-icon { animation-delay: 3.3s; -webkit-animation-delay: 3.3s; }
.animate .process-box:nth-child(4):before { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }
.animate .process-box:nth-child(4) .pro-title { animation-delay: 3.7s; -webkit-animation-delay: 3.7; }
.animate .process-box:nth-child(4) .process-icon { animation-delay: 3.9s; -webkit-animation-delay: 3.9s; }
.animate .process-box:nth-child(4):before { animation-delay: 4.1s; -webkit-animation-delay: 4.1s; }
.animate .process-box:nth-child(4) .pro-title { animation-delay: 4.3s; -webkit-animation-delay: 4.3; }
.animate .process-box:nth-child(5) .process-icon { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; }
.animate .process-box:nth-child(5):before { animation-delay: 4.7s; -webkit-animation-delay: 4.7s; }
.animate .process-box:nth-child(5) .pro-title { animation-delay: 4.9s; -webkit-animation-delay: 4.9; }
.hidden-sm { display: none; }
.process-mobile { text-align: center }

/*SVG Animation
===================================*/
#icon1 .arrow1, #icon1 .arrow2, #icon1 .arrow3, #icon1 .arrow4, #icon1 .arrow5, #icon1 .arrow6 { opacity: 0; }
#icon1 .path1, #icon1 .path2, #icon1 .path3, #icon1 .path4, #icon1 .path5 { stroke-dashoffset: -331; }
#icon1 .arrow1, #icon1 .arrow2, #icon1 .arrow3, #icon1 .arrow4, #icon1 .arrow5, #icon1 .arrow6 { animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; }
#icon1 .path1, #icon1 .path2, #icon1 .path3, #icon1 .path4, #icon1 .path5 { animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-duration: 1s; -webkit-animation-duration: 1s; }
.animate #icon1 .path1 { animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-name: dashOffset; -webkit-animation-name: dashOffset; }
.animate #icon1 .path2 { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; animation-name: dashOffset1; -webkit-animation-name: dashOffset1; }
.animate #icon1 .path3 { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; animation-name: dashOffset; -webkit-animation-name: dashOffset; }
.animate #icon1 .path4 { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; animation-name: dashOffset1; -webkit-animation-name: dashOffset1; }
.animate #icon1 .path5 { animation-delay: 3.3s; -webkit-animation-delay: 3.3s; animation-name: dashOffset; -webkit-animation-name: dashOffset; }

/*Arrow Animation
===================================*/
.animate #icon1 .arrow1 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-name: fadeIn; -webkit-animation-name: fadeIn; }
.animate #icon1 .arrow2 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-name: fadeIn; -webkit-animation-name: fadeIn; }
.animate #icon1 .arrow3 { animation-delay: 2s; -webkit-animation-delay: 2s; animation-name: fadeIn; -webkit-animation-name: fadeIn; }
.animate #icon1 .arrow4 { animation-delay: 3s; -webkit-animation-delay: 3s; animation-name: fadeIn; -webkit-animation-name: fadeIn; }
.animate #icon1 .arrow5 { animation-delay: 4s; -webkit-animation-delay: 4s; animation-name: fadeIn; -webkit-animation-name: fadeIn; }
.animate #icon1 .arrow6 { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; animation-name: fadeIn; -webkit-animation-name: fadeIn; }

/*KeyFrames
===================================*/
@-webkit-keyframes dashOffset {
	from { stroke-dashoffset: -331; }
	to { stroke-dashoffset: 0; }
}
@keyframes dashOffset {
	from { stroke-dashoffset: -331; }
	to { stroke-dashoffset: 0; }
}
@-webkit-keyframes dashOffset1 {
	from { stroke-dashoffset: 331; }
	to { stroke-dashoffset: 0; }
}
@keyframes dashOffset1 {
	from { stroke-dashoffset: 331; }
	to { stroke-dashoffset: 0; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes lineHeight {
	from { height: 0px; }
	to { height: 40%; }
}
@keyframes lineHeight {
	from { height: 0px; }
	to { height: 40%; }
}
@-webkit-keyframes fadeInLeft {
	from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); }
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft {
	from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); }
	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.industry{ padding: 50px 30px; background: #eee; }
.industry-slider{ display: flex; flex-wrap: wrap; margin: -15px;}
.industry-slider li{ text-align: center; width: 16.66%; padding: 15px;}
.industry-slider li img{ max-width: 70px; margin: auto; transition: 300ms all; }
.industry-slider li:hover img{ transform: scale(1.2); }
.industry-slider li p{ font-weight: 600; margin: 5px 0 0; color: #000;}


.colSec.sec{ position: relative; background-color: #f2f2f2; padding-left: 60px; padding-right: 60px; }
.colSec:after{ content: ''; background: url(../images/dots-2.png) no-repeat 0 0 / contain; width: 96px; height: 149px; position: absolute; right: 0; bottom: 70px; }
.sec{ padding: 90px 0; }
.colSlide{ margin: 0 -30px; padding-top: 20px;}
.colSlide li{ width: 33.33%; padding: 0 30px; float: left;}
.prodImg{ position: relative; text-align: center; }
.prodImg img{ margin: auto; }
.prodImg span{position: absolute; left: 0; font-weight: 600; width: 25px; font-size: 13px; color: #000; opacity: 0.5; top: 40px; left: 25px;}
.prodImg:after{ content: ''; width: 100%; height: 160px; background: #fff; position: absolute; left: 0; z-index: -1; top: 100px; }
.prodInfo{ text-align: center; padding-top: 10px; }
.prodInfo p{ font-weight: 700; font-size: 18px; margin-bottom: 5px; color: #000; margin-bottom: 30px; margin-top: 20px;}
.prodInfo span{ width: 100%; text-align: right; font-size: 21px; display: block; font-weight: 800; padding-right: 20px;}
.prodInfo a{ display: inline-block;}
.colSlide .slick-prev{ right: 115px; left: inherit; top: -63px; transform: none; }
.colSlide .slick-next{ right: 30px; top: -63px; transform: none; }

/*Notify Section*/
.notSec{ padding: 90px 0; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);}
.notInner{ padding: 20px; overflow: hidden; display: flex; }
.nsLeft, .nsRight{ text-align: center; width: 50%; padding: 25px 50px;}
.nsLeft h3{ font-weight: bold; font-size: 36px; color: #fff; margin: 0 0 20px; }
.nsLeft p, .nsRight p{ color: #fff; margin: 0 0 20px;}
.btn-red{ background: #CD1417; color: #fff; padding: 15px 25px; border-radius: 6px; border:none; display: inline-block;}
.btn-red:hover{ background: #840a0c; color: #fff; }
.nsRight{ border-left: 1px solid rgba(255,255,255,0.15); }
.nsRight h3{ font-weight: bold; font-size: 40px; color: #fff; margin: 0 0 40px; }
.nsRight form{ display: flex; padding-top: 15px;}
.nsRight input{ width: 70%; border-radius: 10px 0 0 10px; border: none; padding: 20px 15px;}
.nsRight button{ width: 30%; border-radius: 0 10px 10px 0; border:none; background: #CD1417; color: #fff;}

/*Cart CSS*/
.cart-sec{padding: 60px 0 130px;background: #f2f2f2;}
.cart-product{ margin-bottom: 30px; background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; display: flex; align-items: center; justify-content: space-between;}
.cart-product.uploaded-photo{ display: block; text-align: center;}
.cart-product.uploaded-photo h4{ font-size: 18px; padding-bottom: 20px;}
.cart-product.uploaded-photo ul{ display: flex; justify-content: center;}
.cart-product.uploaded-photo ul li{ width: 130px; padding: 0 10px;}
.cart-product.uploaded-photo.get-quote ul li{ width: 200px; padding: 0 20px; }
.quote-msg{ padding-top: 15px; margin-top: 15px; border-top: 1px solid #eee; text-align: center; }
.quote-msg h4{ font-size: 21px; padding: 30px 0; }
.quote-msg h4 span{ font-size: 14px; color: #8b8b8b; display: block; margin-top: 10px;}
.cart-product-info{ display: flex; align-items: center; }
.cart-product-info .thumb{ background: #fff; border-radius: 20px; border: 1px solid #f2f2f2; overflow: hidden; width: 100px; height: 100px; display: flex; align-items: center;}
.cart-product-info .pr-title{ margin: 0 0 0 30px;}
.cart-product-info .pr-title h4{ font-weight: 600; font-size: 21px; }
.pr-details{ display: flex; flex-wrap: wrap; }
.pr-box{ background: #000; width: calc(25% - 10px); border-radius: 4px; text-align: center; margin: 5px; }
.pr-box label{display: block; color: #fff; padding: 4px 5px;}
.pr-box p{ margin: 0 2px 2px; background: #fff; font-weight: 600; display: block; text-align: center; padding:2px 3px; border-radius: 2px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pr-details .btn{ transition: 300ms all; width: calc(25% - 10px); height: 52px; text-align: center; margin: 5px; padding: 0 5px; line-height: 52px; border-radius: 3px; font-size: 14px; }
.cart-product-rate{ font-size: 18px; opacity: 0.5; font-weight: 600; padding: 0 5px; width: 100%; text-align: right;}
.cart-checkout{ display: flex; justify-content: flex-end; align-items: center; width: 100%; }
.cart-total{ display: flex; align-items: center; }
.cart-total p{ font-size: 15px; font-weight: 500; color: #979797; }
.pr-tab-main .cart-total span{ font-size: 15px; font-weight: 700; }
.cart-total p span{ color: #000; }
.cart-total .btn{ margin-left: 40px; }
.remove-product{ width: 20px; }
.remove-product img{ display: block; }


/*Slider*/
ul.keyList .slick-dots {position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } 
ul.keyList .slick-dots li {position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; width: auto;} 
ul.keyList .slick-dots li button { width: 12px; height: 4px; cursor: pointer; border: 0; outline: none; background: #999999; text-indent: -9999px; opacity: 0.50; border-radius: 10px; transition: 300ms all;} 
ul.keyList .slick-dots li.slick-active button {opacity: 1; width: 42px;}
ul.keyList .slick-dots li button:hover, ul.keyList .slick-dots li button:focus {outline: none; } 
ul.keyList .slick-dots li button:hover:before, ul.keyList .slick-dots li button:focus:before {opacity: 1; } 
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; cursor: all-scroll;} 
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } 
.slick-list:focus {outline: none; } 
.slick-list.dragging {cursor: pointer; cursor: hand; } 
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; } 
[dir='rtl'] .slick-slide {float: right; } 

.slick-slide.slick-loading img {display: none; } 
.slick-slide.dragging img {pointer-events: none; } 
.slick-initialized .slick-slide {display: block; } 
.slick-loading .slick-slide {visibility: hidden; } 
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden {display: none;}

/* Arrows */ 
.slick-prev, .slick-next { position: absolute; top: 50%; display: block; width: 40px; height: 40px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: 1px solid #cdcdcd; outline: none; background: #fff; z-index: 1; border-radius: 50%;} 
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; border-color: #003399; } 
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; } 
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25; } 
.slick-prev {left: 20px; } 
.slick-next {right: 20px; } 
.slick-prev:before, .slick-next:before {content: ''; background: url(../images/left-arrow.png) no-repeat 0 50% /contain; width: 21px; display: block; height: 100%; margin: auto; } 
.slick-next:before{ transform: rotate(180deg); } 

.banner .slick-prev, .banner .slick-next{ height: 40px; width: 55px; border-radius: 0; border:none; background: #fff; }
.banner .slick-prev:before, .banner .slick-next:before{ content: '\f104'; background: none; font-family:'FontAwesome'; color: #333;font-size: 35px;line-height: 40px;}
.banner .slick-next:before{ transform: rotate(180deg); }
.banner .slick-prev{bottom: 9px; transform: none; top: inherit;right: 65px; left: inherit;}
.banner .slick-next{bottom: 9px; transform: none; top: inherit; right: 5px;}
.banner .slick-prev:hover, .banner .slick-next:hover{ border: none; background: #fff; }