:root{ --bold:500; --white:#ffffff; --light-white:#F5F5F5; --dark:#212121; --primary-color: #0D2EA0; --purple-color: #79008D; --blue-color: #00A9E0; --green-color: #44DF8A; --yellow-color: #FFB400; --orange-color: #FF8200; --red-color: #FD1B44; --gray-color:#CCCCCC; --xsmall:6px; --small:12px; --medium:18px; --base:24px; --large:36px; --xlarge:48px; --xxlarge:96px; --xxxlarge:96px; } /* ::selection { color: var(--primary-color); background: rgba(13, 110, 253, 0.25); } */ html,body{ font-family: 'Roboto', sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; line-height: 22px; color: var(--dark); } .h1, h1{ font-size: 48px; font-weight: var(--bold); line-height: 54px;} .h2, h2{ font-size: 30px; font-weight: var(--bold); line-height: 38px;} .h3, h3{ font-size: 26px; font-weight: var(--bold); line-height: 33px;} h4{ font-size: 22px; font-weight: var(--bold); line-height: 28px;} h5{ font-size: 18px; font-weight: var(--bold); line-height: 24px;} h6{ font-size: 16px; font-weight: var(--bold); line-height: 22px;} p{line-height: 22px;} a{text-decoration: none; color: var(--primary-color);} a:hover{ color: var(--dark);} a.normal{text-decoration: none; color: var(--dark);} a.normal:hover{ color: var(--primary-color);} a.color-primary:hover{ color: var(--primary-color); font-weight: var(--bold);} sup { top: -1em; } sub, sup { position: relative; font-size: .5em; line-height: 0; vertical-align: baseline; } b, strong { font-weight: var(--bold); } .link-underline{text-decoration: underline; color: var(--primary-color); font-weight: var(--bold); text-transform: uppercase; text-underline-position: under; text-decoration-thickness: 2px;} .bg-purple a{color: var(--white);} .dark-box a:not(.btn){color: var(--white);} .dark-box a:not(.btn):hover{ color: var(--white);} p:last-child{margin-bottom: 0 !important;} .form-select:focus{box-shadow:none} :focus{outline-width: 0 !important;outline-style: none !important;outline-color: transparent !important;} .font-bold{font-weight: bold !important;} .container-fluid{padding-left: 12px; padding-right: 12px;} .container{padding-left: 12px; padding-right: 12px;} .bg-contain{background-size: contain !important;} .bg-contain .setbg{background-size: contain !important;} @media (min-width: 1300px){ .container{ max-width: 1280px; } } @media (min-width: 1400px){ .container{ max-width: 1320px; } .container{padding-left: 0; padding-right: 0;} } @media (min-width: 1550px){ .container{ max-width: 1440px; } .container{padding-left: 0; padding-right: 0;} } .row { margin-right: -12px; margin-left: -12px; } .row>* { padding-right: 12px; padding-left: 12px; margin-top: var(--bs-gutter-y); } .form-group input[type=checkbox] { display: none; cursor: pointer; } .form-confirm-container{ background: var(--white); border-radius: var( --base); padding: var( --large) var(--base); color: var( --dark); border: 2px solid var(--green-color); margin-top: var(--medium);} .bg-primary{background-color: var(--primary-color) !important;} .bg-purple{background-color: var(--purple-color) !important;} .bg-dark{background-color: var(--dark) !important;} .bg-blue{background-color: var(--blue-color) !important;} .bg-green{background-color: var(--green-color) !important;} .bg-yellow{background-color: var(--yellow-color) !important;} .bg-orange{background-color: var(--orange-color) !important;} .bg-red{background-color: var(--red-color) !important;} .bg-gray{background-color: var(--gray-color) !important;} .color-white{color: var(--white);} .color-green{color: var(--green-color);} .color-blue{color: var(--blue-color);} .color-orange{color: var(--orange-color);} .text-left{text-align: left;} .bg-light-gray{background-color: var(--light-white);} /* Button Styles */ .btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: none; } .btn + .btn{margin-left: 42px;} .hero .hero-details .hero-button .btn ~ .btn{margin-left: 42px;} .btn-space-between .btn + .btn { margin-left: 0px } .product-right-info .btn-space .btn{margin-right: 42px; } .product-right-info .btn-space .btn:last-child{margin-right: 0; } .btn-space-between {margin-top: -18px;} .btn-space-between > * {margin-top: 18px;} .btn{ border-radius: 50px; padding: 10px 48px; min-height: 50px; line-height: 1.1; font-weight: var(--bold); border:none; display: inline-flex; align-items: center; justify-content: center; position: relative; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn:after{ position: absolute; right: 50px; top: 50%; transform: translateY(-50%); opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn-solid{ background-color: var(--primary-color); color: var(--white);} .btn-solid:hover{ background-color: var(--dark); color: var(--white);} .btn-dark{ background-color: var(--dark); color: var(--white);} .btn-dark:hover{ background-color: var(--yellow-color); color: var(--dark);} .btn-dark:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn.btn-outline{padding: 10px 45px;} .btn-outline{ background-color: transparent; border: 3px solid var(--dark); color: var(--dark);} .btn.btn-outline:after{ color: inherit;} .btn-outline:hover{ background-color: var(--primary-color); color: var(--white); border-color: var(--primary-color);} .btn-light-solid{ background-color: var(--white); color: var(--primary-color);} .btn-light-solid:hover{ background-color: var(--yellow-color); color: var(--dark);} .btn-light-solid:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn.btn-light-outline{padding: 10px 45px;} .btn-light-outline{ background-color: transparent; border: 3px solid var(--white); color: var(--white);} .btn-light-outline:hover{ background-color: var(--white); color: var(--primary-color); border-color: var(--white);} .btn-light-outline:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn.btn-small{ border-radius: 50px; padding: 10px 28px; min-height: 45px; } .btn.btn-small:after{right: 25px;} .btn.btn-outline.btn-small{padding: 10px 25px;} .btn.btn-light-outline.btn-small{padding: 10px 25px;} .btn:hover{ padding-left: 38px; padding-right: 58px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn:hover:after{ right: 30px; opacity: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn.btn-small:hover{ padding-left: 18px; padding-right: 38px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn.btn-small:hover:after{ right: 15px; opacity: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn.btn-light-outline:hover, .btn.btn-outline:hover{ padding-left: 35px; padding-right: 55px;} .btn.btn-outline.btn-small:hover, .btn.btn-light-outline.btn-small:hover{ padding-left: 15px; padding-right: 35px;} .btn-icon-solid{ padding: 0; color: var(--dark); min-height: auto;} .btn-icon-solid::after{ position: unset; opacity: 1; transform: translateY(0%); background-color: var(--primary-color); color: var(--white); font-size: 0; line-height: 0; height: 30px; width: 30px; flex: 0 0 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px;} .btn-icon-solid::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20.656 13.684'%3E%3Cg transform='translate(-1125.499 1.06)'%3E%3Cpath d='M3231.221,6387.188l6.325,5.757-6.325,5.808' transform='translate(-2092.141 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h18.363' transform='translate(-2092.917 -6390.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn-icon-solid:hover{ padding: 0; color: var(--dark); } .btn-icon-solid:hover::after{ background-color: var(--dark); color: var(--white); transform: translateX(5px);} .btn-icon{ padding: 0; color: var(--primary-color); min-height: auto;} .btn-icon::after{ position: unset; opacity: 1; transform: translateY(0%); color: var(--primary-color); font-size: 0; line-height: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; } .btn-icon:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn-icon:hover{ padding: 0; color: var(--primary-color); } .btn-icon:hover::after{ color: var(--primary-color); transform: translateX(5px);} .btn-icon-back::after{ content: unset; display: none;} .btn-icon-back::before{ position: unset; opacity: 1; transform: translateY(0%) rotate(180deg); color: var(--primary-color); font-size: 0; line-height: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 10px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn-icon-back:before{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn-icon-back:hover::before{ color: var(--primary-color); transform: translateX(-5px) rotate(180deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .btn-light-icon-solid{ padding: 0; color: var(--white); min-height: auto;} .btn-light-icon-solid::after{ position: unset; opacity: 1; transform: translateY(0%); background-color: var(--white); color: var(--primary-color); font-size: 0; line-height: 0; height: 30px; width: 30px; flex: 0 0 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; } .btn-light-icon-solid:hover{ padding: 0; color: var(--white); } .btn-light-icon-solid:hover::after{ background-color: var(--white); color: var(--primary-color); transform: translateX(5px);} .btn-light-icon-solid::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20.656 13.684'%3E%3Cg transform='translate(-1125.499 1.06)'%3E%3Cpath d='M3231.221,6387.188l6.325,5.757-6.325,5.808' transform='translate(-2092.141 -6387.188)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h18.363' transform='translate(-2092.917 -6390.763)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn-light-icon{ padding: 0; color: var(--white); min-height: auto;} .btn-light-icon::after{ position: unset; opacity: 1; transform: translateY(0%); color: var(--white); font-size: 0; line-height: 0; font-weight: lighter; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; } .btn-light-icon:hover{ padding: 0; color: var(--white); } .btn-light-icon:hover::after{ color: var(--white); transform: translateX(5px);} .btn-light-icon::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20.656 13.684'%3E%3Cg transform='translate(-1125.499 1.06)'%3E%3Cpath d='M3231.221,6387.188l6.325,5.757-6.325,5.808' transform='translate(-2092.141 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h18.363' transform='translate(-2092.917 -6390.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .btn-round-icon{height: 30px; width: 30px; border-radius: 50%; background-color: var(--primary-color); font-size:0; line-height: 0; color: var(--white); display: inline-flex; align-items: center; justify-content: center;-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer;} .btn-round-icon:hover{ background-color: var(--dark); color: var(--white); transform: translateX(5px); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .btn-round-icon .icon:before{ content: none;} .btn-round-icon .icon::after{right: 50px; display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20.656 13.684'%3E%3Cg transform='translate(-1125.499 1.06)'%3E%3Cpath d='M3231.221,6387.188l6.325,5.757-6.325,5.808' transform='translate(-2092.141 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h18.363' transform='translate(-2092.917 -6390.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .link-icon{color: var(--primary-color); position: relative; display: flex; align-items: center; } .link-icon:hover{color: var(--primary-color); font-weight: var(--bold); } .link-icon::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; opacity: 0; font-size: 10px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: var(--primary-color); font-size: 1.1em; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; right:-30px; top: 50%; transform:translateY(-50%)} .link-icon:hover::after{ color: var(--primary-color); opacity: 1; transform:translateY(-50%) translateX(5px);} .link-icon span[class^="icon-"]{font-size: 23px; margin-right: 10px;} .link-icon img{max-width: 23px; margin-right: 10px;} .text-icon{display: inline-flex; align-items: center;} .text-icon span.icon-img{max-width: 23px; margin-right: 10px;} .section-dark{background-color: var(--dark); color: #fff;} .section-dark a:not(.btn){color: var(--white);} .section-dark a:not(.btn):hover{color: var(--primary-color);} .section-dark + footer, .section-dark + script + script + footer, .section-dark + script + footer{border-top: 1px solid #ffffff;} /* Header */ .header-top-alert{margin-bottom: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; background-color: #212121; color: #fff;} .header-top-alert .container{position: relative;} .header-top-alert .container .btn-light-icon-solid::after{height: 26px; width: 26px; flex: 0 0 26px; font-size: 0;} .header-top-alert .container .btn-light-icon-solid::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 20.656 13.684'%3E%3Cg transform='translate(-1125.499 1.06)'%3E%3Cpath d='M3231.221,6387.188l6.325,5.757-6.325,5.808' transform='translate(-2092.141 -6387.188)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h18.363' transform='translate(-2092.917 -6390.763)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .header-top-alert.alert-dismissible .btn-close{padding: 0; opacity: 1; margin-right: 0px; top: 50%; transform: translateY(-50%); background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;} .header-top-alert .row > [class^="col-"]{position: relative;} .header-top-alert .row > [class^="col-"]::before{ position: absolute; content: ''; top: 50%; bottom: 0; width: 2px; background-color: var(--white); height: 100%; left: 0; transform: translateY(-50%); } .header-top-alert .row > [class^="col-"]:first-child::before{content: none;} /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { header .header-top-alert.alert-dismissible .btn-close{top:calc(50% + 12px) !important;} } } header{border-bottom: 1px solid var(--gray-color); width: 100%; background-color: var(--white); position: relative; z-index: 99; } header .logo{position: relative; z-index: 9; width: 130px;} header nav.navbar {padding: 0; display: block;} header nav.navbar > .container{ display: block; } header nav.navbar > .container > .row > [class^="col-"]{ padding-top: 27px; padding-bottom: 27px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} header .header-right{ border-left: 1px solid #CCCCCC; padding-left: 34px !important; padding-right: 44px !important; margin-left: 24px;} header .header-right .header-search [class^="icon-"]{cursor: pointer; font-weight: 600; color: var(--primary-color); font-size: var(--base); } header .header-right .header-search [class^="icon-"]:hover{color: var(--dark); } header .search-section{ position: absolute; width: 100%; top: 0; bottom: 0;} header .search-section .container{ height: 100%;} header .search-section .search-box{visibility: visible;height: 100%;display: flex;padding-right: 22px;width: calc(100% - 240px);margin-left: auto;transition: width .3s ease-in-out;} header .search-section .search-box .btn-search{cursor: pointer; border-radius:0;border:0;padding: 0;display: flex;align-items: center;flex:0 0 105px; margin-left: -30px;justify-content: flex-end;} header .search-section .search-box .form-search{display: flex;align-items: center;width: 100%; border-left:1px solid rgba(28, 44, 57 , 0.2);transition: all 0.3s ease-in-out;background-color: var(--white);padding-top:18px;padding-bottom:18px; padding-left: 36px;} header .search-section .search-box .form-search .form-control{height:50px;border:1px solid #ddd; border-radius: 100px; padding-left: 24px; padding-right: 24px;} header .search-section .search-box .form-search .form-control:focus{outline: 0;box-shadow: none;} header .search-section:not(.search-open){pointer-events: none;} header .search-section:not(.search-open) .search-box .close-icon{display: none;} header .search-section:not(.search-open) .search-box{width: 101px;visibility: hidden;pointer-events: none;transition: width .3s ease-in-out;} header .search-section:not(.search-open) .search-box .form-search .form-control{visibility: hidden;} header nav.navbar .nav-menu{align-self: center; margin-left: 14px;} header .nav-menu ul.navbar-nav{margin: 0; padding: 0; } header .nav-menu ul.navbar-nav li.nav-item{display: inline-block; margin-left: 12px; margin-right: 12px; } header .nav-menu ul.navbar-nav li.nav-item > a{ color: var(--dark); border-radius: 50px; padding: 12px 24px; font-size: 16px; font-weight: var(--bold); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } header .nav-menu ul.navbar-nav li.nav-item > a:focus{color: var(--dark);} header .nav-menu ul.navbar-nav li.nav-item > a.active, header .nav-menu ul.navbar-nav li.nav-item > a.show, header .nav-menu ul.navbar-nav li.nav-item > a:hover{ background-color: var(--primary-color); color: var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} header .nav-menu ul.navbar-nav li.nav-item:last-child{margin-left: auto; } header .navbar .dropdown-menu.megamenu .nohide.link-tab > .nav > .nav-link {font-size: 16px;} /*.small-header header nav.navbar > .container > .row > [class^="col-"] { padding-top: 16px; padding-bottom: 16px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .small-header header .header-top-alert {visibility: hidden; opacity: 0; position: absolute; width: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }*/ .dropdown.has-megamenu{position: static;} .navbar .megamenu { left: 0; right: 0; pointer-events: none; top: calc(100% + -27px); width: 100%; padding: 0; padding-top: 28px; margin-top: 0; background: transparent; border-radius: 0; border: 0; display: block; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navbar .dropdown-menu.megamenu.show { opacity: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: visible; pointer-events: auto; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s } .navbar .megamenu .row.pull-left {margin-left: calc(59px + 108px); padding: 38px 0; margin-right: 90px;} .link-tab{border-right: 1px solid var(--gray-color); flex: 0 0 326px; width: 326px;} .link-tab .nav {padding-right: 48px;} .link-tab .nav-link{ position: relative; color: var(--dark) !important; text-align: left; padding: 10px 0 !important; margin-top: 18px; font-weight: var(--bold); } .link-tab .nav-link.active{background: transparent;} .link-tab .nav-link.active, .link-tab .nav-link:hover{ color: var(--primary-color) !important;} .link-tab .nav-link::after { position: absolute; top: 50%; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 0; background-color: var(--primary-color); color: var(--white); font-size: 0; line-height: 0; height: 24px; width: 24px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; transform: translateY(-50%); right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .link-tab .nav-link.active::after, .link-tab .nav-link:hover::after { opacity: 1; transform: translateY(-50%) translateX(5px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .list-icon{margin-left: 16px; margin-right: 16px; padding: 0;} .list-icon li{ list-style: none;} .list-icon li a{ height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 12px 28px; margin-bottom: 6px; border-radius: 12px; color: var(--dark); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: 6px; } .list-icon li a > span{width: 81px; text-align: center; font-size: 48px; position: relative;} .list-icon li a > span img{max-width: 85px; max-height: 50px; filter: invert(12%) sepia(6%) saturate(22%) hue-rotate(330deg) brightness(91%) contrast(96%);} .list-icon li a:hover > span img{filter: invert(17%) sepia(14%) saturate(5925%) hue-rotate(224deg) brightness(87%) contrast(108%);} .list-icon li a > span.arrow{ display: flex; align-items: center; justify-content: center; } .list-icon li a > span.arrow::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 0; background-color: var(--primary-color); color: var(--white); font-size: 14px; height: 24px; width: 24px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .list-icon li a:hover > span.arrow::before{opacity: 1;} .list-icon li a > span.icon-PJ-7{font-size: inherit;} .v-custom-tab .row [class^="col-"]{border-right: 1px solid var(--gray-color);} .v-custom-tab .row [class^="col-"]:last-child{border-right: 0} .v-custom-tab.no-border .row [class^="col-"]{border-right: 0} .right-img{ max-width: 337px; margin-left: 54px; } .right-img a{ color: var(--dark); } .right-img a:hover{ color: var(--primary-color); text-decoration: underline; } .right-img .card-img{position: relative; padding: 18px; width: 100%; height: 316px; display: flex; align-items: center; justify-content: center; background: var(--light-white); border-radius: 32px; } .right-img .card-img img{ position: absolute; bottom: 0; top: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; left: 0; right: 0;} .right-img .right-destils{padding-left: 21px; padding-right: 21px; margin-top: 21px;} .right-img.two-img{ max-width: 418px; margin-left: 36px; margin-bottom: 64px; } .right-img.two-img .right-destils{ margin-top: 22px; } .link-list{ margin-top: 46px; } .link-list + .link-list{ margin-top: 32px; } .link-list h4{ margin-bottom: 24px; } .link-list ul{ margin: 0; padding: 0; } .link-list ul li{ list-style: none;} .link-list ul li a{ position: relative; color: var(--dark); display:inline-flex; align-items: center; max-width: calc(100% - 12px);} .link-list ul li a:hover{ color: var(--primary-color);} .link-list ul li{ margin-bottom: 18px ;} .link-list ul li:last-child{ margin-bottom: 0 ;} .link-list ul li a::after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 0; background-color: var(--primary-color); color: var(--white); font-size: 0; line-height: 0; height: 25px; width: 25px; flex: 0 0 25px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .link-list ul li a:hover::after{opacity: 1;transform:translateX(5px); transition: all .3s ease-in-out} .link-list.list-icon-left ul li .icon{ font-size: 24px; color: var(--primary-color); margin-right: 14px;} .link-list.list-icon-left ul li a > span{ margin-right: 14px; display: inline-flex;} .link-list.list-icon-left ul li a > span img{ max-width: 24px; max-height: 24px;} .link-list.boxview{margin-top: 32px;} .link-list.boxview ul{ padding: 26px 28px; border-radius: 24px; background-color: var(--light-white);} .link-list.boxview .box-title{ margin-top: -42px; margin-bottom: 28px; } .link-list.boxview ul li{margin-bottom: 24px;} .link-list.boxview ul li:last-child{margin-bottom: 0;} .link-list.boxview ul li a:hover{ font-weight: var(--bold);} .link-list.link-list-md-space ul li{margin-top: 16px; margin-bottom: 16px;} .link-list.link-list-md-space ul li:last-child{margin-bottom: 0;} .link-list.two-col ul{display: flex; flex-wrap: wrap;} .link-list.two-col ul li{flex: 0 0 50%; width: 50%;} .link-list.three-col ul{display: flex; flex-wrap: wrap;} .link-list.three-col ul li{flex: 0 0 33.33%; width: 33.33%;} .link-list ul li.badge-li a::after{content:none} .link-list ul li.badge-li a .badge{background-color: rgba(0, 169, 224, 0.42); color: var(--primary-color); margin-left: 12px; border-radius: 6px; padding: 1px 12px; line-height: 20px; text-transform: uppercase;} .link-list-space{padding-left: 30px; margin-top: 0px; padding-top: 6px;} .linkbutton .btn { margin: 0px 8px 18px; } .linkbutton { margin-left: -8px; } .mega-bottom{padding: 15px 0;} .mega-bottom .m-icon{height: 30px; width: 30px;} .mega-bottom ul{margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap;} .mega-bottom ul li{display: inline-block; margin-left: 48px;} .mega-bottom ul li a{font-size: 16px; font-weight: var(--bold); color: var(--white); display: flex; align-items: center;} .mega-bottom ul li a span{margin-right: 12px;} .mega-bottom ul li a span img{width: 20px; filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(228deg) brightness(103%) contrast(102%);} .mobile-close{display: none; margin-top: var(--medium); margin-bottom: var(--medium); text-align: right; padding: 0 30px;} .mobile-close .navbar-toggler-m{background-color: transparent; padding: 0; border: 0;} .mobile-close .navbarback{padding: 0; border: 0; background-color: transparent;} .m-nav-link{display: none;} /* End Header */ /* Breadcrumb */ .section-breadcrumb{padding: 6px 0; border-bottom: 1px solid var(--gray-color);} .section-breadcrumb .breadcrumb {margin-bottom: 0; margin-top: -6px;} .section-breadcrumb .breadcrumb > * {margin-top: 6px;} .section-breadcrumb .breadcrumb .breadcrumb-item{ color: var(--primary-color); font-size: 15px; display: flex; align-items: center;} .section-breadcrumb .breadcrumb .breadcrumb-item a{ color: var(--primary-color);} .section-breadcrumb .breadcrumb .breadcrumb-item a:hover{color: var(--dark);} .section-breadcrumb .breadcrumb .breadcrumb-item.active a{color: var(--dark);} .section-breadcrumb .breadcrumb .breadcrumb-item.active{color: var(--dark);} .section-breadcrumb .breadcrumb .breadcrumb-item .icon-Home{ font-size: 21px; margin-top: -1px; display: block;} .section-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item{padding-right: 18px;} .section-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before{margin-right: 18px; content: ""; height: 12px; width: 12px; background-position: center; background-repeat: no-repeat; background-image: url(../../img/left-arrow.svg);} /* Footer */ footer{background-color: var(--dark); color: var(--white);} footer .footer-info{padding-top: var(--xxxlarge); padding-bottom: var(--xxxlarge);} footer .footer-info > div{position: relative;} footer .footer-info .footer-logo{position: absolute; width: auto; left: 0; top: 10px;} footer .footer-info h4{margin-bottom: 28px;} footer .footer-info h4 a{color: #fff;} footer .footer-info h4 a:hover{text-decoration: underline;} footer .footer-list ul{margin: 0; padding: 0; } footer .footer-list ul li{list-style: none; margin-bottom: 14px;} footer .footer-list ul li:last-child{margin-bottom: 0;} footer .footer-list ul li a{color: var(--white); position: relative; transition: all .3s ease-in-out} footer .footer-list ul li a::after{position: absolute; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 0; background-color: var(--primary-color); color: var(--white); font-size: 0; line-height: 0; height: 24px; width: 24px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} footer .footer-list ul li a:hover{ font-weight: var(--bold); transition: all .3s ease-in-out} footer .footer-list ul li a:hover::after{ opacity: 1; background-color: var(--white);color: var(--primary-color); transform: translateX(5px); transition: all .3s ease-in-out} footer .footer-touch input{height: 43px; padding: 12px 24px; border-radius: 50px; border: 2px solid #DDD; margin-bottom: 20px; width: 100%;} footer .footer-social ul{margin: 0; padding: 0; margin-top: -6px; } footer .footer-social ul li{margin-right: 27px; display: inline-block; list-style: none; } footer .footer-social ul li img{max-width: 29px;} footer .footer-social ul li:last-child{margin-right: 0; } footer .footer-social ul li a.facebook:hover img , footer .footer-social ul li:nth-child(1) a:hover img {filter: invert(60%) sepia(76%) saturate(3575%) hue-rotate(202deg) brightness(97%) contrast(96%);} footer .footer-social ul li a.linkedin:hover img, footer .footer-social ul li:nth-child(2) a:hover img {filter: invert(70%) sepia(97%) saturate(1154%) hue-rotate(189deg) brightness(95%) contrast(100%);} footer .footer-social ul li a.slideshare:hover img{filter: invert(54%) sepia(99%) saturate(421%) hue-rotate(348deg) brightness(98%) contrast(97%);} footer .footer-social ul li a.youtube:hover img, footer .footer-social ul li:nth-child(3) a:hover img{filter: invert(39%) sepia(75%) saturate(6782%) hue-rotate(335deg) brightness(95%) contrast(111%);} footer .footer-social ul li a.twitter:hover img, footer .footer-social ul li:nth-child(4) a:hover img {filter: invert(46%) sepia(99%) saturate(467%) hue-rotate(163deg) brightness(94%) contrast(101%);} footer .footer-copyright{padding: 12px 0; border-top: 1px solid var(--white);} footer .footer-copyright span.copyright{margin-right: 24px;} footer .footer-copyright a{color: var(--white);} footer .footer-copyright a:hover{opacity: 0.8;} footer .footer-copyright a + a{margin-left: 24px;} footer .footer-touch{margin-top: -6px;} /* End Footer */ /* Hero Section */ .hero{position: relative; padding: 190px 0; min-height:calc( 900px - 150px);color: #fff;background-color: var(--dark);} .hero:not(.hero-sub){padding-bottom: 0; margin-bottom: 138px; } .hero:before{content: ''; position: absolute; width: 80%; background-image:url(../../img/rectangle.svg); background-size: cover; background-position: right; mix-blend-mode: multiply; height: 100%; top: 0; pointer-events: none;} .hero .container{position: relative; z-index: 1;} .hero h1{ margin-bottom: 16px;} .hero:not(.hero-sub) p{font-size: 18px;} .hero:not(.hero-sub) h1 { margin-bottom: 24px; } .hero p{color: #fff; font-weight: var(--bold); max-width: 580px; line-height: 1.35em; margin-bottom: 12px; } .hero p.sub-title{ letter-spacing: 0.5px; font-size: 16px; text-transform: uppercase; display: flex; align-items: flex-end; margin-bottom: 12px;} .hero p.sub-title img, .hero p.sub-title .icon{ margin-right: 12px; } .hero .hero-details .hero-button{display: inline-flex; flex-wrap: wrap; margin-top: 24px; row-gap: 12px;} .hero .hero-home-bottom{width: 100%; position: absolute; bottom: -30%;} .section{margin: var(--xxxlarge) 0;} .section-padding{padding: var(--xxxlarge) 0;} .hero.hero-sub.hero-sub-filter p.sub-title{ font-size: 16px;} .hero.hero-sub.hero-sub-filter p.sub-title .icon-Search{ font-size: 24px;} .section-padding.bg-light-gray + .video-sec, .section-padding.section-dark + .video-sec{margin-top: var(--xxxlarge);} .video-sec + .section-padding.bg-light-gray, .video-sec + .section-padding.section-dark{margin-top: var(--xxxlarge);} .title{ text-align: center; margin-bottom: 24px; max-width: 800px; margin-left: auto; margin-right: auto;} .title h2{font-weight: var(--bold); margin-bottom: 12px; } .title .title-sub-details{max-width: 600px; margin: 0 auto; font-size: 18px;} .title .title-sub-details p{line-height: 1.35em;} .title .title-icon{display: flex; align-items: center; justify-content: center; letter-spacing: 0.5px; font-size: 16px;} .title .title-icon .icon{margin-right: 12px; font-size: 22px; display: flex;} .title .title-icon.blue{color: var(--primary-color);} .title .btn{margin-top: 12px;} .title .title-sub-details + .sub_title2{margin-top: var(--base);} .section-dark .title{color: var(--white);} .section-dark .title .title-icon{color: var(--yellow-color); margin-bottom: 24px;} .feature-left{position: absolute; padding: 4px 28px 4px 18px; text-transform: uppercase; font-size: 14px; border-top-right-radius: 50px ; border-bottom-right-radius: 50px ; font-weight: var(--bold); top: 32px; left: 0; background-color: var(--primary-color); color: var(--white);} .feature-left.f-white{ background-color: var(--white); color: var(--primary-color); } .right-img .card-img:not(.setbg) .feature-left.f-white{ background-color: var(--primary-color); color: var(--white); } .product-section .product-card{padding: 72px 22px 22px; background-color: var(--light-white); border-radius: 32px; min-height: 540px; position: relative; transition: all .3s ease-in-out ; display: flex; flex-direction: column; justify-content: space-between;} .product-section .product-card.product-bg-img{height: 100%;} .product-section .product-card h2, .product-section .product-card h3{ text-align: center; font-size: 24px; } .product-section .product-card .product-button{text-align: center;} .product-section .product-card .product-button.product-button-right{text-align: right; padding: 0 12px; } .product-section .product-card .product-img{position: relative; margin-bottom: 24px; min-height: 300px; max-width: 100%; margin: 0 auto;} .product-section .product-card .product-img img{position: absolute; bottom: 0; top: 0; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto; left: 0; right: 0;} .product-section .product-row > [class^="col-"]{ margin-top: 24px;} .product-section .product-view-all{margin-top: 48px; text-align: center;} .product-section .product-card.product-bg-img{min-height: 300px;} .product-section .slick-active .product-card, .product-section .product-card:hover{ background-color: var(--primary-color); transition: all .3s ease-in-out} .product-section .slick-active .product-card .feature-left, .product-section .product-card:hover .feature-left{ color: var(--primary-color); background-color: var(--white);} .product-section .slick-active .product-card h3, .product-section .slick-active .product-card h2, .product-section .product-card:hover h2, .product-section .product-card:hover h3{ color: var(--white);} .product-section .slick-active .product-card .btn.btn-icon-solid, .product-section .product-card:hover .btn.btn-icon-solid{ color: var(--white);} .product-section .slick-active .product-card .btn.btn-icon-solid::after, .product-section .product-card:hover .btn.btn-icon-solid::after{ color: var(--white); background-color: var(--yellow-color); } .product-section .slick-active .product-card .btn.btn-icon-solid::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .product-section .product-card p{opacity: 0; margin-bottom: 18px; text-align: center; color: var(--white); font-weight: 400; transition: all .3s ease-in-out} .product-section .slick-active .product-card p, .product-section .product-card:hover p{opacity: 1; transition: all .3s ease-in-out} .card{border-radius: 24px; transform: translateY(0px); border: 0; background: transparent; overflow: hidden; transform: translateY(0); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .card:hover { transform: translateY(-8px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .card .card-img{padding-top: 59%; border-radius: 0; overflow: hidden; position: relative;} .card .card-detail{ padding: 30px 33px; background: var(--light-white); display: flex; justify-content: space-between; align-items: center;} .card h5{font-size: 18px; font-weight: var(--bold); color: var(--dark); margin-bottom: 0;} .card .card-detail .icon{height: 30px; width: 30px; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--white); transition: all .3s ease-in-out} .card .card-detail .icon:hover {background-color: var(--yellow-color); transition: all .3s ease-in-out} .card:hover .card-img:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .card .card-detail .icon:before{ content: none;} .card .card-detail .icon::after{right: 50px; font-size: 0; line-height: 0; display: flex; justify-content: center; align-items: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20.656 13.684'%3E%3Cg transform='translate(-1125.499 1.06)'%3E%3Cpath d='M3231.221,6387.188l6.325,5.757-6.325,5.808' transform='translate(-2092.141 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h18.363' transform='translate(-2092.917 -6390.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} /* Arrows */ .slick-prev, .slick-next {flex: 0 0 36px; font-size: 0; line-height: 0; display: block; width: 36px; height: 36px; border-radius: 50%; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: flex; align-items: center; justify-content: center; } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color: transparent; outline: none; background: transparent; } .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::before{transform: rotate(180deg);} .slick-prev:before,.slick-next:before { opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* PRIMARY COLOR */ .slick-prev:before,.slick-next:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .slick-arrow { background-color: var(--light-white); color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .slick-arrow:hover,.slick-arrow:focus { background-color: var(--primary-color); color: var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* WHITE COLOR */ .slick-prev.slick-arrow:focus:before,.slick-prev.slick-arrow:hover:before,.slick-next.slick-arrow:focus:before,.slick-next.slick-arrow:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .slick-dotted.slick-slider { margin-bottom: 26px; } .slick-dots { padding: 0; margin: 0 30px !important; list-style: none; text-align: center; max-width: 56%; display: flex; flex-wrap: wrap; align-items: center; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: var(--dark); border: 0; outline: none; background: var(--white);border-radius: 20px;} .slick-dots li button:hover,.slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { border-radius: 50%; line-height: 10px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: ''; text-align: center; background-color:var(--gray-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li:hover button:before,.slick-dots li.slick-active button:before { background-color: var(--primary-color) } .carousel-dots ~ .slick-dots { display: none; } .carousel-style-1 .slick-dots li:hover button:before,.carousel-style-1 .slick-dots li.slick-active button:before { background-color: var(--yellow-color) } .dark-sec .carousel-style-1 .slick-dots li button:before,.section-dark .carousel-style-1 .slick-dots li button:before { background-color:var(--white); } .dark-sec .carousel-style-1 .slick-dots li:hover button:before,.dark-sec .carousel-style-1 .slick-dots li.slick-active button:before,.section-dark .carousel-style-1 .slick-dots li:hover button:before,.section-dark .carousel-style-1 .slick-dots li.slick-active button:before { background-color: var(--yellow-color) } .carousel-style .slick-dots li:hover button:before,.carousel-style .slick-dots li.slick-active button:before { background-color: var(--primary-color) } .dark-sec .carousel-style .slick-dots li button:before,.section-dark .carousel-style .slick-dots li button:before { background-color:var(--white); } .dark-sec .carousel-style .slick-dots li:hover button:before,.section-dark .carousel-style .slick-dots li:hover button:before,.dark-sec .carousel-style .slick-dots li.slick-active button:before,.section-dark .carousel-style .slick-dots li.slick-active button:before { background-color: var(--primary-color) } .btnSeeAll{position: absolute; right: 12px; bottom: 0;} div.slider-pagination[style*="display: none;"] + .btnSeeAll{position: unset; text-align: right; margin-top: var(--xlarge);} .carousel-slider{margin-left: -12px; margin-right: -12px; position: relative;} .carousel-slider .itams{padding-left: 12px; padding-right:12px;} .slider-arrow-withdots .slider-pagination{ display: flex; justify-content: center; align-items: center; } .carousel-style .slick-arrow{ background-color: var(--primary-color); color: var(--white); } .carousel-style .slick-arrow:hover{ background-color: var(--dark); color: var(--white); } .carousel-style .slick-arrow:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .carousel-style-1 .slick-arrow{ background-color: var(--yellow-color); color: var(--dark); } .carousel-style-1 .slick-arrow:hover{ background-color: var(--dark); color: var(--white); } /* dark arrow */ .carousel-style-1 .slick-arrow:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } /* White Arrow */ .carousel-style-1 .slick-arrow:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .section-dark .carousel-style-1 .slick-arrow:hover,.dark-sec .carousel-style-1 .slick-arrow:hover { background-color: var(--white); color: var(--yellow-color); } /* dark arrow */ .dark-sec .carousel-style-1 .slick-arrow:before,.section-dark .carousel-style-1 .slick-arrow:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } /* White Arrow */ .section-dark .carousel-style-1 .slick-arrow:hover:before,.dark-sec .carousel-style-1 .slick-arrow:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23FFB400' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .section-dark .carousel-style .slick-arrow:hover,.dark-sec .carousel-style .slick-arrow:hover { background-color: var(--white); color: var(--primary-color); } /* White arrow */ .section-dark .carousel-style .slick-arrow:before,.dark-sec .carousel-style .slick-arrow:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } /* Primary Arrow */ .section-dark .carousel-style .slick-arrow:hover:before,.dark-sec .carousel-style .slick-arrow:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .slider-pagination.pagination-number { margin-top: 60px;} .slider-pagination.pagination-number .slick-dots li button:before{content: none;} .slider-pagination.pagination-number .slick-dots li { width: auto; height: auto; cursor: pointer; } .slider-pagination.pagination-number .slick-dots li button { font-size: 18px; line-height: inherit; width: auto; height: auto; padding: 5px; color: var(--gray-color); background: transparent; font-weight: var(--bold);border-radius: 0;} .slider-pagination.pagination-number .slick-dots li.slick-active button,.slider-pagination.pagination-number .slick-dots li button:hover { color: var(--primary-color);} .custom-tab{display: flex; padding-top: 8px; align-items: center; justify-content: center;} .custom-tab .custom-tab-title{font-size: 20px; font-weight: var(--bold); margin-right: 36px; color: var(--white);} .custom-tab .custom-tabList .nav-item{ margin-right: 36px;} .custom-tab .custom-tabList .nav-item .nav-link{padding: 0; text-transform: uppercase; position: relative; color: var(--white); font-weight: var(--bold); padding-bottom: 6px; border: none;} .custom-tab .custom-tabList .nav-item .nav-link::before{content: ''; opacity: 0; position: absolute; width: 100%; height: 2px; background-color: var(--yellow-color); bottom: 0; left: 0; } .custom-tab .custom-tabList .nav-item:last-child{ margin-right: 0; } .custom-tab .custom-tabList.nav-tabs .nav-item.show .nav-link, .custom-tab .custom-tabList.nav-tabs .nav-link.active{ background-color: transparent !important; } .custom-tab .custom-tabList.nav-tabs .nav-item.show .nav-link::before, .custom-tab .custom-tabList.nav-tabs .nav-link.active::before{ opacity: 1; } .custom-tab-1{ padding-top: 8px;} .custom-tab-1 ul.custom-tabList{justify-content: center;} .custom-tab-1 .custom-tabList .nav-item .nav-link{text-transform: uppercase; color: var(--dark); border:2px solid var(--dark); border-radius: 50px; font-weight: var(--bold); margin-left: 12px; margin-right: 12px; padding: 8px 23px; font-size: 14px;} .custom-tab-1 .custom-tabList .nav-item .nav-link.active, .custom-tab-1 .custom-tabList .nav-item .nav-link:hover{ color: var(--white); background-color: var(--primary-color); border-color: var(--primary-color); } .nav-tabs{border-bottom: 0;} .custom-tab-content{margin-top: 24px;} .custom-tab-border ul.nav-tabs{display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap} .custom-tab-border ul.nav-tabs .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: center; padding: 0 12px; border-bottom: 3px solid var(--light-white); } .custom-tab-border ul.nav-tabs .nav-item:first-child {padding-left: 0; } .custom-tab-border ul.nav-tabs .nav-item:last-child {padding-right: 0; } .custom-tab-border ul.nav-tabs .nav-item .nav-link{ height: 100%; padding: 0 0 16px; text-transform: uppercase; position: relative; color: var(--primary-color); font-weight: var(--bold); border: none; width: 100%; font-size: 18px; } .custom-tab-border ul.nav-tabs .nav-item .nav-link::before{content: ''; opacity: 0; position: absolute; width: 100%; height: 3px; background-color: var(--primary-color); bottom: -2px; left: 0; } .custom-tab-border ul.nav-tabs .nav-item.show .nav-link::before,.custom-tab-border ul.nav-tabs .nav-link:hover::before,.custom-tab-border ul.nav-tabs .nav-link.active::before{ opacity: 1; } .custom-tab-border-content .tab-pane{padding-top: 72px; padding-bottom: 0;} .round-checkmark-1 ul,.round-checkmark{ padding-left: 0; margin-bottom: 0; margin-top: 20px;} .round-checkmark-1 ul li,.round-checkmark li{position: relative; list-style: none; padding-left: 36px; line-height: 1.35em; padding-right: 12px; padding-top: 12px; min-height: 34px;} .card-details.round-checkmark-1 ul{ margin-top: 24px; } .round-checkmark-1 ul li::before,.round-checkmark li::before{ content: ''; background: url(../../img/bullet-checkmark.svg); height: 23px; width: 23px; background-size: cover; position: absolute; left: 0; top: 11px;} .round-checkmark-1.two-col ul,.round-checkmark.two-col{ margin-right: -12px; margin-left: -12px; column-count: 2; page-break-inside: avoid; break-inside: avoid-column; } .round-checkmark-1.two-col ul li,.round-checkmark.two-col li{ padding-left: 48px; break-inside: avoid-column; } .round-checkmark-1.two-col ul li::before,.round-checkmark.two-col li::before{ left: 12px; } ul.dots,.dots ul { list-style-type: none; padding: 0; } ul.dots > li,.dots ul > li{ position: relative; padding-left: 20px; margin-bottom: 12px;} ul.dots > li:before,.dots ul>li:before { content: ''; position: absolute; width: 7px; height: 7px; background-color: var(--primary-color); border-radius: 50%; left: 0; top: 6px; } .one-col{column-count: 1 !important;} .section-testimonial{position: relative; padding-top: var(--xxxlarge); padding-bottom: var(--xxxlarge); min-height: 720px; display: flex; align-items: center;background-color: var(--dark);} .section-testimonial:not(.section-testimonial-v2):before{content: ''; z-index: 1; position: absolute; background-color: rgba(33,33,33,.41); top: 0; bottom: 0; left: 0; right: 0;} .section-testimonial .container{position: relative; z-index: 2;} .testimonial-details{text-align: center; color: var(--white);} .testimonial-details p{text-align: left; line-height: 1.2em;} .testimonial-details .testimonial-info{position: relative; font-size: 32px; font-weight: var(--bold);} .testimonial-details .testimonial-info::before{content: ''; position: absolute; background-image: url('../../img/quotation-mark.svg'); top:0; left: -75px; height: 48px; width: 48px; background-repeat: no-repeat; transform: translateY(-50%); background-position: center; background-size:cover;} .testimonial-details .testimonial-author{ text-align: right;margin-bottom: 24px;} .testimonial-details .testimonial-author span{display: block; margin-bottom: 6px;} .testimonial-details .testimonial-author span:last-child{margin-bottom: 0px;} .testimonial-details .testimonial-author span.author-name{font-weight: var(--bold); font-size: 24px;} .section-testimonial-v2{background-color: var(--primary-color); min-height: auto;} .section-testimonial-v2 .testimonial-details p, .section-testimonial-v2 .testimonial-details .testimonial-author, .section-testimonial-v2 .testimonial-details{text-align: center;} .section-testimonial-v2 .testimonial-details .testimonial-author span{display: inline-block; font-size: 24px; line-height: 1.3;} .section-testimonial-v2 .testimonial-details .testimonial-author span.author-name{display: block; margin-bottom: 0;} .section-testimonial-v2 .testimonial-details .testimonial-author{margin-bottom: 0;} .section-testimonial-v2 .testimonial-details .testimonial-info::before{ transform: translateY(0%) rotateX(180deg); position: unset; display: block; margin: 0 auto var(--large); } .section-testimonial-v2.bg-white .testimonial-details .testimonial-info::before{background-image: url('../../img/quotation-mark-blue.svg');} .section-testimonial-v2.bg-white .testimonial-details{ color: var(--dark); } .section-testimonial-v2.bg-white .testimonial-details .testimonial-author span.author-name{display: inline-block;} .card-featured{border-radius: 24px; overflow: hidden; transform: translateY(0px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .card-featured:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important; transform: translateY(-8px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .card-featured .card-img {overflow: hidden; position: relative;} .card-featured .featured-img{padding-top: 50%; } .card-featured .featured-details{background-color: var(--light-white); padding:34px 32px 32px; font-weight: var(--bold);} .card-featured .featured-details .featured-title{display: block; font-size: 16px; color: var(--primary-color); text-transform: uppercase; margin-bottom: 6px; } .card-featured .featured-details p{margin-bottom: 24px; font-size: 18px; line-height: 1.5em; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis;} .card-featured .featured-details .featured-btn{text-align: right;position: relative;z-index: 2;} .card-featured > a * {color: initial;} .card-featured:hover .card-img:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .grey-bg + .section-contact, .grey-bg + script + script + .section-contact, .grey-bg + script + .section-contact{border-top: 1px solid var(--gray-color);} .section-contact .container-fluid > .row > [class^="col-"]{position: relative; padding: 0;} .section-contact [class^="col-"]{border-right: 1px solid var(--gray-color);} .section-contact .contact-details { max-width: calc(1440px / 2); } .section-contact [class^="col-"] > div.contact-details{margin-left: 203px; padding-left: 54px;} .section-contact [class^="col-"]:first-child > div{margin-left: auto !important;} .section-contact [class^="col-"]:last-child{border-right:0 ;} .section-contact .contact-details h2{ position: relative; margin-bottom: 16px;} .section-contact .contact-details h2 .icon{position: absolute; font-size: 30px; left: -53px; top: 50%; transform: translateY(-50%); } .section-contact .contact-details .btn{ margin-top: 24px;} .section-contact .contact-details p{ margin-bottom: 0; font-size: 16px;} .section-contact [class^="col-"] > div.bg-hover-img{position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; pointer-events: none; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .section-contact [class^="col-"] > div.bg-hover-img.hover{opacity: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .section-contact.no-hover [class^="col-"] > div.bg-hover-img{opacity: 1;} .bg-primary.section-contact,.bg-primary.contact-container{color: var(--white);} .bg-primary.contact-container{border-radius: 32px;} .bg-primary.contact-container > div{max-width: 80%; margin: 0 auto;} .bg-primary.contact-container h5{margin-bottom: 6px; text-transform: uppercase;} .bg-primary.contact-container .sub-title .icon{font-size: 30px; margin-right: 12px;} .section-contact .bg-primary.contact-container > div [class^="col-"] > div{margin-left: 26%;} .contact-hover-bg:hover{background-color: var(--dark); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .sku {font-size: 14px; margin: 15px 0 10px;} .Product-detail-slider .slick-list .slick-slide { background: var(--white); border-radius: 12px; min-height: 516px; position: relative; overflow: hidden; } .Product-detail-slider .slick-list .slick-slide > div { padding: 18px 80px 30px; position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: auto; margin: auto; display: flex; align-items: center; justify-content: center; } .Product-detail-slider .slick-list .slick-slide > div.videosection { padding-left: 0; padding-right: 0;} .Product-detail-slider .slick-list .slick-slide > div img { max-width: 100%; max-height: 100%; object-fit: contain; } .Product-detail-slider .slick-list .slick-slide > div .icon-Search{ cursor: pointer; position: absolute; font-size: 20px; top: 18px; right: 18px; font-weight: var(--bold); color: var(--primary-color); } .Product-detail-slider .slick-list .slick-slide > div .icon-Search:hover{color: var(--dark);} .Product-detail-slider .slick-list .slick-slide > div .video{ cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} .Product-detail-slider .slick-list .slick-slide > div .video svg{ width: 100px; height: 100px; filter: drop-shadow(0 .5rem 0.5rem rgba(0,0,0,.25));} .Product-detail-slider .slick-list .slick-slide > div .video svg circle{fill:var(--green-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .Product-detail-slider .slick-list .slick-slide > div .video:hover svg circle{fill:var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .Product-detail-thumbnail .slick-slide { display: block; height: auto; padding: 0 10px; } .Product-detail-thumbnail > .slick-list:not(.onSlide) .slick-track{transform:translate3d(0px, 0px, 0px) !important} .Product-detail-thumbnail .slick-list {margin: 0 50px; } .Product-detail-thumbnail .slick-slide > div { height: 94px; margin: 0 auto; cursor: pointer; box-shadow: inset 0px 0px 0px 1px var(--gray-color); border-radius: 24px; display: flex; align-items: center; justify-content: center; width: 100px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; overflow:hidden; } .Product-detail-thumbnail .slick-slide:hover > div, .Product-detail-thumbnail .slick-slide.slick-current.slick-active > div{ box-shadow: inset 0px 0px 0px 2px var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .Product-detail-thumbnail .slick-slide > div img { max-width: 70%; max-height: 70%; position: relative; z-index: -1;} .Product-detail-thumbnail .slick-slide:hover > div:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .Product-detail-thumbnail .slick-arrow { flex: 0 0 36px; height: 36px; width: 36px; background-color: var(--light-white); color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .Product-detail-thumbnail .slick-arrow::before { font-size: 18px} .Product-detail-thumbnail .slick-arrow:focus, .Product-detail-thumbnail .slick-arrow:hover { background-color: var(--primary-color); color: var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .Product-detail-thumbnail .slick-slide > div.video { padding: 0; } .Product-detail-thumbnail .slick-slide > div.video img { max-width: 100%; max-height: 100%; height: 100%; object-fit: cover; } .Product-detail-thumbnail .slick-slide > div.video:after { content: ''; position: absolute; width: 50px; height: 50px; background-image: url(../../img/video-button.svg); background-repeat: no-repeat; background-position: center; } .product-right-info{margin-left: 50px; } .product-right-info .smalltitle{ margin-bottom: 12px; font-weight: var(--bold); color: var(--primary-color); text-transform: uppercase;} .product-right-info .smalltitle.no-uppercase{ text-transform: none;} .product-right-info .h3, .product-right-info h3 {margin-bottom: 12px;} .product-right-info p {margin-bottom: 12px;} .product-list-carousel + .product-list-carousel{margin-top: var(--xxxlarge);} .product-box{background: var(--light-white); border-radius: 24px; max-width: 400px; margin: 0 auto; padding: 18px;} .product-box .product-img{ background: var(--white); border-radius: 12px; padding-top: 93%; position: relative; overflow: hidden; } .product-box .product-img .product-img-inner { padding: 14px; position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: auto; margin: auto; display: flex; align-items: center; justify-content: center; } .product-box .product-img .product-img-inner img{ max-width: 100%; max-height: 100%;} .product-box .product-info{padding:16px 0px 18px 16px;} .product-box .product-info .product-details{padding-bottom: 32px; word-break: break-word;} .product-box .product-info .product-title{margin-bottom: 16px;} .product-box .product-info p{max-height: 66px; margin-bottom: 0px; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.4;} .product-box:hover .product-img:before { -webkit-animation: shine 1.5s; animation: shine 1.5s; } .product-box .product-button { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 6px; justify-content: space-between; padding-right: 10px; } .product-box .product-button.text-end {justify-content: flex-end; } .product-box .product-button a:not(.btn):hover{ text-decoration: underline; } .product-background{position: relative; background-color: var(--dark);} .product-background .container{position: relative; } .product-background:before{ content: ''; z-index: 0 ; pointer-events: none; position: absolute; mix-blend-mode: multiply; top: 0; left: 0; width: 80%; right: 0; bottom: 0; background: rgb(128,128,128); background: -moz-linear-gradient(127deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 80%); background: -webkit-linear-gradient(127deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 80%); background: linear-gradient(127deg, rgba(128,128,128,1) 0%, rgba(255,255,255,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#ffffff",GradientType=1); } .product-background h3.h-title{font-size: 30px; text-align: left; color: var(--white); line-height: 1.2;} .product-background p:not(.sub-title){color: #ffffff; max-width: 500px;} .product-background .sub-title{text-transform: uppercase; font-weight: var(--bold); margin-bottom: 12px;} .product-background .sub-title span[class^="icon-"]{ margin-right: 12px; font-size: 30px;} .product-background .sub-title img{ margin-right: 12px; max-width: 30px; max-height: 30px;} .accordion-style {margin-top: -24px;} .accordion-style .accordion-button:focus {outline: none; border: none; box-shadow: none;} .accordion-style .accordion-button {display: block;} .accordion-style .accordion-button::after { flex-shrink: 0; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; transition: transform .2s ease-in-out; background-color: var(--primary-color); border-radius: 50%; background-position: center 8px;content: '';position: absolute;right: 0;top: calc(50% - 16px);} .accordion-style .accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion-style .accordion-button:hover,.accordion-style .accordion-button:not(.collapsed){color: var(--primary-color); background-color: var(--white); box-shadow:none} .accordion-style .accordion-item .accordion-button{padding: 24px; font-size: 18px; font-weight: var(--bold); line-height: 1.4em; padding-right: 40px !important;} .accordion-style .accordion-item .accordion-button::first-letter { text-transform:uppercase; } .accordion-style .accordion-item{border-width: 2px; border-color: var(--dark); } .accordion-style.accordion-flush .accordion-item:last-child{border-bottom: 2px solid var(--dark);} .accordion-style .accordion-body{ padding-top: 0; padding-bottom: 0px;padding-left: 24px; padding-right: 24px;} #accordion-s-v1 .accordion-style{margin-top: var(--xlarge);} .bg-light-gray .accordion-style .accordion-item{background-color: transparent;} .bg-light-gray .accordion-style .accordion-button:hover,.bg-light-gray .accordion-style .accordion-button{background-color: transparent;} .bg-light-gray .accordion-style{margin-top: calc(var(--base) * -1);} .bg-light-gray .accordion-style .accordion-body{padding-bottom: var(--base); } .table-style{width: calc(100% - 45px); margin-bottom: 0;} .table>:not(caption)>*>*{ border-bottom-width: 0.5px; color: var(--dark); vertical-align: baseline; border-top-width: 0.5px; border-color: #707070; padding-top: 12px; padding-bottom: 12px; line-height: 1.5em;} .table-style tr td:first-child{width: 25%; font-weight: var(--bold); padding-left: 0;} .table-style tr:last-child td{border-bottom-width: 00px;} .bg-card .card-img{ background: var(--light-white); padding-top: 85%; position: relative; overflow: hidden; border-radius: 28px; } .bg-card .card-img > div { padding: 12px; position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: auto; margin: auto; display: flex; align-items: center; justify-content: center;} .bg-card .card-img > div > img{ max-width: 100%; max-height: 100%;} .bg-card .card-details{ padding: 32px 12px 12px; display: flex; flex-direction: column; justify-content: space-between; } .bg-card .card-details .btn-inner-links ul{list-style: none; margin: 0; padding: 0;} .bg-card .card-details .btn-inner-links ul li{margin-bottom: 12px;} .bg-card .card-details .btn-inner-links ul li a{ line-height: 1.1; font-weight: var(--bold); border: none; display: inline-block; align-items: center; justify-content: center; position: relative; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 0; color: var(--primary-color); min-height: auto; } .bg-card .card-details .btn-inner-links ul li a::after{ position: absolute; opacity: 1; transform: translateY(0%); color: var(--primary-color); font-size: 0; line-height: 0; left: 100%; border-radius: 50%; margin-left: 10px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .bg-card .card-details .btn-inner-links ul li a:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%230D2EA0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");} .bg-card .card-details .btn-inner-links ul li a:hover{ padding: 0; color: var(--primary-color); } .bg-card .card-details .btn-inner-links ul li a:hover::after{ color: var(--primary-color); transform: translateX(5px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .pro-bg-card .card-img{ background: var(--light-white); position: relative; overflow: hidden; border-radius: 28px; padding-top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pro-bg-card .card-img > div {padding: var(--large); position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: auto; margin: auto; display: flex; align-items: center; justify-content: center;} .pro-bg-card .card-img > div > img{ max-width: 100%; max-height: 100%;} .pro-bg-card.pro-bg-primary .card-img{ background: var(--primary-color);} .product-cat-info ul,.product-cat-info .product-cat-sub{list-style: none; margin: 0; padding: 0; column-count: 2; font-size: 16px; margin-bottom:-12px } .product-cat-info ul li,.product-cat-info .product-cat-sub li{margin-bottom: 12px;} .product-cat-info ul li a:hover,.product-cat-info .product-cat-sub li a:hover{text-decoration: underline; color: var(--primary-color);} .product-ziczac > div:nth-child(odd) {flex-direction: row-reverse;} .product-ziczac > div + div {margin-top: var(--xxlarge);} .supplies-bg-card .supplies-card-img{ background: var(--light-white); padding-top: 69%; position: relative; overflow: hidden; border-radius: 28px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .supplies-bg-card .supplies-card-img > div {padding: var(--large); position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: auto; margin: auto; display: flex; align-items: center; justify-content: center;} .supplies-bg-card .supplies-card-img > div > img{ max-width: 100%; max-height: 100%;} .supplies-cat-info h4{margin-bottom: var(--small);} .supplies-cat-info p{margin-bottom: var(--base);} .supplies-cat-info ul,.supplies-cat-info .supplies-cat-sub{list-style: none; padding: 0; margin: 0; font-size: 18px; line-height: 24px; margin-bottom: var(--base); float: left; width: 50%; padding-right: 12px; } .supplies-cat-info ul + ul,.supplies-cat-info .supplies-cat-sub + .supplies-cat-sub{padding-left: 12px; padding-right: 0;} .supplies-cat-info ul li,.supplies-cat-info .supplies-cat-sub li{margin-bottom: 12px;} .supplies-cat-info ul + div,.supplies-cat-info .supplies-cat-sub + div{ clear: both; margin-top: var(--small) !important; display: inline-block; width: 100%;} .industries-slider.carousel-slider{margin-top: -15px;} .industries-slider.carousel-slider .slick-slide, .industries-slider.carousel-slider .itams{padding-top: 15px;} .industries-slider.mobile{display: none;} .mfp-figure:after { left: -5%; top: 40px; bottom: 40px; width: 110%; box-shadow: none; background: #fff; } .image-source-link { color: #98C3D1; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .zoom-area > a { position: absolute; padding-bottom: 50px; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: calc(100% - 100px); margin: auto; display: flex; align-items: center; justify-content: center; } .lence { width: 175px; height: 175px; position: absolute; background-color: var(--white); box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.85), 0 0 6px 6px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); display: none; z-index: 99; } .product-compare{ display: flex; flex-wrap: nowrap; overflow: auto; position: relative; } .product-compare-items:not(.sticky-name){ flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 250px; min-width: 250px; } .product-compare-items ul{margin: 0; padding: 0;} .product-compare-items ul li{ background-color: var(--white); list-style: none; min-height: 60px; display: flex; align-items: center; justify-content: center; border-top: 0.5px solid var(--dark);} .product-compare-items.sticky-name{ top: 0; left: 0; position: sticky; min-width: 150px; z-index: 9; background-color: var(--white);} .product-compare-items.sticky-name ul li{font-weight: var(--bold); justify-content: end; border-top:none; padding-right: 24px;} .product-compare-items ul li.last-button{display: flex; flex-direction: column; border-top: 0; margin-top: var(--base);} .product-compare-items ul li.last-button a + a{margin-top: var(--medium);} .product-compare-table{ overflow: auto; position: relative; padding-bottom: var(--base); padding-top: var(--base); } .product-compare-table table tr th, .product-compare-table table tr td{ max-width: 243px; min-width: 243px;padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background-color: var(--white); list-style: none; height: 45px; vertical-align: middle; text-align: center; border-top: 0.5px solid var(--dark); } .product-compare-table table tr th:first-child, .product-compare-table table tr td:first-child{font-weight: var(--bold); top: 0; left: 0; padding-right: 24px; position: sticky; min-width: 150px; max-width: 150px; word-break: break-word; border-top:0; z-index: 9; text-align: right; background-color: var(--white); } .product-compare-table table tr.last-button td {border-top: 0; padding-top: var(--base);} .product-compare-table table tr.last-button td a + a{margin-top: var(--medium); margin-left: 0;} .product-compare-table table tr th{vertical-align: bottom; padding-bottom: 15px; border-top: 0; } .product-compare-table table tr th strong{display: block; margin-top: 15px; color: var(--primary-color); font-size: 18px; line-height: 1.35em; } .product-compare-checkbox{margin-bottom: 18px; text-align: right;} .product-compare-checkbox input[type=checkbox] + label{color: var(--primary-color);} .product-compare-checkbox input[type=checkbox] + label:hover{text-decoration: underline;} .section-filter .filter-counts{flex: 0 0 auto; line-height: 3;} .section-filter .filter-list{gap: 15px 24px; margin-left: 48px; max-height: 165px; overflow: auto; width: 100%;} .section-filter .filter-list .simplebar-content{gap: 15px 24px; display: flex; flex-wrap: wrap!important; align-items: center!important;} .section-filter .filter-list .simplebar-content:after, .simplebar-content:before{content: none;} .section-filter .filter-btn, .section-filter .custom-type-top-filter{ border-radius: 50px; padding: 10px 18px; height: 43px; font-size: 14px; text-transform: uppercase; font-weight: var(--bold); background-color: transparent; border: 2px solid var(--dark); color: var(--dark); display: inline-flex; align-items: center; justify-content: center; position: relative; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .section-filter .filter-btn .close, .section-filter .custom-type-top-filter .close{margin-left: 18px; display: flex;} .section-filter .filter-btn:hover .close svg path, .section-filter .custom-type-top-filter:hover .close svg path{stroke:var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .section-filter .filter-btn:hover, .section-filter .custom-type-top-filter:hover{background-color: var(--dark); color: var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .custom-filter-type-list {gap: 15px 24px; margin-left: 48px; max-height: 165px; overflow: auto; width: 100%;} /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .section-filter .filter-list{gap: 0; padding-left: 24px; margin: -15px 0 0;} .section-filter .filter-list > *{margin-left: 24px; margin-top: 15px;} } } .shortby .form-select{ position: relative; border:none; text-transform: uppercase; color: var(--primary-color); font-weight: var(--bold); cursor: pointer; background-size: 20px 18px; background-position: right center; border-bottom: 2px solid var(--primary-color); border-radius: 0; padding-left: 0; margin-left: 12px;} .shortby .form-select option:hover{background-color: var(--primary-color);} .shortby .form-select:before{ content: ''; position: absolute; bottom: 0; height: 2px; width: 100%; background-color: var(--primary-color);} .backtotop{display: flex; flex-wrap: wrap;} .backtotop svg{margin-left: 12px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .backtotop:hover{color: var(--primary-color);} .backtotop:hover svg{transform: translateY(-10px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .bg-card .card-img.support-icon-box { padding-top:82%; margin-bottom: 4px; } .product-footer-note {font-size: 12px; line-height: 15px;} .product-footer-note p{line-height: 15px; color: #212121;margin-bottom: 6px;} .product-footer-note .container{border-top: 1px solid var(--gray-color);} /*--- Bonfire 03-17-23 --*/ .product-footer-note.bg-light-gray{font-size: 12px; line-height: 15px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;} /*--- END --*/ .mfp-bg{z-index: 99999;} .mfp-wrap{z-index: 99999;} .vidyard-player-container .play-button:hover{background-color: var(--primary-color);} .navbarback{display: none;} .div-left{width: 220px;} .div-right{width: 220px; order: 2; text-align: right; display: none;} .div-center .pagination-footer ul{margin: 0;} .div-center .pagination-footer ul.blog-listing, .div-center .pagination-footer ul.pro-listing{padding: 0 60px; position: relative; gap: 0; margin-left: -5px; margin-right: -5px;} .div-center .pagination-footer ul.blog-listing li:first-child, .div-center .pagination-footer ul.pro-listing li:first-child{position: absolute; left: 0;} .div-center .pagination-footer ul.blog-listing li:last-child, .div-center .pagination-footer ul.pro-listing li:last-child{position: absolute; right: 0;} /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .div-center .pagination-footer ul.blog-listing{gap: 0; margin-left: -5px; margin-right: -5px;} .div-center .pagination-footer ul.blog-listing > *{padding-left: 5px; padding-right: 5px} } } .btn-prev,.btn-next {flex: 0 0 36px; font-size: 0; line-height: 0; display: block; width: 36px; height: 36px; border-radius: 50%; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: flex; align-items: center; justify-content: center; } .btn-prev:hover,.btn-prev:focus,.btn-next:hover,.btn-next:focus { color: transparent; outline: none; background: transparent; } .btn-prev:hover:before,.btn-prev:focus:before,.btn-next:hover:before,.btn-next:focus:before { opacity: 1; } .disabled .btn-prev:before,.disabled .btn-next:before { opacity: .5; } .disabled .btn-arrow{cursor: no-drop; background-color: #646464 !important;} .btn-prev.btn-disabled:before,.btn-next.btn-disabled:before { opacity: .5; } .btn-arrow.btn-disabled{cursor: no-drop; background-color: var(--gray-color);} .btn-prev::before{transform: rotate(180deg);} .btn-prev:before,.btn-next:before { opacity: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* PRIMARY COLOR */ .btn-prev:before,.btn-next:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 9.403 16.005'%3E%3Cg transform='translate(1.06 1.06)'%3E%3Cpath d='M3231.221,6387.188l7.594,6.913-7.594,6.973' transform='translate(-3231.221 -6387.188)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); } .btn-arrow { background-color: var(--primary-color); color: var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-arrow:not(.btn-disabled):hover,.btn-arrow:not(.btn-disabled):focus { background-color: var(--dark); color: var(--white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .pagination-footer{display: flex; flex-wrap: nowrap; justify-content: center;} .pagination-footer ul{list-style: none; display: flex; flex-wrap: wrap; margin: 0 30px; padding: 0; align-items: center;} .pagination-footer ul li{padding: 5px;} .pagination-footer ul li a{font-size: 18px; font-weight: var(--bold); color: var(--gray-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .pagination-footer ul li.active a,.pagination-footer ul li a.active,.pagination-footer ul li a:hover{color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .pagination-footer .btn-prev{ margin-right: 20px;} .pagination-footer .btn-next{ margin-left: 20px;} .dark-box {background-color: var(--dark); color: var(--white); padding: var(--xlarge); border-radius: 24px; margin-top: var(--xxlarge); } .dark-box .dark-box-inner{max-width: 1192px; margin: 0 auto;} .dark-box-title {position: relative;} .dark-box-title h3{margin-bottom: 8px;} .dark-box-icon {position: absolute;top: 5px;left: 0; width: 50px; } .dark-box-icon img { max-width: 50px; max-height: 50px; } .dark-box-title .dark-box-icon + .dark-box-content { padding-left: 80px; } .bg-light-gray.dark-box{background-color: var(--light-white); color: var(--dark);} .bg-light-gray.dark-box a:not(.btn){color: var(--dark);} .bg-light-gray.dark-box a:not(.btn):hover{color: var(--primary-color);} .header-search button{background-color: transparent; padding: 0; border: 0;} .searchBox .modal-dialog{max-width: calc(100% - 100px);} .searchBox .modal-dialog .modal-content{background-color: transparent; border: 0;} .searchBox .modal-dialog .modal-body{ text-align: center; max-width: 900px; margin: 0 auto;} .searchBox .modal-dialog .modal-body .modal-title{ color: #fff;} .searchBox .modal-dialog .modal-body .s-btn { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -12px; } .searchBox .modal-dialog .modal-body .s-btn .btn { margin: 6px 12px; } .searchBox .modal-dialog .modal-body .s-btn .btn + .btn { margin: 6px 12px; } .modal-backdrop{ background-color: var(--dark);} .modal-backdrop.show{opacity: 0.9;} .modal.modal-static .modal-dialog{transform: scale(1);} .searchBox .btn-close{ position: fixed; z-index: 99999; right: 72px; top: 64px; height: 30px; width: 30px; background-color: #fff; opacity: 1; border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18.618 18.618'%3E%3Cg data-name='Group 1883' transform='translate(-1797.288 -18.704)'%3E%3Cpath data-name='Path 599' d='M1798,19.411l17.2,17.2' fill='none' stroke='%230D2EA0' stroke-width='2'/%3E%3Cpath data-name='Path 600' d='M1798,19.411l17.2,17.2' transform='translate(1834.61 -1778.584) rotate(90)' fill='none' stroke='%230D2EA0' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .searchBox .btn-close:hover{background-color: var(--primary-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18.618 18.618'%3E%3Cg data-name='Group 1883' transform='translate(-1797.288 -18.704)'%3E%3Cpath data-name='Path 599' d='M1798,19.411l17.2,17.2' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath data-name='Path 600' d='M1798,19.411l17.2,17.2' transform='translate(1834.61 -1778.584) rotate(90)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .searchInput{ max-width: 645px; margin: var(--xlarge) auto; background: #fff; border-radius: 30px; padding: 13px 27px; border: 2px solid var(--dark); position: relative; } .searchInput .input-group { z-index: 9; } .searchInput .input-group .input-group-text{ font-size: 22px; padding: 0; background: transparent; border: 0; } .searchInput .input-group .input-group-text .icon-Search{ font-weight: 600;} .searchInput .input-group .form-control{ border: 0; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 20px;} .search-suggestion{ text-align: left; padding-left: 70px; padding-top: 50px; padding-bottom: 6px; display: none; position: absolute; background: #fff; z-index: 2; width: calc(100% + 4px); left: -2px; border-bottom: 2px solid var(--dark); border-left: 2px solid var(--dark); border-right: 2px solid var(--dark); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; top: 26px; } .search-suggestion ul{ list-style: none; margin: 0; padding: 0; height: 300px; margin-right: 20px; overflow: auto; } .search-suggestion ul li{margin-bottom: 12px;} .search-suggestion ul li a{color: var(--dark);} .search-suggestion ul li a:hover{color: var(--primary-color);} .header-top-space {height: 149px; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;display: none !important; } .zig-sec .vidyard-player-container .vidyard-lightbox-centering{padding-bottom: 70% !important;} .zig-sec .title ~ div{ margin-top: var(--xlarge) !important;} .zig-sec .mini-icon-title{margin-bottom: 12px;} .section-text-icon{border-top: 1px solid var(--dark); border-bottom: 1px solid var(--dark);} .section-text-icon [class^="col-"] { border-right: 1px solid var(--dark); } .section-text-icon [class^="col-"]:last-child { border-right: 0; } .card-icon-with-text{ max-width: 464px; margin: 0 auto;} .card-icon-with-text .card-button{ margin-top: 32px;} .card-icon-with-text.text-right{text-align: right !important;} .card-icon-with-text.text-left{text-align: left !important;} .mw-550{max-width: 550px;} .testimonial-card-icon .testimonial-card-inner{ background: var(--light-white); padding-top: 69%; position: relative; overflow: hidden; border-radius: 24px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .testimonial-card-icon .testimonial-card-inner > div{ padding: var(--large); position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; text-align: center; width: auto; margin: auto; display: flex; align-items: center; justify-content: center; } .testimonial-card-icon .testimonial-card-inner > div > img{ max-width: 80px; max-height: 80px; border-radius: 0;} .step-v2{text-align: center;} .step-v2 .step-icon { max-height: 66px; margin-bottom: 18px; } .step-v2 .step-icon img{ max-width: 140px; max-height: 66px; } .step-v2 h4{margin-bottom: 12px;} .step-v2 p{margin-bottom: 18px; max-width: 370px; margin-left: auto; margin-right: auto;} .section-step * + ol { margin: var(--large) 0 0 0;} .section-step ol {padding: 0 22% 0 0; counter-reset: my-awesome-counter; position: relative; } .section-step ol::before{content: ''; height: 100%; width: 2px; background-color: var(--gray-color); left: 22px; position: absolute;} .section-step ol > li { list-style: none; counter-increment: my-awesome-counter; margin-bottom: var(--xlarge); padding-left: 80px; position: relative; } .section-step ol > li > h5 { margin: 0 0 6px; } .section-step ol > li > h5::before { padding: 12px; content: counter(my-awesome-counter); background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--white); border-radius: 50%; position: absolute; top: -10px; left: -10px; font-weight: var(--bold); width: 66px; height: 66px; border: 10px solid var(--white); } .section-step ol > li:last-child::before { content: ''; background-color: var(--white); height: 100%; width: 60px; position: absolute; left: 0;} .section-step.step-small ol {padding: 0 15% 0 0; } .section-step.step-small ol > li > h5::before { padding: 4px; font-size: 16px; top: -8px; left: -4px; width: 40px; height: 40px; border: 5px solid var(--white); } .section-step.step-small ol > li { padding-left: 55px; margin-bottom: var(--large);} .section-step.step-small ol::before { left: 15px; } .section-step.step-small ol > li:last-child::before { width: 55px;} .section-step.step-small ol > li > ul > li{ list-style-type: lower-alpha;} .section-step.step-small ol > li ul{ margin-top: 12px;} .section-step.step-small ol > li > ul li{ margin-bottom: 12px;} .section-step.step-small ol > li img{ margin-top: 12px;} .faq-top-title + #accordion-s-v1{padding-top: 0;} .faq-top-title + #accordion-s-v1 hr{margin-top: var(--xlarge); margin-bottom: var(--xlarge);} .faq-top-title p{ max-width: 920px; margin: 0 auto; } .bg-light-gray .section-step ol > li > h5::before, .light-gray .section-step ol > li > h5::before{ border-color: var(--light-white); } .bg-light-gray .section-step ol > li:last-child::before, .light-gray .section-step ol > li:last-child::before{ background-color: var(--light-white); } .details-with-icon h4{margin-bottom: 12px;} .details-with-icon .left-icon{height: 48px; margin-bottom: var(--base);} .details-with-icon .left-icon img{max-height: 48px; margin-bottom: var(--base);} .card-icon{ display: flex; padding: var(--xlarge); background: var(--white); border-radius: 24px; height: 100%; box-shadow: 0 12px 24px rgb(33 33 33 / 16%); } .card-icon .icon-img{ flex: 0 0 50px; width: 50px; height: 50px; } .card-icon .icon-img img{ max-width: 50px; max-height: 50px;} .card-icon h4{margin-bottom: 12px;} .card-icon .round-checkmark{margin-top: 24px;} .text-inner img{margin-bottom: var(--base); margin-top: var(--base);} .text-inner h3{color: var(--primary-color);} .blog-bg-section .row [class^="col-"] + [class^="col-"]{text-align: left !important;} .software-slider-wrapper .slick-track{margin-left: 0;} .download-all-img img{max-height: 282px;} .partners-slider .slick-track{ display: flex;} .partners-slider .slick-list .slick-slide{ display: flex; height: auto; align-items: center; justify-content: center; } .partners-slider .partners-wrap{padding: 0 25px; text-align: center;} .partners-slider .partners-wrap img{ max-height: 95px; max-width: 100%; margin: 0 auto;} .partners-rounded { background-color: var(--light-white); padding: var(--xlarge) 0; } .partners-rounded .partners-slider{ margin-top: -24px; margin-bottom: -24px; } .partners-rounded .partners-slider .slick-list .slick-slide{ background: #fff; margin: 0 12px; padding-top: 6px; padding-bottom: 6px; border-radius: 12px; transform: translateY(0px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .partners-rounded .partners-slider .slick-list .slick-slide:hover{ box-shadow: 0 12px 18px rgba(0,0,0,.16)!important; transform: translateY(-4px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .partners-rounded .partners-slider .partners-wrap img { max-height: 70px; max-width: 100%; margin: 0 auto; } .partners-rounded .partners-slider ~ .slider-pagination{ margin-top: 24px; } .partners-rounded .partners-slider .slick-track { padding-top: 24px; padding-bottom: 24px; } /* Compare box Start */ .compare-box-head { padding: 18px 18px; text-align: center; border: 2px solid var(--primary-color); border-left: none; height: 54px; display: flex; justify-content: center; align-items: center; } .compare-box-head h5{margin-bottom: 0;} .compare-box-section > [class^="col-"]:first-child .compare-box-head { border-left: 2px solid var(--primary-color); border-top-left-radius: 24px; } .compare-box-section > [class^="col-"]:first-child .compare-box-head h5{ font-size: 22px;} .compare-box-section > [class^="col-"]:last-child .compare-box-head { border-top-right-radius: 24px; } .compare-box-details{ padding: 12px 18px; border-right: 1px solid var(--primary-color); border-left: 1px solid var(--primary-color); border-bottom: 2px solid var(--primary-color); text-align: center; } .compare-box-section > [class^="col-"]:first-child .compare-box-details {text-align: left; border-left: 2px solid var(--primary-color); } .compare-box-section > [class^="col-"]:last-child .compare-box-details {border-right: 2px solid var(--primary-color); } .compare-box-details ul{list-style: none; margin: 0; padding: 0;} .compare-box-details ul li{ padding-top: 6px; padding-bottom: 6px; min-height: 46px; display: flex; align-items: center; justify-content: center;} .compare-box-section > [class^="col-"]:first-child .compare-box-details ul li{justify-content: flex-start; font-weight: var(--bold);} .compare-box-section > [class^="col-"]:first-child .compare-box-details { border-bottom-left-radius: 24px; } .compare-box-section > [class^="col-"]:last-child .compare-box-details { border-bottom-right-radius: 24px; } .compare-box-section .compare-box.active-box { background-color: var(--primary-color); color: #fff; } .compare-box-section .compare-box.active-box .compare-box-head{position: relative; border-bottom-color: #fff; } .compare-box-section .compare-box.active-box .compare-box-head::before{ position: absolute; content: ''; width: calc( 100% + 4px); background-color: var(--primary-color); height: 30px; left: -2px; top: -30px; border-top-left-radius: 24px; border-top-right-radius: 24px; } .compare-box-section .compare-box.active-box .compare-box-head h5{ position: relative; bottom: 12px; } .compare-box-footer{ padding: 18px 18px; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff;} .compare-box-section .compare-box.active-box .compare-box-details { border-bottom-color: #fff } .compare-box-section .compare-box.active-box .compare-box-footer{ border-left: 1px solid var(--primary-color); border-right: 1px solid var(--primary-color); border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; } .compare-box-section .compare-box.active-box { border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; } .compare-box-details ul li div.box-info{ font-weight: var(--bold); margin-right: 6px; display: inline-block; } .compare-box-details ul li div.box-info:not(.dash-line)::after{ content: ":"; } .compare-box-details ul li div.box-info.dash-line{ width: 16px; height: 2px; background: var(--primary-color); display: block; } .compare-box-section .compare-box.active-box ul li div.box-info.dash-line{ background: var(--white); } .full-img{ position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; } .full-img::before{ position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; content: ''; background-color: rgba(33,33,33,.22); } .section-bg-full .section-right{position: relative; z-index: 9; min-height: 800px;} .icons-text-box.d-block {text-align: center; background-color: #F5F5F5; height: 100%; border-radius: 32px; padding: 48px;} .icons-text-box.d-block .icons-box {position: relative; left: 0; top: 0; margin: 0 auto 24px;} .icons-text-box.d-block .text-box {padding: 0 !important; max-width: 400px; margin: 0 auto;} .icons-text-box.d-block .text-box p {text-align: left;} .icons-text-box.d-block .btn-box.btn-wrapper {justify-content: space-between;} .mutibutton a + a{margin-top: 24px;} .section-dark .icons-text-box.d-block {background-color: transparent; padding: 0 var(--base);} .section-dark .icons-text-box.d-block .text-box p{text-align: center;} .contact-info .contact-col {border-right: 1px solid #212121;} .contact-info .contact-col:last-child {border: 0;} .contact-detail p a {text-decoration: underline;} .contact-detail p a:hover, .contact-detail p a:focus {text-decoration: none;} .contact-detail{padding-bottom: 18px;} .features-section.section-dark + .printer-solution.dark-sec{border-top:0;} .warranty-table-section .title{max-width:100%;} .warranty-table-section .table-dark tr td{width:16.6666666667%;padding: 10px 18px;border-color: #212121;line-height: 1.375;border-top:0;} .warranty-table-section .table-dark tbody tr td img{width:24px;} .warranty-table-section .table-dark tbody tr td:first-child{color:#212121; font-size:16px;font-weight: var(--bold);} .warranty-table-section .table-dark tbody tr td:first-child span{font-weight:400;display: block;} .warranty-table-section .table-dark tr td:not(:first-child){text-align:center;vertical-align:middle;} .warranty-table-section .table-dark tr td:nth-child(odd){background-color:#ffffff;} .warranty-table-section .table-dark tr td:nth-child(even){background-color:#F5F5F5;} .warranty-table-section .table-dark thead tr th{font-size:18px;text-transform:uppercase;color:#ffffff;padding: 18px 18px;line-height: 1.45;font-weight: var(--bold); border-bottom: 0;} .warranty-table-section .table-dark thead tr th:nth-child(2){color:#FF8200;} .warranty-table-section .table-dark thead tr th:nth-child(3){color:#FFB400;} .warranty-table-section .table-dark thead tr th:nth-child(4){color:#00A9E0;} .warranty-table-section .table-dark thead tr th:nth-child(5){color:#44DF8A;} .warranty-table-section .table-dark thead tr th:nth-child(6){color:#FD1B44;} .warranty-table-section .table-dark thead tr th:not(:first-child){text-align:center; vertical-align: middle;} .warranty-table-section .service-feature-table .table-dark tbody tr:nth-child(1) td:not(:first-child){font-size:16px;color:#212121;} .warranty-table-section .models-coverd-table, .warranty-table-section .coverage-table{margin-top:70px;} .safty-box .safty-box-img{border-radius: var(--base); overflow: hidden;} .safty-box .safty-box-download{margin-top: var(--base); text-align: center;} .safty-color-box{ padding: var(--small); background: var(--dark); color: #fff; border-radius: 12px; } .safty-color-box h6{ margin-bottom: 2px; } .safty-color-box.black_on_white{ padding: var(--small); background: var(--dark); color: #fff; border-radius: 12px; } .safty-color-box.black_on_yellow{ background: #EDF000; color: var(--dark);} .safty-color-box.black_on_orange{ background: #FF8200; color: var(--dark);} .safty-color-box.white_on_blue{ background: #0C71C3; color: var(--white);} .safty-color-box.white_on_red{ background: #FD1B44; color: var(--white);} .safty-color-box.black_on_white_border{ background: transparent; border: 2px solid var(--dark); color: var(--dark);} .safty-color-box.black_on_clear{ background: rgb(204,204,204); background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); border: 2px solid var(--dark); color: var(--dark);} .resorce-template .solution-content h4{margin-bottom: 6px !important;} .prd-collapse [data-bs-toggle="collapse"]{font-weight: var(--bold); position: relative; color: var(--dark); padding-right: 24px; /* padding-right: var(--base);*/ margin-bottom: var(--xsmall);} .prd-collapse [data-bs-toggle="collapse"]:not(.collapsed){ color: var(--primary-color);} .prd-collapse [data-bs-toggle="collapse"]::after { content: ''; width: 14px; height: 8px; opacity: 1; position: absolute; top: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='8.382' height='4.827' viewBox='0 0 16.382 9.827'%3e%3cg transform='translate(14.969 1.413) rotate(90)'%3e%3cpath d='M3231.221,6387.189l7.414,6.749-7.414,6.807' transform='translate(-3231.221 -6387.189)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-size: cover; margin-left: 10px; transform: translateY(-50%); right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .prd-collapse [data-bs-toggle="collapse"]:not(.collapsed):after { transform: translateY(-50%) rotate(-180deg); filter: invert(17%) sepia(14%) saturate(5925%) hue-rotate(224deg) brightness(87%) contrast(108%); /* background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16.382' height='9.827' viewBox='0 0 16.382 9.827'%3e%3cg transform='translate(14.969 1.413) rotate(90)'%3e%3cpath d='M3231.221,6387.189l7.414,6.749-7.414,6.807' transform='translate(-3231.221 -6387.189)' fill='none' stroke='%230d2ea0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e"); */ } .f-image-details > .row + .row {margin-top: var(--xlarge);} .bg-card .card-img.support-icon-box.r50{padding-top: 50%;} .pro-info {margin-bottom: var(--xlarge); padding-bottom: var(--xlarge); border-bottom: 2px solid var(--dark);} /***Rakesh **/ .pagination-footer ul li.disabled .btn-arrow {background-color: #646464 !important;} body.logged-in.admin-bar header .navbar .dropdown-menu.megamenu .mh-container .row.pull-left {width: 100%;} /*.pagination-footer ul li a {color: #646464;}*/ .step-col-space-small.section-step ol {padding: 0 0% 0 0;} .row-align-items-center .row, .dark-bg.row-align-items-center .row {align-items: center;} .row-align-items-center .row .mt-xlarge p, .dark-bg.row-align-items-center .row .mt-xlarge p {margin-bottom: 25px;} .cli-alert-dialog-buttons button {font-size: 14px !important;} .cli-alert-dialog-content {font-size: 16px;} .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {font-size: 14px !important;} .wt-cli-cookie-description table.cookielawinfo-winter {font-family: 'Roboto', sans-serif;color: var(--dark);} #cookie-law-info-bar .cli-bar-container .cli-bar-message a {color: #fff;text-decoration: underline;} #cookie-law-info-bar .cli-bar-container .cli-bar-message a:hover {text-decoration: none !important;} .cli-tab-footer .wt-cli-privacy-accept-btn, .cli-switch input:checked + .cli-slider {background-color: var(--primary-color);} .cli-bar-popup .cli-tab-container .cli-alert-dialog-buttons button.cli-ccpa-button-confirm {background-color: var(--primary-color);border-color: var(--primary-color);} .cli-bar-popup .cli-tab-container .cli-alert-dialog-buttons button.cli-ccpa-button-cancel {border-color: var(--primary-color);color: var(--primary-color);} .cli-bar-popup .cli-tab-container .cli-alert-dialog-buttons button {transition: all ease 0.3s;} .cli-alert-dialog-content, .cli-alert-dialog-buttons {text-align: center;} .cli-tab-footer .wt-cli-privacy-accept-btn {border-radius: 50px;padding: 10px 28px;font-weight: var(--bold);transition: all ease 0.3s;} .cli-tab-footer .wt-cli-privacy-accept-btn:hover {background-color: var(--yellow-color);color: var(--dark);} .cli-bar-popup .cli-tab-container .cli-alert-dialog-buttons button:hover {background-color: var(--yellow-color);color: var(--dark);border-color: var(--yellow-color);} .arrow-center li:first-child{position: relative; padding-right: 80px;} .arrow-center li:last-child{position: relative; padding-left: 20px;} .arrow-center li:first-child::before{ content: ''; position: absolute; width: 80px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80.688' height='9.636' viewBox='0 0 80.688 9.636'%3E%3Cg id='left-arrow' transform='translate(-1058.763 1.059)'%3E%3Cpath id='Path_101' data-name='Path 101' d='M3231.221,6387.188l4.227,3.743-4.227,3.775' transform='translate(-2096.746 -6387.188)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_102' data-name='Path 102' d='M3219.165,6396.545h78.4' transform='translate(-2159.651 -6392.786)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); left: calc(100% - 75px); top: 50%; background-size: contain; background-repeat: no-repeat; background-position: center center; transform: translateY(-50%); } @media (max-width: 991px){ .step-col-space-small.section-step .pr-xxlarge {padding-right: 0 !important;} } /***/ @media (min-width: 768px){ .compare-box-section .compare-box.active-box .compare-box-head h5{ font-size: 22px;} .compare-box-details ul li div.box-info{ display: none; } } @media (min-width: 991px){ .list-icon li a:hover{color: var(--primary-color); background: var(--light-white); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .navbar .dropdown-menu.megamenu .mh-container{ max-height: calc(100vh - 245px); } .navbar .dropdown-menu.megamenu .mh-container .row.pull-left .sub-mh{ max-height: calc(100vh - 365px); overflow: auto;} .section-bg-full .section-left{padding-right: 25%;} body.logged-in.admin-bar header .navbar .dropdown-menu.megamenu .mh-container {height: calc(100vh - 245px);} } @media (min-width: 1366px){ .section-padding-280 { padding-top: 180px; padding-bottom: 180px; } header .nav-menu ul.navbar-nav { margin: 0 -4px !important; } header .nav-menu ul.navbar-nav li.nav-item{ margin-left: 16px; margin-right: 16px; } .compare-box-section .compare-box.active-box .compare-box-head h5{ font-size: 24px;} } @media (min-width: 1550px){ .hero.hero-sub{min-height: 905px;} .hero.hero-sub-min, .hero.hero-sub-filter{min-height: 667px; padding-bottom: 96px;} .hero.hero-sub-filter .hero-details .hero-button{margin-top: 36px;} .product-section{padding-bottom: 214px;} .product-right-info { margin-left: 130px; } .product-right-info .btn-space .btn + .btn{ margin-left: 0;} .product-right-info .btn-space .btn{margin-right: 54px; } .product-right-info .btn-space .btn:last-child{margin-right: 0; } .btn-space-between {margin-top: -24px;} .btn-space-between > * {margin-top: 24px;} .product-background{position: relative; min-height: 466px; padding-top: 120px;} .hero:not(.hero-sub) h1, .interactive-hero h1{ font-size: 56px;} .section-padding-280{padding-top: 280px; padding-bottom: 280px;} .section-up-198{margin-top: 198px; margin-bottom: 198px;} .product-row.row{max-width: 94%; margin: 0 auto;} .padding-left{padding-left: 180px;} .product-compare-table{ margin-left: -150px; max-width: calc(1440px - 150px); } .reliably-slider{max-width: 460px;} .hero.interactive-hero {min-height: calc( 900px - 150px);} } @media (max-width: 1549.98px){ .section-contact .contact-details{ max-width: calc(1320px / 2); } .hero {padding: 150px 0; min-height: calc( 900px - 240px);} .hero:not(.hero-sub){ padding-bottom: 0; margin-bottom: 96px; } .navbar .megamenu .row.pull-left { margin-left:0; padding: 36px 0; margin-right: 0px; } .link-list.boxview ul { padding: 24px;} .right-img { margin-left: 26px; } .list-icon li a { height: 70px; padding: 12px 20px;} .link-tab .nav { padding-right: 38px; } footer .footer-social ul li { margin-right: 18px; } header nav.navbar .nav-menu { align-self: center; margin-left: 6px; } header .search-section .search-box { width: calc(100% - 200px);} .section-contact [class^="col-"] > div.contact-details { margin-left: 10%;} .section-contact .contact-details { max-width: calc(1260px / 2); } } @media (max-width: 1399.98px){ :root{ --xsmall:6px; --small:12px; --medium:16px; --base:18px; --large:24px; --xlarge:36px; --xxlarge:48px; --xxxlarge:96px; } html,body{ font-size: 16px; line-height: 1.35em; } .h1,h1{ font-size: 40px; line-height: 1.35em;} .h2,h2{ font-size: 28px; line-height: 1.35em;} .h3,h3{ font-size: 24px; line-height: 1.35em;} h4{ font-size: 20px; line-height: 1.35em;} h5{ font-size: 16px; line-height: 1.35em;} h6{ font-size: 16px; line-height: 1.35em;} p{line-height: 1.35em;} .container{padding-left: 12px; padding-right: 12px;} .navbar .megamenu .row.pull-left { margin-left:0; padding: 36px 0; margin-right: 0px; } .link-tab .nav { padding-right: 28px; } .link-tab { flex: 0 0 320px; width: 320px; } .list-icon li a { height: 60px; padding: 10px 20px; } .right-img { margin-left: 14px; } .right-img .card-img { padding: 18px; height: 250px; } .right-img .card-img img { max-height: 60%; max-width: 80%; } .link-list.boxview ul li { margin-bottom: 18px; } .title { margin-bottom: 18px; } .custom-tab-1 { padding-top: 18px; } .hero h1 { font-size: 40px;} .hero h1 br{display: none;} .product-section .product-card { padding: 64px 12px 32px; border-radius: 26px;} .product-section .product-card .product-button.product-button-right { padding: 0 20px; } .feature-left { padding: 5px 20px; top: 26px;} .product-section .product-card .product-img { min-height: 300px; } .card .card-detail { padding: 20px;} .card h5 { font-size: 18px; } .section-testimonial { min-height: 520px; } .testimonial-details .testimonial-info { font-size: 26px; margin-bottom: 26px;} .testimonial-details .testimonial-author span.author-name{font-size: 20px;} .card-featured .featured-details { padding: 28px; } .card-featured .featured-details p { margin-bottom: 16px; font-size: 18px;} .custom-tab-1 .custom-tabList .nav-item .nav-link { padding: 10px 20px; } .product-right-info{margin-left: 10px;} .custom-tab-border ul.nav-tabs .nav-item .nav-link{font-size: 18px;} .custom-tab-border-content .tab-pane{padding-top: 34px;} .Product-detail-thumbnail .slick-slide > div{height: 80px; width: 100%;} .accordion-style .accordion-item .accordion-button{padding: 24px;} .table-style tr td:first-child { width: 35%; font-size: 20px; } .section-contact [class^="col-"] > div.contact-details { margin-left: 5%; padding-right: 5%; } .product-box .product-info { padding: 14px 0px 14px 0px; } .pagination-footer ul li a { font-size: 16px;} .Product-detail-thumbnail .slick-slide > div{border-radius: 18px;} .Product-detail-slider .slick-list .slick-slide{ min-height: 400px;} .mega-bottom .m-icon{height: 25px; width: 25px;} .icons-text-box.d-block { border-radius: 32px; padding: 36px;} .product-box .product-info { padding: 16px 0px 12px 0px; } } @media (max-width: 1299.98px){ .h2,h2{ font-size: 26px; line-height: 1.35em;} .round-checkmark-1.two-col ul, .round-checkmark.two-col{column-count: 1;} .section-contact .contact-details{ max-width: calc(1140px / 2); } .product-box .product-info .product-details { padding-bottom: 24px;} .icons-text-box.d-block .icons-box { margin: 0 auto 18px;} .header-search button{height: 21px;} } @media (max-width: 1199.98px){ :root{ --base:16px; --xxxlarge:72px; } html,body{ font-size: 14px; } .h1,h1{ font-size: 36px;} .section-breadcrumb .breadcrumb .breadcrumb-item{font-size: 14px;} header nav.navbar > .container > .row > [class^="col-"] { padding-top: 25px; padding-bottom: 25px; } header .nav-menu ul.navbar-nav li.nav-item{ margin-left: 8px; margin-right: 8px;} header .nav-menu ul.navbar-nav li.nav-item > a { padding: 12px 16px; font-size: 16px; } header .header-right { padding-left: 22px !important; padding-right: 22px !important; margin-left: 12px; } header .header-right .header-search [class^="icon-"] { font-size: 18px; } header .logo{max-width: 120px;} header nav.navbar .nav-menu { margin-left: 16px; } header .search-section .search-box { width: calc(100% - 165px); padding-right: 0; } .list-icon li a > span{width: 50px; font-size: 28px;} .list-icon li a > span img{max-width: 50px; max-height: 30px; filter: invert(12%) sepia(6%) saturate(22%) hue-rotate(330deg) brightness(91%) contrast(96%);} .hero h1 { font-size: 36px; } .hero:not(.hero-sub) p{font-size: 16px;} .hero:not(.hero-sub) h1 { margin-bottom: 18px; } .hero .hero-bottam-img{max-width: 500px;} .link-list.boxview ul { padding: 26px;} .link-list-space { padding-left: 24px; margin-top: 9px; } .link-list { margin-right: 20px; } .link-list.three-col ul li { flex: 0 0 50%; width: 50%; } .link-list.two-col ul li { flex: 0 0 100%; width: 100%; } .link-tab .nav-link { position: relative; margin-top: 6px;} .right-img { margin-left: 14px; } .list-icon { margin-left: 0; margin-right: 0; padding: 0; } .list-icon li a { height: 50px; padding: 10px 15px; } .mega-bottom ul li a { font-size: 16px;} .hero { padding: 100px 0; min-height: 450px; } .hero:not(.hero-sub){ padding-bottom: 0; margin-bottom: 80px; } .btn.btn-small { border-radius: 50px; padding: 5px 20px; min-height: 40px; } .btn.btn-small:hover { padding-left: 10px; padding-right: 30px;} .btn.btn-small:hover:after { right: 10px; opacity: 1; } .section-contact .contact-details{ max-width: calc(960px / 2); } .card-featured .featured-details { padding: 20px; } .card-featured .featured-details p { font-size: 16px; } .product-background h3.h-title{font-size: 26px; } footer .footer-info h4 { margin-bottom: 18px; } footer .footer-logo img{max-width: 130px;} footer .footer-social ul li { margin-right: 13px; } footer .footer-social ul li svg{ max-width: 25px; } .custom-tab-1 .custom-tabList .nav-item .nav-link { margin-bottom: 10px; margin-left: 5px; margin-right: 5px; } .section-testimonial { min-height: 420px; } .testimonial-details .testimonial-info { font-size: 20px; margin-bottom: 20px; } .testimonial-details .testimonial-info::before { background-size: 30px; } .custom-tab-border ul.nav-tabs .nav-item .nav-link{ font-size: 16px;} .accordion-style {margin-top: -20px;} .accordion-style .accordion-item .accordion-button{padding: 20px; } .table-style tr td:first-child {font-size: 18px; } .product-background .sub-title span[class^="icon-"]{font-size: 24px;} .product-background .sub-title img{max-width: 24px; max-height: 24px;} .bg-card .card-img > div > img { max-width: 50%; max-height: 50%; } .section-filter .filter-list{margin-left: 28px; gap: 12px; padding-bottom: 12px;} @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .section-filter .filter-list{gap: 0; padding-left: 14px; margin-top: -12px;} .section-filter .filter-list > *{margin-left: 12px; margin-top: 12px;} } } .section-filter .filter-btn { padding: 8px 16px; border-width: 2px; height: 35px; font-size: 14px;} .filter-counts,.shortby,.shortby select,.section-filter .filter-list a {font-size: 14px;} .shortby .form-select { background-size: 14px 18px; } .section-filter .filter-counts { flex: 0 0 auto; line-height: initial; margin-bottom: 12px; display: block; } .shortby{float: right;} .zig-sec .vidyard-player-container .vidyard-lightbox-centering { padding-bottom: 90% !important; } .pro-bg-card .card-img{padding-top: 60%; } .product-compare-table table tr th img { max-width: 140px; max-height: 80px; } .step-v2 p br{display: none;} .product-box .product-info .product-details { padding-bottom: 18px;} .round-checkmark-1 ul li::before, .round-checkmark li::before{height: 20px; width: 20px;} .card-details.round-checkmark-1 ul { margin-top: 6px; } .cannabis-hero-banner:before{width:100%;} .warranty-table-section .table-dark thead tr th{padding: 18px 10px;font-size: 16px;} .warranty-table-section .table-dark tr td{padding: 10px 10px;} .warranty-table-section .table-dark tbody tr td:first-child, .warranty-table-section .service-feature-table .table-dark tbody tr:nth-child(1) td:not(:first-child){font-size:14px;} .linkbutton .btn { margin: 0px 8px 18px; } .linkbutton { margin-left: -8px; } #compare_model .title ~ .text-center{margin-top: var(--small);} .section-bg-full .section-right { min-height: auto; } } @media (min-width: 992px){ header .megamenu .tab-content>.tab-pane { display: none !important; } header .megamenu .tab-content>.active { display: block !important; } header .tab_drawer_heading{display: none;} } @media (max-width: 991.98px){ :root{ --xlarge:32px; --xxlarge:48px; --xxxlarge:60px; } html,body{ font-size: 14px; } body.menu-open { overflow: hidden; position: relative; } body.menu-open .uwy{ z-index: 9; } body.menu-open::before{ position: absolute; content: ''; background-color: rgba(50, 48, 48, 0.60); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .h1,h1{ font-size: 28px;} .h2,h2{ font-size: 24px;} .h3,h3{ font-size: 22px;} h4{ font-size: 20px;} h5{ font-size: 16px;} h6{ font-size: 14px;} .mobile-close{display: block;} .product-section .product-card .product-img { min-height: 250px; } .btn:not(.btn-icon-solid,.btn-icon-solid,.btn-icon,.btn-light-icon-solid,.btn-light-icon) { min-height: 45px;} .btn {font-size: 14px;} .btn:not(.btn-icon-solid,.btn-icon-solid,.btn-icon,.btn-light-icon-solid,.btn-light-icon) { padding: 10px 28px !important;} .btn:not(.btn-icon-solid,.btn-icon-solid,.btn-icon,.btn-light-icon-solid,.btn-light-icon):hover { padding-left: 16px !important; padding-right: 40px !important;} .btn:hover:after { right: 16px; } .btn.btn-small{ border-radius: 50px; padding: 10px 20px !important; min-height: 40px;} .btn + .btn { margin-left: 12px;} .hero .hero-details .hero-button .btn ~ .btn{margin-left: 12px;} .btn-space-between .btn + .btn { margin-left: 0px } .product-right-info .btn-space .btn{margin-right: 12px; } .product-right-info .btn-space .btn:last-child{margin-right: 0; } .btn.btn-small:hover { padding-left: 10px !important; padding-right: 30px !important; } .hero { padding: 80px 0px; } .hero:not(.hero-sub){ padding-bottom: 0; margin-bottom: 80px; } .hero:not(.hero-sub) h1 { margin-bottom: 18px; } .hero:before{width: 100%;} .hero .hero-details .hero-button { margin-top: 24px; flex-direction: column; row-gap: 24px; } /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .hero .hero-details .hero-button { row-gap:0;} .hero .hero-details .hero-button > .btn + .btn { margin-top:24px; } } } .hero .hero-details .hero-button .btn ~ .btn { margin-left: 0; } .hero .hero-bottam-img { max-width: 480px; margin-left: auto; margin-right: auto; } .hero p.sub-title img{max-width: 46%;} .hero p{font-size: 16px;} .section-contact .contact-details{ max-width: calc(720px / 2); } .section-contact [class^="col-"] > div.contact-details { margin-left: 28px; padding-left: 50px; padding-right: 15px; } .section-contact [class^="col-"]:first-child > div{margin-left: auto;} .section-contact .contact-details h2 .icon { left: -50px;} footer .footer-info .footer-logo{position: unset;} header .nav-menu .menu-footer{padding-top: 36px; margin-top: 36px; position: relative;} header .nav-menu .menu-footer::before{position: absolute; content: ''; top:0; height: 1px; width: calc(100% - 60px); left: 30px; background-color: #CCCCCC;} header .nav-menu .menu-footer ul.navbar-nav li.nav-item > a, header .nav-menu ul.navbar-nav li.nav-item.has-megamenu > a {position: relative; padding: 14px 15px; margin-bottom: 5px; margin-left: 15px; margin-right: 15px; } header .nav-menu ul.navbar-nav li.nav-item.has-megamenu > a::after { content: ''; width: 16px; height: 10px; opacity: 1; position: absolute; top: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16.382' height='9.827' viewBox='0 0 16.382 9.827'%3e%3cg transform='translate(14.969 1.413) rotate(90)'%3e%3cpath d='M3231.221,6387.189l7.414,6.749-7.414,6.807' transform='translate(-3231.221 -6387.189)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-size: cover; margin-left: 10px; transform: translateY(-50%) rotate(-90deg); right: 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } header .nav-menu ul.navbar-nav li.nav-item.has-megamenu > a:hover::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16.382' height='9.827' viewBox='0 0 16.382 9.827'%3e%3cg transform='translate(14.969 1.413) rotate(90)'%3e%3cpath d='M3231.221,6387.189l7.414,6.749-7.414,6.807' transform='translate(-3231.221 -6387.189)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e"); } header .nav-menu{ position: fixed; overflow: auto; z-index: 9999999; max-width: 500px; left: -100%; right: 0px; background: rgb(255, 255, 255); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); top: 0; height: 100vh; border-left: 12px solid var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } header .nav-menu.open{ left: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} header .nav-menu .navbar-collapse{display: block;} header .nav-menu ul.navbar-nav{margin: 0 auto; } header .nav-menu ul.navbar-nav li.nav-item:last-child { margin-left: 0; } header nav.navbar .nav-menu { margin-left: 0; padding: 0 !important; } header nav.navbar .nav-menu .row { margin-right: -30px; margin-left: -30px; } header nav.navbar .nav-menu .row>*{padding-right: 30px; padding-left: 30px; background-color: #fff;} .mega-bottom { display: none; } .mobile-header{display: none;} header .megamenu .tab-content>.active { display: none; } header .nav-menu ul.navbar-nav.open-sub-menu .dropdown > a{opacity: 0; visibility: hidden;} header nav.navbar .nav-menu .megamenu .link-list.three-col ul li{flex: 0 0 100%; width: 100%;} .header-search button{height: 25px;} .tab_drawer_heading{ position: relative; color: var(--dark) !important; text-align: left; padding: 10px 0 !important; margin-top: 6px; font-weight: var(--bold); } .tab_drawer_heading.d_active{background: transparent;} .tab_drawer_heading.d_active{ color: var(--primary-color) !important;} .tab_drawer_heading::after { content: ''; width: 16px; height: 10px; opacity: 1; position: absolute; top: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16.382' height='9.827' viewBox='0 0 16.382 9.827'%3e%3cg transform='translate(14.969 1.413) rotate(90)'%3e%3cpath d='M3231.221,6387.189l7.414,6.749-7.414,6.807' transform='translate(-3231.221 -6387.189)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-size: cover; margin-left: 10px; transform: translateY(-50%); right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tab_drawer_heading.d_active::after { transform: translateY(-50%) rotate(-180deg); filter: invert(17%) sepia(14%) saturate(5925%) hue-rotate(224deg) brightness(87%) contrast(108%);} .navbar-toggler{ display:flex; flex-direction:row; flex-wrap: wrap; width:25px; padding: 0; cursor:pointer; border: 0; } .navbar-toggler span{ flex: 0 0 100%; background: var(--primary-color); border-radius:10px; height:3px; margin: 3px 0; transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6); } .navbar-toggler span:nth-of-type(1){ width:100%; } .navbar-toggler span:nth-of-type(2){ width:100%; } .navbar-toggler span:nth-of-type(3){ width:100%; } .navbar-toggler:not(.collapsed) span:nth-of-type(1){ transform-origin:bottom; transform:rotatez(45deg) translate(6px,6px) } .navbar-toggler:not(.collapsed) span:nth-of-type(2){ transform-origin:top; transform:rotatez(-45deg) } .navbar-toggler:not(.collapsed) span:nth-of-type(3){ transform-origin:bottom; width:0%; opacity: 0; } .m-nav-link {margin-top: var(--base); display: block;} .m-nav-link .m-btn-link{ display: block; font-size: 16px; color: var(--dark) !important; text-align: left; padding: 10px 0 !important; margin-top: 6px; margin-bottom: 12px; font-weight: var(--bold); position: relative; } .m-nav-link .m-btn-link::after { position: absolute; top: 50%; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 13.884 9.593'%3E%3Cg transform='translate(-1125.499 -2450.855)'%3E%3Cpath d='M3231.221,6387.188l4.31,3.722-4.31,3.755' transform='translate(-2096.898 -3935.275)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3219.165,6396.545h11.59' transform='translate(-2092.917 -3940.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 1; background-color: var(--primary-color); color: var(--white); font-size: 0; line-height: 0; height: 24px; width: 24px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 10px; transform: translateY(-50%); right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .section-step ol{padding: 0;} header .navbar-toggler:focus{outline: none; box-shadow: none;} header .search-section { z-index: 99; } header .search-section .search-box { width: 100%; padding-right: 0; } header .search-section .search-box .form-search .form-control { height: 45px;} header .search-section .search-box .btn-search { cursor: pointer; flex: 0 0 75px;} header .search-section .search-box .form-search { padding-top: 8px; padding-bottom: 8px; padding-left: 0; border-left: 0; } header .link-tab:not(.nohide) { display: none; } .navbar .megamenu .row.pull-left { margin-left: 0; margin-right: 0; padding: 0; margin-top: 0px; margin-bottom: 0px; border-radius: 20px; } /*background: var(--light-white); margin-top: 20px; margin-bottom: 20px;*/ .navbar .megamenu .container { max-width: 100%; padding-left: 0; padding-right: 0;} .navbar-nav .dropdown-menu { position: absolute; top: 60px; display: block; padding-top: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height: calc(100vh - 60px); height: calc(var(--vh, 1vh) * 100 - 60px); overflow: auto; left: auto; right: 100%;} .navbar-nav .dropdown-menu.show { right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navbar-nav .dropdown-menu > div { height: 100%;} header .nav-menu ul.navbar-nav li.nav-item { display: inline-block; margin-left: 0px; margin-right: 0px; } .section-breadcrumb { padding: 12px 0; display: none;} .section-breadcrumb .breadcrumb .breadcrumb-item .icon-Home { font-size: 18px; } .section-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item { padding-right: 12px; } .section-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before { margin-right: 12px;} .product-section .product-card .product-button.product-button-right{text-align: center; margin-top: 12px;} .title .title-sub-details{font-size: 16px;} .link-tab { border-right: 0; flex: 0 0 100%; width: 100%; } .list-icon { margin-left: 0; margin-right: 0; } .list-icon li a { height: 48px; padding: 12px 0px; margin-bottom: 6px; border-radius: 12px; } .link-tab .nav { padding-right: 0px; } .link-tab .nav-link { padding: 8px 0 !important; margin-top: 8px; } .list-icon li a > span { width: 70px; font-size: 30px; } .v-custom-tab .row [class^="col-"] { border-right: 0; } .link-list { margin-left: 15px; margin-right: 15px; } .link-list.boxview{ margin-left: 0; margin-right: 0; margin-top: 24px; } .link-list.boxview .box-title { margin-top: 25px; margin-bottom: 20px; } .link-list.boxview ul { padding: 24px; display: flex; flex-wrap: wrap; } .link-list.boxview ul li { margin-bottom: 14px; flex: 0 0 50%; width: 50%; } .link-list-space { padding-left: 0; margin-top: 0; margin-right: 0; margin-left: 0 !important; } .link-list-space h4{font-size: 16px;} .list-icon li a > span img{ max-width: 45px; max-height: 25px;} footer .footer-info .footer-logo { padding: 0 12px;} .round-checkmark-1.two-col ul, .round-checkmark.two-col{ margin-right: 0; margin-left: 0; column-count: 1;} .round-checkmark-1.two-col ul li, .round-checkmark.two-col li{padding-left: 30px; width: 100%;} .round-checkmark-1 ul li, .round-checkmark li{padding-left: 30px; min-height: 30px;} .round-checkmark-1 ul, .round-checkmark{padding-top: 6px; margin-top: 6px;} .round-checkmark-1.two-col ul li::before, .round-checkmark.two-col li::before{left: 0;} .round-checkmark-1 ul li::before, .round-checkmark li::before{ height: 20px; width: 20px; } .product-section .product-card { min-height: 480px; max-width: 420px; margin: 0 auto;} .Product-detail-slider .slick-list .slick-slide { min-height: 300px;} .Product-detail-slider .slick-list .slick-slide > div{padding-left: 0; padding-right: 0; padding-top: 0;} .Product-detail-thumbnail .slick-arrow{flex: 0 0 30px; height: 30px; width: 30px;} .Product-detail-thumbnail .slick-arrow::before{font-size: 16px;} .Product-detail-thumbnail .slick-slide{padding: 0 6px;} .Product-detail-thumbnail .slick-slide > div{height: 12vw; margin: 0 auto; width: auto;} .Product-detail-slider .slick-list .slick-slide > div .video svg{ width: 60px; height: 60px; } .Product-detail-thumbnail{padding: 0 50px;} .zoom-area{padding-bottom: 20px;} .product-right-info { margin-left: 0px; } .table-style tr td:first-child {font-size: 14px; } .lence {display: none !important;} .table>:not(caption)>*>*{ padding-top: 14px; padding-bottom: 14px;} .accordion-style {margin-top: -12px;} .accordion-style .accordion-item .accordion-button{padding: 12px 0; font-size: 16px;} .accordion-style .accordion-body{padding-left: 0; padding-right: 0;} .accordion-style .accordion-button::after{width: 24px; height: 24px; background-size: 12px; background-position: center 7px; top: calc(50% - 12px);} .product-cat-info{padding:24px 24px 0 24px;} .product-cat-info ul, .product-cat-info .product-cat-sub{font-size: 16px;} .supplies-cat-info ul, .supplies-cat-info .supplies-cat-sub{font-size: 16px; width: 100%; padding-right: 0; line-height: 1.3; margin-bottom: 0; } .supplies-cat-info ul + ul, .supplies-cat-info .supplies-cat-sub + .supplies-cat-sub { padding-left: 0; padding-right: 0; } .product-background h3.h-title{font-size: 22px; } .slider-pagination.pagination-number .slick-dots li button { font-size: 16px;} .product-compare-table table tr th{padding-bottom: 24px;} .product-compare-table table tr th img{ max-width: 100px; max-height: 50px;} .product-compare-table table tr th strong{ margin-top: 12px; font-size: 16px} .product-compare-table table tr th, .product-compare-table table tr td{ max-width: 224px; min-width: 224px; height: 40px; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; } .product-compare-table table tr th:first-child, .product-compare-table table tr td:first-child{ font-size: 12px; padding-right: 12px; min-width: 90px; } .product-compare-table table tr td .btn{ font-size: 12px;} .section-filter .filter-list, .section-filter .custom-filter-type-list{margin-left: 0; gap: 8px; max-height: 95px;} @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .section-filter .filter-list, .section-filter .custom-filter-type-list{gap: 0; padding-left: 0; margin-top: -8px;} .section-filter .filter-list > *, .section-filter .custom-filter-type-list > *{margin-left: 8px; margin-top: 8px;} } } .section-filter .filter-btn .close , .section-filter .custom-type-top-filter .close{ margin-left: 12px;} .section-filter .filter-btn .close svg, .section-filter .custom-type-top-filter .close svg{width: 10px; height: 10px;} .section-filter .filter-list a, .section-filter .custom-filter-type-list a { font-size: 11px; border-width: 2px; padding: 6px 12px; height: auto; } .header-top-alert .row > [class^="col-"]::before{content: none;} .pagination-footer .btn-prev{ margin-right: 24px;} .pagination-footer .btn-next{ margin-left: 24px;} .pagination-footer ul{ margin: 0 24px;} .pagination-footer ul li a { font-size: 14px;} .div-center{width: 100%; order: 0;} .div-left{order: 1; width: 100%;} .div-left .backtotop { display: flex; flex-wrap: wrap; justify-content: center; } .div-right{order: 2; text-align: right; width: auto;} .dark-box-icon {position: absolute;top: 5px;left: 0; width: 40px; } .dark-box-icon img { max-width: 40px; max-height: 40px; } .dark-box-title .dark-box-icon + .dark-box-content { padding-left: 60px; } .searchBox .modal-dialog { max-width: 100%; } .searchBox .btn-close { right: 20px; top: 20px; width: 25px; height: 25px;} .Product-detail-slider .slick-list .slick-slide > div.videosection { width: 450px; } .slick-dots { margin: 0 18px !important;} .header-top-alert.alert-dismissible .btn-close{margin-right: 0;} .zig-sec .vidyard-player-container .vidyard-lightbox-centering { padding-bottom: 50% !important; } .product-ziczac .pro-bg-card .card-img { padding-top: 40%;} .testimonial-card-icon .testimonial-card-inner{padding-top: 50%; border-radius: 18px;} .bg-primary.contact-container > div { max-width: 90%; } .section-contact .bg-primary.contact-container > div [class^="col-"] > div { margin-left: 8%; } .three-col{margin-bottom: 30px !important; margin-top: 18px !important; margin-left: 0;} .card-featured:hover{box-shadow: none!important; transform: translateY(0px);} .filter-short + div{ margin-top: -20px; } .download-all-img img{max-height: 150px;} .compare-box-details { padding: 12px 18px; } .icons-text-box.d-block { border-radius: 24px; padding: 24px;} .warranty-table-section .table-dark thead tr th{padding: 18px 8px;font-size: 12px;} .warranty-table-section .table-dark tr td{padding: 10px 8px;} .warranty-table-section .table-dark tbody tr td:first-child, .warranty-table-section .service-feature-table .table-dark tbody tr:nth-child(1) td:not(:first-child){font-size:12px;} .warranty-table-section .models-coverd-table, .warranty-table-section .coverage-table {margin-top: 30px;} .link-list { margin-top: 28px; } .linkbutton .btn { margin: 0px 4px 12px !important; } .linkbutton { margin-left: -4px; } #vidyard-popbox { width: 80% !important; } .two-colume .solution-content.solution-content-full .btn{margin-top: 0;} #cookie-law-info-bar .cli-bar-container .cli-bar-message, #cookie-notice .cookie-notice-container .cn-text-container {max-width: 100% !important;width: 100%;} #cookie-law-info-bar .cli-bar-container .cli-bar-btn_container {margin: 7px 0 0 0 !important;} .arrow-center li:first-child::before{width: 50px; left: calc(100% - 35px);} .arrow-center li:first-child { padding-right: 40px; } .arrow-center li:last-child { padding-left: 15px; } } @media (max-width: 767.98px){ .h1,h1{ font-size: 26px;} .h2,h2{ font-size: 24px;} .h3,h3{ font-size: 22px;} :root{ --xlarge:28px; --xxlarge:48px; } .container { max-width: calc( 100% - 40px); } .hero:before{background-image: none; background-color: rgba(0, 0, 0, 0.5);} .hero .hero-details{text-align: center;} .hero.hero-sub{min-height: auto;} .hero p{margin: 0 auto;} .br-32{border-radius: 24px;} .title { margin-bottom: 6px; } header .nav-menu ul.navbar-nav {margin: 0px auto; } header nav.navbar > .container > .row > [class^="col-"] { padding-top: 20px; padding-bottom: 20px; } header .header-right { padding-left: 15px !important; padding-right: 15px !important; margin-left: 12px; } header .header-ada img{width: 70px;} header .mobile-header{display: none;} header .megamenu .v-custom-tab .tab-pane { opacity: 1; border-bottom: 1px solid var(--dark);} header .link-tab:not(.nohide){display: none;} .section-breadcrumb { padding: 10px 0;} .list-icon{margin-bottom: 12px;} .list-icon li a { padding: 5px 0px ; margin-bottom: 3px ; border-radius: 12px ; } .list-icon li a > span { width: 45px ; font-size: 25px; text-align: center; } .list-icon li a > span.icon-PJ-7 { font-size: 8px; } .navbar .megamenu .row.pull-left { padding: 0; margin-top: 0px; margin-bottom: 0px; border-radius: 0px; } header .nav-menu ul.navbar-nav li.nav-item > a { margin-left: 15px; margin-right: 15px; padding-left: 15px; padding-right: 15px; border-radius: 12px; } .custom-tab { flex-direction: column; padding-top: 0; } .custom-tab .custom-tab-title { font-size: 16px; margin-right: 0; margin-bottom: 12px; } .link-list.boxview ul li { flex: 0 0 100%; width: 100%; margin-bottom: 12px; } .link-list { margin-left: 0px ; margin-right: 0px ; } .link-list.boxview .box-title{font-size: 16px; margin-bottom: 12px; margin-top: 12px;} .link-list{margin-bottom: 12px; margin-top: 0;} .link-tab { border-right: 0; flex: 0 0 100%; width: 100%; } .link-list.link-list-md-space ul li{margin-bottom: 12px;} .link-list.two-col ul li{flex: 0 0 100%; width: 100%;} .link-list.three-col ul li{ flex: 0 0 100%; width: 100%;} .link-list h4{margin-bottom: 12px; font-size: 16px;} .link-list ul li{margin-bottom: 10px;} .btnSeeAll { position: unset; width: 100%; text-align: center; margin-top: 18px; } .industries-slider.mobile{display: block;} .industries-slider.desktop{display: none;} .section-contact [class^="col-"] { border-bottom: 1px solid var(--gray-color); border-right: none; } .section-contact [class^="col-"]:last-child { border-bottom: 0; } .section-contact .contact-details { max-width: 540px; } .section-contact .container-fluid > .row > [class^="col-"] { padding: 0 20px; } .section-text-icon [class^="col-"] { border-bottom:1px solid var(--dark); border-right: 0; } .section-text-icon [class^="col-"]:last-child {border-bottom:0; border-right: 0; } .card-icon-with-text {padding-top: 36px !important; padding-bottom: 36px !important;} .card-icon-with-text .card-button{ margin-top: 18px;} .card-icon-with-text .card-icon-image img{ max-width: 50px; height: 30px;} .section-contact [class^="col-"] > div.contact-details { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; text-align: center; } .section-contact .contact-details h2{display: flex; flex-direction: column; justify-content: center; align-items: center;} .section-contact .contact-details h2 .icon{position:unset; transform: unset; margin-bottom: 18px;} .header-top-alert{text-align: center; padding-right: 1rem !important;} .header-top-alert .row > [class^="col-"]::before{content: none;} .hero .hero-bottam-img { max-width: 380px;} .hero:not(.hero-sub) { margin-bottom: 70px; } .hero h1 { font-size: 30px; } .hero p.sub-title{flex-direction: column; align-items: center; row-gap: 6px;} .hero p.sub-title img{margin-bottom: 12px;} .hero p.sub-title img, .hero p.sub-title .icon { margin-right: 0; margin-bottom: 6px; } .custom-tab-border ul.nav-tabs{display: block;} .custom-tab-border ul.nav-tabs .nav-item .nav-link{padding-top: 10px; padding-bottom: 10px;} .custom-tab-border ul.nav-tabs .nav-item{padding: 0;} .home-top-slider.row{margin-top: 30px;} .home-top-slider.row>*{padding: 0;} .home-top-slider .slick-slide{padding-left: 15px; padding-right: 15px;} .section-testimonial { min-height: 320px; } .product-section .slick-track { display: flex;} .product-section .slick-track .slick-slide { height:inherit; } .product-section .slick-track .product-card { min-height: 100%; } .product-section .product-card .product-img { min-height: 200px; margin-top: 18px; margin-bottom: 18px; } .product-section .product-card .btn{font-size: 0;} .product-section .slick-active .product-card .btn::after{font-size: 16px;} .product-section .product-view-all { margin-top: 30px; text-align: center; } .Product-detail-thumbnail{padding: 0;} .Product-detail-thumbnail .slick-slide > div{height: 17vw;} .Product-detail-thumbnail .slick-slide > div.video:after{background-size: 30px;} .product-right-info{margin-top: 12px;} .product-background:before{width: 100%;} .table-style{width: 100%;} .bg-card .card-img {padding-top: 50%; border-radius: 12px;} .product-ziczac .pro-bg-card .card-img { border-radius: 24px; padding-top: 50%;} .product-ziczac .product-cat-info{padding: 24px 12px 0;} .product-compare-table table tr th, .product-compare-table table tr td{ border-top: 0.7px solid var(--dark); } .product-compare-table table tr th:first-child, .product-compare-table table tr td:first-child{ border-top:0; } .product-compare-table table tr.last-button td {border-top: 0; } .product-compare-table table tr th{ border-top: 0; } .product-section .product-card h2, .product-section .product-card h3 { text-align: center; font-size: 20px; } .product-section .product-card.product-bg-img{display: none;} .industries-slider.carousel-slider { margin-left: -6px; margin-right: -6px; } .industries-slider .slick-slide { display: flex; flex-direction: column; gap: 7px;} .card .card-detail { padding: 18px 15px; flex-direction: column; gap: 18px; } .card h5 { font-size: 16px; } .table>:not(caption)>*>* { border-bottom-width: 1px; border-top-width: 1px;} .testimonial-details .testimonial-info{text-align: center;} .testimonial-details .testimonial-info p{text-align: center;} .testimonial-details .testimonial-info::before{ content: ''; position: unset; transform: none; display: inline-block; } footer .footer-copyright{text-align: center;} footer .footer-copyright span.copyright { margin-right: 0; display: block; margin-bottom: 6px; } footer .footer-copyright a + a { margin-left: 12px; } .btn-prev, .btn-next{transform: scale(0.8);} .bg-card .card-details .equalDiv{height: auto !important;} #downloadsSupport .bg-card{max-width: 450px; margin: 0 auto;} .testimonial-card-icon .testimonial-card-inner{max-width: 320px; margin: 0 auto;} .section-contact .bg-primary.contact-container > div [class^="col-"] > div { margin-left: 0%; padding-top: 32px; padding-bottom: 32px;} .section-contact .bg-primary.contact-container [class^="col-"]:last-child > div {padding-bottom: 0;} .section-contact .bg-primary.contact-container [class^="col-"]:first-child > div {padding-top: 0;} .bg-primary.contact-container .sub-title .icon { font-size: 24px;} .compare-box-section .compare-box.active-box .compare-box-head::before{ content: none;} .compare-box-section .compare-box.active-box .compare-box-head h5{ position: unset; } .compare-box-section .compare-box .compare-box-head h5{font-size: 18px; } .compare-box-section .compare-box{border-radius: 24px;} .compare-box-head{border-top-left-radius: 24px; border-top-right-radius:24px ; border-left: 2px solid var(--primary-color); } .compare-box-details{ padding-left: 15px; padding-right: 15px; border-left: 2px solid var(--primary-color); border-bottom-left-radius: 24px; border-bottom-right-radius:24px ;} .compare-box-section .compare-box.active-box .compare-box-details{ border-bottom-left-radius: 0; border-bottom-right-radius:0; } .compare-box-details ul li { display: flex; text-align: left; justify-content: flex-start;} .compare-box-section .compare-box{max-width: 420px; margin: 0 auto;} .compare-box-details ul li div.box-info:not(.dash-line) { font-weight: var(--bold); margin-bottom: 6px; display: inline-block; flex: 0 0 50%; text-align: start; padding-right: 12px; } .icons-text-box.d-block {max-width: 450px; margin: 0 auto; } .contact-info .contact-col {border-right: 0;border-bottom: 1px solid #212121;padding-bottom: 15px; margin-bottom: 15px;} .warranty-table-section .table-dark tr td:first-child{min-width:150px;} .warranty-table-section .table-dark tr td:not(:first-child){min-width:115px;} #vidyard-popbox { width: 100% !important; } .arrow-center li:first-child::before { width: 40px; left: calc(100% - 15px); } } @media (max-width: 579.98px){ :root{ --xlarge:24px; --xxlarge:36px; --xxxlarge:60px; } .container,.container-fluid {max-width: 100%; padding-left: 15px; padding-right: 15px; } .row>* { padding-right: 15px; padding-left: 15px;} .row { margin-right: -15px; margin-left: -15px; } .btn + .btn { margin-left: 12px } .btn-space-between .btn + .btn { margin-left: 0px } .product-right-info .btn-space .btn{margin-right: 12px; } .product-right-info .btn-space .btn:last-child{margin-right: 0; } .industries-slider.carousel-slider .itams {padding-top: 8px;padding-left: 8px;padding-right: 8px;} header .logo { max-width: 90px; } .product-background h3.title br{display: none;} .custom-tab-1 ul.custom-tabList { display: block; } .custom-tab-1 .custom-tabList .nav-item .nav-link { margin-left: auto; margin-right: auto; max-width: 320px; width: 100%; } .section-contact .container-fluid > .row > [class^="col-"] { padding: 0 15px; } .card .card-detail { padding: 18px 6px; } .Product-detail-thumbnail .slick-slide > div{height: 20vw; border-radius: 12px;} .Product-detail-thumbnail .slick-slide > div.video:after{background-size: 25px;} .product-compare-table table tr th{padding-bottom: 18px;} .product-compare-table table tr th, .product-compare-table table tr td{ max-width: 170px; min-width: 170px; } .product-compare-table table tr td .btn{ font-size: 10px; padding-left: 10px !important; padding-right: 10px !important;} .video-podcast-strip.header-top-alert .row > [class^="col-"] {flex: 0 0 100%;width: 100%;} .header-top-alert.video-podcast-strip .row > [class^="col-"]:first-child + div { padding-left:15px; } .video-podcast-strip.header-top-alert .row > [class^="col-"]::before { display: none; } .product-ziczac .product-cat-info ul, .product-ziczac .product-cat-info .product-cat-sub{column-count: 1;} .details-with-icon{text-align: center;} .Product-detail-slider .slick-list .slick-slide > div.videosection{ width: 320px;} .Product-detail-slider .slick-list .slick-slide > div.videosection .vidyard-player-container, .Product-detail-slider .slick-list .slick-slide > div.videosection .vidyard-lightbox-centering{ border-radius: 18px; } .testimonial-card-icon .testimonial-card-inner{padding-top: 40%;} .eq-sm .equalDiv{height: auto !important;} .arrow-center li:first-child::before { width: 40px; left: calc(100% - 33px); } } /* Interactive Landing Page CSS Start ------------------------*/ .interactive-hero {background-color: var(--primary-color); margin: 0px !important; overflow: hidden; background-image: none !important;} .interactive-hero:before{background: linear-gradient(90deg, rgba(33,33,33,1) 0%, rgba(255,255,255,1) 90%);width: 100%;z-index: 1;} .interactive-hero img.bg-img {display: block !important; position: absolute; right: -210px; bottom: 30px; -webkit-animation: card-shift 10s ease-in-out infinite; animation: card-shift 12s ease-in-out infinite;} .interactive-hero .banner-img {position: absolute;right: -210px;bottom: 30px;} .interactive-hero h1{margin-top: 24px;margin-bottom: 16px;} .explore-streamlined-section{padding-top: 115px;padding-bottom: 145px;} .explore-streamlined-section h2{margin-bottom: 24px;} .explore-streamlined-section .content{padding: 0 0px calc(var(--xxlarge) - 20px);text-align: center;margin: 0px 80px;} .explore-streamlined-img{position: relative;} .explore-streamlined-popup {position: absolute; right: 28.3%; top: 24%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: rgba(255, 255, 255, 1); border-radius: 50%;} .explore-streamlined-popup .popup-arrow{position: relative;display: flex;align-items: center;justify-content: center;color: var(--red-color);z-index: 1;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} .explore-streamlined-popup .left-arrow { margin-top: 0px; margin-left: -6px;} .explore-streamlined-popup .right-arrow {transform: rotate(180deg);margin-top: -4.1px;margin-left: 6px;} .explore-streamlined-popup:hover .left-arrow {transform: rotate(180deg);margin-top: 1px;margin-left: -11px;} .explore-streamlined-popup:hover .right-arrow {transform: rotate(0deg);margin-left: 12px;margin-top: 0px;} .explore-streamlined-popup .circle-1 {position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background: rgba(255, 255, 255, 1);box-shadow: 0px 13px 32px rgb(0 0 0 / 65%);width: 84px;height: 84px;border-radius: 999px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;opacity: 0.47;} .explore-streamlined-popup .circle-2 {position: absolute;left: 11px;right: 11px;top: 11px;bottom: 11px;width: 62px;height: 62px;background: rgba(255, 255, 255, 1);box-shadow: 0px 13px 32px rgb(0 0 0 / 65%);border-radius: 999px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;opacity: 0.47;} .explore-streamlined-popup .circle-3 {position: absolute;left: 18px;right: 18px;top: 18px;bottom: 18px;width: 48px;height: 48px;background: rgba(255, 255, 255, 1);box-shadow: 0px 13px 32px rgb(0 0 0 / 65%);border-radius: 999px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;opacity: 0.87;} .explore-streamlined-popup:hover .circle-1{transform: scale(1.1905);} .explore-streamlined-popup:hover .circle-2{transform: scale(0.9677);} .explore-streamlined-popup:hover { transform: scale(1.1); } .explore-streamlined-popup:before,.explore-streamlined-popup:after, .circles { position: absolute; content: ''; height: 100%; width: 100%; top: 0%; left: 0%; border-radius: 50%; background:rgba(255, 255, 255, 0.5); box-shadow: 0px 13px 32px rgb(0 0 0 / 65%); animation: glow-grow 5s ease-out infinite; } .explore-streamlined-popup:after { animation-delay: .8s; box-shadow:0px 13px 32px rgb(0 0 0 / 65%); } .circles{ animation-delay: 2s; } @keyframes glow-grow { 0% { opacity: 0; transform: scale(1); box-shadow:0px 13px 32px rgb(0 0 0 / 65%); } 50%{ transform: scale(1.75); } 80% { opacity: .8; } 100% { transform: scale(1.25); opacity: 0; box-shadow:0px 13px 32px rgb(0 0 0 / 65%); } } .manufacturing-row .explore-streamlined-popup {right: 47.5%;top: 38.4%;} /*.manufacturing-row .explore-streamlined-popup .popup-arrow{color: var(--orange-color);}*/ .research-row .content,.manufacturing-row .content{padding: 24px;display: flex;justify-content: center;flex-direction: column;margin: 0px;text-align: left;} .research-row .content,.manufacturing-row .content{height: 100%;position: relative;z-index: 1;} .research-row .content,.research-row .explore-streamlined-img{max-height: 532px;} .manufacturing-row .content,.manufacturing-row .explore-streamlined-img{max-height: 606px;} .safety-parts-tracking-section{padding: 82px 0px 58px;background-color: var(--dark);} .safety-parts-tracking-section .content{margin-top: 24px;padding: 24px;position: relative;z-index: 1;color: var(--white);} .safety-parts-tracking-section .explore-streamlined-img{max-height: 482px;z-index: 1;} .safety-column .explore-streamlined-img{top: 123px; z-index: 1;} .safety-column .explore-streamlined-popup {right: 36.3%;top: 28%;} .parts-column .explore-streamlined-popup {right: 44%;top: 51%;} .tracking-column .explore-streamlined-img{top: 14px;} .tracking-column .explore-streamlined-popup {right: 45%;top: 50%;z-index: 1;} .interactive-modal .modal-xl {max-width: 1150px;padding: 0px 30px;} .interactive-modal .modal-content{border-radius: 24px;background-color: transparent;border: none;} .interactive-modal .modal-body{padding: 0px; border-radius: 24px;} .interactive-modal .label-section{padding: 48px;background-color: var(--dark);color: var(--white);border: none;} .interactive-modal .label-section h2{margin-bottom: 0px;font-size: 26px;} .interactive-modal .label-section .box h6{margin-bottom: 12px;margin-top: 24px;font-size: 16px;color: #F5F5F5;font-weight: 700;} .interactive-modal .get-touch-section{padding: 64px;background-color: var(--white);} .interactive-modal .get-touch-section h2{margin-bottom: 12px;font-size: 30px;} .interactive-modal .get-touch-section h5{margin-bottom: 0px;font-size: 18px;} .interactive-modal .get-touch-section p{margin-bottom: 2rem;font-size: 16px;line-height: 22px;} .interactive-modal .get-touch-section .btn{margin-top: 12px;margin-right: 12px;margin-left: 0px !important;} .quality-warehouse-section{padding-top: 135px;padding-bottom: 45px;} .quality-row .content,.warehouse-row .content{padding: 24px;display: flex;justify-content: center;flex-direction: column;margin: 0px;text-align: left;} .quality-row .content,.warehouse-row .content{height: 100%;position: relative;z-index: 1;} .quality-row .content,.warehouse-row .content,.quality-row .explore-streamlined-img,.warehouse-row .explore-streamlined-img{max-height: 624px;} .quality-row .explore-streamlined-popup {right: 46.3%;top: 44%;} .warehouse-row .explore-streamlined-popup {right: 37%;top: 50%;} .revolutionize-section{background-color: var(--primary-color);padding: var(--xxlarge) 0px;color: var(--white);} .quality-row .explore-streamlined-img {z-index: 1;} .quality-warehouse-section > .container > .row {display: none;} .quality-warehouse-section .explore-streamlined-img > img {position: relative;z-index: 1;} /*09-03-23*/ .trigger-img { opacity: 0; visibility: hidden; transition: 0.5s; } .trigger-img.active{ opacity: 1; visibility: visible; } .strip-line { position: absolute; overflow: hidden; width: 0; transition: 1.8s ease-out; } .strip-line-left-toright { left: 38%; top: 77%; } .strip-line-left-toright.active { width: 80%; } .strip-line-left-toright svg { width: 580px; height: 440px; display: inline-block; } .path-corner-right { right: -88px; top: 60%; text-align: right; width: auto; height: 0px; z-index: 1; } .path-corner-right.active { height: 130%; } .safety-parts-tracking-section { position: relative; } .safety-union { width: auto; height: 0; left: 220px; top: -82px; } .safety-union.active { height: 100%; } .tracking-column .explore-streamlined-img img { position: relative; z-index: 1; } .safety-union-path-corner { width: auto; height: 0; right: -340px; top: 43%; } .safety-parts-tracking-section .container { position: relative; overflow: visible; } .safety-union-path-corner.active { opacity: 1; visibility: visible; height: 100%; } .strip-line-left-toright.quality-warehouse-line { top: 75%; left: 36%; transform: rotate(1deg); z-index: 1; } .trigger-img-03, .trigger-img-04 { position: relative; z-index: 1; } .trigger-img.active + .explore-streamlined-popup { opacity: 1; visibility: visible; z-index: 2; } .interactive-hero .banner-img > img { -webkit-animation: card-shift 10s ease-in-out infinite; animation: card-shift 12s ease-in-out infinite; } @keyframes card-shift { 0% { -webkit-transform:translate(0px, 0px); transform: translate(0px, 0px); } 25% { -webkit-transform:translate(10px, 10px); transform: translate(10px, 10px); } 75% { -webkit-transform:translate(-10px, 10px); transform: translate(-10px, 10px); } to { -webkit-transform:translate(0px, 0px); transform: translate(0px, 0px); } } .strip-line-mobile { display:none; } /*--- Bonfire 03-17-23 - Removed bold weight --*/ .safety-parts-tracking-section .content h4 { text-transform: capitalize; } /*--- END --*/ .co-workers-section .product-slider { position: relative; } .co-workers-section .product-slider > .slick-slider { margin-bottom: 60px; padding: 0 48px; } .co-workers-section .product-slider .slick-arrow { background-color: var(--yellow-color); color: var(--dark); position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 5; } .co-workers-section .product-slider .slick-arrow:hover { background-color: var(--dark); color: var(--white); } .co-workers-section .product-slider .slick-arrow.slick-prev { left: 0; } .co-workers-section .product-slider .slick-arrow.slick-next { right: 0; } .co-workers-section .carousel-style .slick-dots li.slick-active button:before, .co-workers-section .carousel-style .slick-dots li:hover button:before { background-color: var(--yellow-color); } .interactive-modal .get-touch-section .btns > .btn { text-transform: uppercase; font-size: 14px; border-width: 2px; } .giftpopu { position: absolute; width: 40px; height: 50px; left: 70px; top: 120px; cursor: pointer; z-index: 11; } .gift-row { padding: 32px; background-color: var(--white); display: flex; flex-wrap: wrap; } .gift-img-col { flex: 0 0 35%; width: 35%; text-align: center; background: -webkit-linear-gradient(132.14deg, #212121 29.83%, #FD1B44 120.71%); background: linear-gradient(132.14deg, #212121 29.83%, #FD1B44 120.71%); border-radius: 18px; min-height: 580px; display: inline-flex; justify-content: center; align-items: center; } .gift-content-col { flex: 0 0 65%; width: 65%; padding-left: 48px; } /*--- Bonfire 03-17-23 - Removed bold weight --*/ .gift-header h1 { font-size: 48px; line-height: 54px; } .gift-form .gform_heading { display: none; } .gift-form { margin-top: 35px; } /* -- Bonfire removed bold .gift-form .gform_wrapper.gravity-theme .gfield_label { font-size: 18px !important; font-weight: bold !important; }*/ .gift-form .gform_wrapper.gravity-theme .gfield_required > .gfield_required { color: #FD1B44 !important; padding-left: 0 !important; } /*.gift-form .gform_wrapper.gravity-theme .gfield_no_follows_desc { display: none; }*/ .gift-form .gform_wrapper.gravity-theme .gform_footer { margin-top: 16px; justify-content: flex-end; } @media (min-width: 992.98px){ .interactive-modal .label-section .boxes {max-height: 650px;} } @media (min-width: 767.98px){ .research-row .boxes .box:nth-child(3), .manufacturing-row .boxes .box:nth-child(2){margin-bottom: 0px;} .interactive-modal .label-section .boxes {column-count: 4;column-gap: 24px; max-height: 510px;} .interactive-modal .label-section .box {display: grid;grid-template-rows: 1fr auto;break-inside: avoid;} #researchModal .label-section .boxes {max-height: 340px;} #partsModal .label-section .boxes {max-height: 280px;} #trackingModal .label-section .boxes {max-height: 220px;} #qualityModal .label-section .boxes {max-height: 300px;} #warehouseModal .label-section .boxes {max-height: 510px;} #safetyModal .label-section .boxes {max-height: 580px;} } @media (min-width: 992.98px){ #manufacturingModal .label-section .boxes {max-height: 650px;} #researchModal .label-section .boxes {max-height: 340px;} } /*@media (max-width: 1699.98px){ .safety-union-path-corner { right: -200px;top: 42%;} }*/ @media (max-width: 1549.98px){ .strip-line-left-toright {top: 70%;} .path-corner-right {top: 56%;} .safety-union {top: -82px; left: 150px;} .safety-union-path-corner {top: 40%;} .safety-parts-tracking-section .explore-streamlined-img {max-height: 432px;} .quality-row .explore-streamlined-img, .warehouse-row .explore-streamlined-img {max-height: 564px;} .strip-line-left-toright.quality-warehouse-line {top: 74%; left: 36%; transform: rotate(0deg);} .giftpopu {left: 60px;top: 105px;} } @media (max-width: 1399.98px){ .manufacturing-row .content, .manufacturing-row .explore-streamlined-img {max-height: 586px;} .research-row .content, .research-row .explore-streamlined-img {max-height: 500px;} .safety-parts-tracking-section .explore-streamlined-img {max-height: 400px;} .quality-row .explore-streamlined-img, .warehouse-row .explore-streamlined-img {max-height: 528px;} .path-corner-right {top: 50%;right: -130px;} .explore-streamlined-section {padding-top: 100px; padding-bottom: 100px;} .safety-union-path-corner {top: 39%;} .gift-header h1 {font-size: 40px;} } @media (max-width: 1299.98px){ .safety-parts-tracking-section .explore-streamlined-img {max-height: 370px;} .safety-column .explore-streamlined-img {top: 97px;} .manufacturing-row .content, .manufacturing-row .explore-streamlined-img {max-height: 496px;} .research-row .content, .research-row .explore-streamlined-img {max-height: 430px;} .safety-union {top: -152px;} .quality-warehouse-section {padding-top: 45px;} .safety-union-path-corner {right: -360px;top: 33%;} .quality-row .explore-streamlined-img, .warehouse-row .explore-streamlined-img {max-height: 455px;} .explore-streamlined-section {padding-bottom: 120px;} .path-corner-right.active {height: 140%;} .path-corner-right {top: 43%;right: -130px;} .path-corner-right svg {position: relative; overflow: hidden; min-width: 1180px; max-width: 1180px;} .giftpopu {left: 50px;top: 85px;} } @media (max-width: 1199.98px){ .safety-parts-tracking-section .explore-streamlined-img {max-height: 320px; min-height: 320px;} .tracking-column .explore-streamlined-img {top: 48px;} .safety-parts-tracking-section .parts-column .explore-streamlined-img {top: 30px;} .research-row .content, .research-row .explore-streamlined-img {max-height: 335px;} .manufacturing-row .content, .manufacturing-row .explore-streamlined-img {max-height: 426px;} .path-corner-right {top: 40%; right: -26%;} .safety-union {top: -172px; left: 50px;} .safety-union-path-corner {top: 32%; right: -340px;} .quality-row .explore-streamlined-img, .warehouse-row .explore-streamlined-img {max-height: 357px;} .quality-warehouse-section .warehouse-row .content {min-height: 555px;} .safety-column .explore-streamlined-popup {top: 27%;} .parts-column .explore-streamlined-popup {right: 41%;top: 51%;} .tracking-column .explore-streamlined-popup {right: 42%;top: 45%;} .quality-row .content {min-height: 420px;} .warehouse-row .explore-streamlined-img {top: -50px;} .quality-warehouse-section .warehouse-row .content {min-height: 350px;} .safety-parts-tracking-section {padding: 0 0px 35px;} .explore-streamlined-section {padding-bottom: 140px;} .path-corner-right.active {height: 143%;} .co-workers-section .product-slider > .slick-slider {padding: 0 36px;} .gift-header h1 {font-size: 36px;} .gift-img-col img {width: 90%;} .gift-img-col {min-height: 540px;} .giftpopu {left: 40px;top: 70px;} } @media (max-width: 991.98px){ .safety-parts-tracking-section .explore-streamlined-img {max-height: initial; min-height: auto; text-align: center; margin-bottom: -80px;} .safety-column .explore-streamlined-img {top: 0px;} .safety-parts-tracking-section .content {padding: 15px;} .co-workers-section .printer-slider.slick-dotted.slick-slider {margin-left: 0;margin-right: 0;} .path-corner-right-top {top: 55.3%;left: 57%;} .path-corner-right-top svg { width: 600px;height: auto;display: inline-block;} .path-corner-right-top.active {width: 80%;} .research-row .content, .research-row .explore-streamlined-img {max-height: 500px;} .research-row {padding-top: 50px;} .manufacturing-row {padding: 50px 0 0;} .explore-streamlined-section {padding-bottom: 100px;} .safety-parts-tracking-section {padding: 140px 0px 140px;overflow: hidden;} .quality-row .content {min-height: auto;max-height: initial;} .quality-row .explore-streamlined-img, .warehouse-row .explore-streamlined-img {max-height: 400px;} .warehouse-row .explore-streamlined-img {top: 0;} .quality-row .explore-streamlined-popup {top: 40%;} .warehouse-row .explore-streamlined-popup {right: 36%;} .parts-column .explore-streamlined-popup {right: 0; left: 0; margin: 0 auto;top: 40%;} .tracking-column .explore-streamlined-img {top: 0;margin-top: 50px;} .explore-streamlined-section [class*="col-"], .safety-parts-tracking-section [class*="col-"], .quality-warehouse-section [class*="col-"] {width: 100%; flex: 0 0 100%;} .explore-streamlined-section .offset-md-2 {margin-left: 0;} .research-row .content, .manufacturing-row .content, .quality-warehouse-section .content {max-height: initial; background: rgba(255, 255, 255, 0.7); box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 16px;} .manufacturing-row {margin-top: 65px;} .manufacturing-row > .row, .warehouse-row > .row {flex-flow: column-reverse;} .manufacturing-row .explore-streamlined-img {max-height: 560px;} .path-corner-right.strip-line, .safety-union-path-corner {display: none;} .safety-parts-tracking-section .parts-column .explore-streamlined-img {top: 0; margin-top: 50px;} .tracking-column .explore-streamlined-popup {top: 37%; right: 0; margin: 0 auto; left: 0;} .safety-column .explore-streamlined-popup {top: 30%; left: 0; right: 0; margin: 0 auto;} .quality-warehouse-section {padding-top: 140px;padding-bottom: 140px;} .quality-row .explore-streamlined-img {max-height: 540px;} .warehouse-row .explore-streamlined-img {max-height: 480px;} .quality-warehouse-section .warehouse-row .content {min-height: auto;} .warehouse-row {margin-top: 100px;} .strip-line-left-toright.quality-warehouse-line, .strip-line-left-toright {display: none;} .strip-line-mobile {display: block;} .path-corner-right-01 {top: -30%; right: -50%; text-align: right; height: 0; z-index: -1; width: 100%;} .path-corner-right-01.active, .path-corner-right-02.active, .path-corner-right-03.active, .path-corner-right-04.active, .path-corner-right-05.active, .path-corner-right-06.active, .path-corner-right-07.active, .path-corner-right-08.active, .path-corner-right-09.active, .path-corner-right-10.active, .path-corner-right-11.active {height: 100%;} .path-corner-right-02 {right: -66%;top: 56%;height: 0;width: 100%;} .path-corner-right-03 {top: -33%; right: -45%; text-align: right; z-index: -1; width: 100%; height: 0;} .path-corner-right-02 svg, .path-corner-right-05 svg, .path-corner-right-06 svg, .path-corner-right-09 svg, .path-corner-right-10 svg {width: 640px; height: auto; display: inline-block;} .path-corner-right-01 svg, .path-corner-right-03 svg, .path-corner-right-04 svg, .path-corner-right-07 svg, .path-corner-right-08 svg, .path-corner-right-11 svg {width: 600px; height: auto; display: inline-block;} .path-corner-right-04 {top: 48%; left: -59%; text-align: right; width: 100%; height: 0;} .path-corner-right-05 {top: -6%; left: -50%; text-align: right; width: 100%; z-index: -1;height: 0;} .path-corner-right-06 {right: -56%;top: 56%;height: 0;width: 100%;} .path-corner-right-07 {top: -11%; right: -45%; text-align: right; z-index: -1; width: 100%; height: 0;} .path-corner-right-08 {top: 57%; left: -60%; text-align: right; width: 100%; height: 0; z-index: 1;} .path-corner-right-09 {top: -20%; left: -50%; text-align: right; width: 100%; z-index: -1; height: 0;} .path-corner-right-10 {right: -60%; top: 55%; z-index: 1; height: 0;width: 100%;} .path-corner-right-11 {top: -30%; right: -50%; text-align: right; height: 0;width: 100%;} .co-workers-section .product-slider > .slick-slider {padding: 0;margin-bottom: 30px;} .co-workers-section .product-slider .slick-arrow {position: static; -webkit-transform: inherit; transform: inherit;} .gift-header h1 {font-size: 28px;} .gift-row {padding: 20px;} .gift-img-col {flex: 0 0 40%; width: 40%; } .gift-content-col {flex: 0 0 60%; width: 60%; padding-left: 20px;} .gift-form {margin-top: 20px;} .gift-img-col {min-height: 490px;} .giftpopu {left: 55px;top: 90px;} .interactive-modal .get-touch-section .col-md-6:last-child {margin-top: 2rem;} } @media (min-width: 768px) and (max-width: 991.98px) { .interactive-hero .row > .col-md-6 { flex: 0 0 auto; width: 66.66666667%; } } @media (max-width: 767.98px){ .interactive-modal .get-touch-section {padding: 20px;} .interactive-modal .get-touch-section p {margin-bottom: 5px;} .interactive-modal .get-touch-section h5 {margin-top: 15px;} .interactive-modal .label-section{padding: 20px;} .boxes.carousel-style-1{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 0px;} .boxes.carousel-style-1 .box{display: flex;flex-direction: column;align-items: center;} .boxes.carousel-style-1 .slick-list {order: 1;margin-bottom: 12px;flex: 0 0 100%;width: 100%;} .boxes.carousel-style-1 .slick-arrow{flex: 0 0 24px;} .boxes.carousel-style-1 .slick-arrow, .boxes.carousel-style-1 .slick-arrow:hover{width: 24px;height: 24px;} .boxes.carousel-style-1 .slick-arrow:before {transform: scale(0.6);} .boxes.carousel-style-1 .slick-prev{order: 2;transform: rotate(180deg);} .boxes.carousel-style-1 .slick-next{order: 4;} .boxes.carousel-style-1 .slick-dots {order: 3;margin: 0px 12px !important;} .boxes.carousel-style-1 .slick-dots li{width: 6px;height: 6px;margin: 0 3px;} .boxes.carousel-style-1 .slick-dots li button{background: var(--gray-color);width: 6px;height: 6px;padding: 3px;} .boxes.carousel-style-1 .slick-dots li button:before{display: none;} .boxes.carousel-style-1 .slick-dots li.slick-active button{background: var(--yellow-color);} .explore-streamlined-section {padding-top: 70px;padding-bottom: 82px;} .explore-streamlined-section .content, .explore-streamlined-img, .safety-parts-tracking-section .explore-streamlined-img, .safety-parts-tracking-section .content, .quality-warehouse-section .content {margin: 0px 25px;} .research-row {margin-top: 0;} .research-row .content {max-height: initial;} .research-row .explore-streamlined-img {max-height: 460px;min-height: 260px;margin-bottom: -60px;} .explore-streamlined-section .explore-streamlined-popup, .parts-column .explore-streamlined-popup, .safety-column .explore-streamlined-popup, .quality-row .explore-streamlined-popup, .tracking-column .explore-streamlined-popup, .warehouse-row .explore-streamlined-popup {right: 0;left: 0;margin: 0 auto;} .research-row .content, .manufacturing-row .content, .quality-warehouse-section .content {max-height: initial; background: rgba(255, 255, 255, 0.7); box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 16px;} .page-template-interactive-landing-page .explore-streamlined-section > .container, .page-template-interactive-landing-page .safety-parts-tracking-section > .container, .page-template-interactive-landing-page .quality-warehouse-section > .container {max-width: 375px;} .explore-streamlined-section > .container, .safety-parts-tracking-section > .container, .quality-warehouse-section > .container {max-width: 375px;} .manufacturing-row {margin-top: 45px;} .manufacturing-row > .row, .warehouse-row > .row {flex-flow: column-reverse;} .explore-streamlined-popup {top: 19%;} .manufacturing-row .explore-streamlined-popup {top: 21%;} .manufacturing-row .explore-streamlined-img {margin-bottom: -50px;} .safety-parts-tracking-section {padding: 120px 0px 120px;} .safety-parts-tracking-section .content {margin-top: 40px;} .safety-parts-tracking-section .explore-streamlined-img {margin-bottom: -80px;} .safety-parts-tracking-section .tracking-column .explore-streamlined-img {margin-bottom: -60px;} .parts-column .explore-streamlined-popup {top: 35%;} .parts-column, .tracking-column {margin-top: 50px;} .quality-row .explore-streamlined-img {margin-bottom: -50px;} .warehouse-row {margin-top: 60px;} .tracking-column .explore-streamlined-popup {top: 32%;} .quality-row .explore-streamlined-popup {right: 0; top: 50px; left: 0;} .warehouse-row .explore-streamlined-popup {top: 50px;} .warehouse-row .explore-streamlined-img {margin-bottom: -60px;} .safety-parts-tracking-section .content {padding: 0;} .quality-warehouse-section {padding-bottom: 75px;} .safety-column .explore-streamlined-img {top: 0;} .safety-parts-tracking-section .explore-streamlined-img {max-height: initial;} .hero.interactive-hero {padding-top: 64px;padding-bottom: 363px; background-image: url(/wp-content/uploads/2023/03/banner-img-1-v2.png) !important; background-position: 72% 410px; background-size: auto 460px; background-repeat: no-repeat;} .interactive-hero .banner-img {display: none;} .interactive-hero:before {background: linear-gradient(180deg, rgba(33,33,33,1) 0%, rgba(255,255,255,1) 90%);} .interactive-hero .hero-details {padding: 0 25px;} .path-corner-right-06 {right: -142%;width: 200%;} .path-corner-right-09 {top: -60%;left: -140%;width: 200%;} .path-corner-right-10 {right: -160%;top: 33%;width: 200%;} .path-corner-right-top {top: 34.3%;left: 53%;} .path-corner-right-top svg {width: 490px;height: auto;display: inline-block;} .path-corner-right-top.active {width: 200%;} .path-corner-right-01 svg, .path-corner-right-03 svg, .path-corner-right-04 svg, .path-corner-right-07 svg, .path-corner-right-08 svg, .path-corner-right-11 svg { width: 490px; } .path-corner-right-01.active, .path-corner-right-02.active, .path-corner-right-03.active, .path-corner-right-04.active, .path-corner-right-05.active, .path-corner-right-06.active, .path-corner-right-07.active, .path-corner-right-08.active, .path-corner-right-09.active, .path-corner-right-10.active, .path-corner-right-11.active { height: 110%; } .path-corner-right-02 svg, .path-corner-right-05 svg, .path-corner-right-06 svg, .path-corner-right-09 svg, .path-corner-right-10 svg { width: 490px; } .path-corner-right-01 {top: -68%; right: -117%; width: 200%;} .path-corner-right-02 {right: -157%;top: 45%;width: 200%;} .path-corner-right-03 {top: -40%; right: -100%; width: 200%;} .path-corner-right-04 {top: 45%; left: -161%; width: 200%;} .path-corner-right-05 {top: -20%;left: -150%;width: 200%;} .path-corner-right-07 {top: -11%; right: -95%; width: 200%;} .path-corner-right-08 {top: 55%; left: -161%; width: 200%;} .path-corner-right-11 {top: -62%;right: -117%;width: 200%;} .safety-parts-tracking-section .parts-column .content {margin-top: 10px;} .interactive-hero img.bg-img {display: none !important;} #giftpopu .modal-body {overflow-y: auto;} .gift-header h1 {font-size: 26px;} .gift-row {flex-flow: column;} .gift-img-col {flex: 0 0 100%; width: 100%; text-align: center; min-height: auto; padding: 20px;} .gift-img-col img {width: 180px;} .gift-content-col {padding-left: 0; flex: 0 0 100%; width: 100%; margin-top: 30px;} .gift-form .gform_wrapper.gravity-theme .gform_fields {display: block;} .gift-form .gform-body .gfield + .gfield {margin-top: 30px;} .giftpopu {left: 15px; top: 30px;} .interactive-modal .modal-content {max-height: 90%;} .interactive-modal .get-touch-section .col-md-6:last-child {margin-top: 0;} .explore-streamlined-popup .circle-1 {width: 68px;height: 68px; margin: 0 auto;top: 3px;} .explore-streamlined-popup .circle-2, .explore-streamlined-popup .circle-3 { margin: 0 auto;} .explore-streamlined-popup .circle-2 { width: 52px; height: 52px; } .explore-streamlined-popup .circle-3 { width: 38px; height: 38px; } } @media (max-width: 374.98px) { .explore-streamlined-section .content, .explore-streamlined-img, .safety-parts-tracking-section .explore-streamlined-img, .safety-parts-tracking-section .content, .quality-warehouse-section .content { margin: 0px 20px; } .safety-parts-tracking-section .tracking-column .explore-streamlined-img { margin-bottom: -40px; } .explore-streamlined-popup { top: 30px; } .explore-streamlined-img { max-width: 250px; } .path-corner-right-top { top: 34%; left: 57%; } .path-corner-right-01 { top: -34%; right: -64%; width: 100%; } .path-corner-right-02 { right: -65%; top: 49%; width: 100%; } .path-corner-right-03 { top: -20%; right: -60%; width: 100%; } .path-corner-right-04 { top: 49%; left: -67%; width: 100%; } .path-corner-right-05 { top: 6%; left: -40%; width: 100%; } .path-corner-right-06 { right: -70%; width: 100%; top: 57%; } .path-corner-right-07 { top: 3%; right: -60%; width: 100%; } .path-corner-right-08 { top: 59%; left: -67%; width: 100%; } .safety-parts-tracking-section .tracking-column .content { margin-top: 0; } .path-corner-right-09 { top: -27%; left: -50%; width: 100%; } .path-corner-right-10 { right: -60%; top: 42%; width: 100%; } .path-corner-right-02 svg, .path-corner-right-05 svg, .path-corner-right-06 svg, .path-corner-right-09 svg, .path-corner-right-10 svg { width: 100%; } .path-corner-right-01 svg, .path-corner-right-03 svg, .path-corner-right-04 svg, .path-corner-right-07 svg, .path-corner-right-08 svg, .path-corner-right-11 svg { width: 100%; } .path-corner-right-01.active, .path-corner-right-02.active, .path-corner-right-03.active, .path-corner-right-04.active, .path-corner-right-05.active, .path-corner-right-06.active, .path-corner-right-07.active, .path-corner-right-08.active, .path-corner-right-09.active, .path-corner-right-10.active, .path-corner-right-11.active { height: 110%; } .path-corner-right-01.active, .path-corner-right-02.active, .path-corner-right-03.active, .path-corner-right-04.active, .path-corner-right-05.active, .path-corner-right-06.active, .path-corner-right-07.active, .path-corner-right-08.active, .path-corner-right-09.active, .path-corner-right-10.active, .path-corner-right-11.active { height: 100%; } .path-corner-right-11 { top: -26%; right: -57%; width: 100%; } .safety-parts-tracking-section .parts-column .content { margin-top: -60px; } .safety-parts-tracking-section .explore-streamlined-img { margin-bottom: -60px; } .manufacturing-row { margin-top: 20px; } .path-corner-right-top svg { width: auto; height: auto; display: inline-block; } .research-row .explore-streamlined-img { margin-bottom: -80px; } .manufacturing-row .explore-streamlined-img { margin-bottom: 0; } .warehouse-row .explore-streamlined-popup { top: 30px; } } @media (max-width: 359.98px){ header .header-right {margin-left: 8px;} header nav.navbar > .container > .row .header-ada {padding-left: 8px; padding-right: 8px;} } /* Interactive Landing Page CSS End ------------------------*/ .dashicons-trash { color: #fff; background-color: var(--primary-color); width: 40px !important; height: 40px !important; display: flex !important; align-items: center; justify-content: center; border-radius: 50px; transition: .3s; } .dashicons-trash:hover { color: var(--primary-color); background-color: #fff; } #product-s-v6 + #imagetext-2col-s-v1 { padding-bottom: 0; } #imagetext-2col-s-v1 + #imagetext-2col-s-v1 { padding-top: 0; } /* new loader css start for ajax */ #loaderProduct { background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; display:none; } .loadingimg { width: 152px; height: 65px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: fadeanimation linear 2s; -webkit-animation: fadeanimation linear 2s; -moz-animation: fadeanimation linear 2s; -o-animation: fadeanimation linear 2s; -ms-animation: fadeanimation linear 2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; }