/* common css */ body { counter-reset: chapter; } *:focus { outline: none; } .feature-tabs .custom-tab-border-content .tab-pane { padding-top: 36px; } .list-style ul { margin: 0; padding: 0; } .list-style ul li {position: relative; padding-left:21px; list-style: none; } .list-style ul li + li { margin-top: 6px; } .list-style ul li::before { content:""; width: 7px; height: 7px; border-radius: 10px; background-color: var(--dark); position: absolute; top: 6px; left: 0; } .no-text-truncate p { display: inherit !important;-webkit-line-clamp: inherit !important;-webkit-box-orient: inherit !important;white-space: normal !important;overflow: visible !important;text-overflow: inherit !important; } :root{ --font-h1:48px; --font-h2:30px; --font-h3:26px; --font-h4:22px; --font-h5:18px; --font-h6:16px; --gutter-48:48px; } /* .h1{ font-size: var(--font-h1); font-weight: var(--bold); } */ .h2{ font-size: var(--font-h2); font-weight: var(--bold); } .h3{ font-size: var(--font-h3); font-weight: var(--bold); } .h4{ font-size: var(--font-h4); font-weight: var(--bold); } .h5{ font-size: var(--font-h5); font-weight: var(--bold); } .h6{ font-size: var(--font-h6); font-weight: var(--bold); } img { max-width: 100%; height: auto; border: none; } .row.gutter-48 { margin:0 calc(var(--gutter-48) / 2 * -1) !important; } .row.gutter-48 > div { padding:0 calc(var(--gutter-48) / 2) !important; } .progress-sec{ background:#F5F5F5; height:12px; position: relative; } .inner-progress {height: 100%;position: absolute;top: 0;left: 0;background-color:#44DF8A;transition: all linear 0.1s;min-width: 1%;} .small-header .progress-sec {position: fixed;top: 0px;left: 0;width: 100%;z-index: 11;} /* .big-video .vidyard-lightbox-centering { padding-bottom: 74% !important; } */ .big-video .vidyard-lightbox-centering img { object-fit: cover; } .vidyard-lightbox-centering { border-radius: 32px;} .vidyard-lightbox-centering img{object-fit: cover;} .vidyard-player-container { border-radius: 32px; } .vidyard-player-container .play-button {opacity: 1 !important;background-color: #44DF8A !important; transition: all 0.3s !important; } .vidyard-player-container .play-button:hover{ background-color: var(--primary-color) !important; } .h1,.h2,.h3,.h4,.h5, h2,h3,h4,h5 { margin-bottom:18px; } .light-gray { background-color: var(--light-white); } .grey-bg { background-color:var(--light-white); } .dark-bg { background-color: var(--dark); color: var(--white);} .blue-bg { background-color: var(--primary-color); color: var(--white);} .dark-bg a { color: var(--white); } .dark-orange-color { background-color:#EB3C00 !important; } .dark-blue-color { background-color: #3C65C8 !important;} .dark-color { background-color: var(--dark) !important;} .pink{color: #79008d;} .color-product-yellow::after { background-color: var(--yellow-color); } .color-product-blue::after { background-color: var(--blue-color) !important; } .color-dark-blue { color: var(--primary-color); } .slider-pagination.carousel-style-3 .slick-arrow { background-color: var(--yellow-color); color: var(--white); } .slider-pagination.carousel-style-3 .slick-arrow:hover, .slider-pagination.carousel-style-3 .slick-arrow:focus { background-color: var(--dark); color: var(--white); } .slider-pagination.carousel-style-3 .slick-dots li button:before { background-color: var(--gray-color); } .slider-pagination.carousel-style-3 .slick-dots li.slick-active button:before, .slider-pagination.carousel-style-3 .slick-dots li:hover button:before, .slider-pagination.carousel-style-3 .slick-dots li:focus button:before { background-color: var(--yellow-color); } .sec-padding { padding:var(--xxxlarge) 0; } .overlay {position: relative; overflow: hidden; } .overlay > div { position: relative;} .overlay:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.66);} .blue-overlay::before { background-color: rgba(13,46,160,0.66); } .slider-pagination.carousel-style-2 .slick-arrow{ background-color: var(--primary-color); color: var(--white); } .slider-pagination.carousel-style-2 .slick-arrow:focus, .slider-pagination.carousel-style-2 .slick-arrow.slick-active:focus, .slider-pagination.carousel-style-2 .slick-arrow:hover{ background-color: var(--dark); color: var(--white); } .slider-pagination.carousel-style-2 .slick-dots li button:before { background-color: var(--gray-color); } .slider-pagination.carousel-style-2 .slick-dots li.slick-active button:before { background-color: var(--primary-color);} /* End common css */ .features-section { padding: var(--xxxlarge) 0; /* background-color: var(--dark); color: var(--white);*/ } .features-section:not(.section-dark) { background-color: var(--light-white); } .features-left .expand-less-box { margin: 0 0 48px; } .features-left h2 { margin: 0 0 18px; } .expand-less-box p a { text-decoration: underline; } .show-text { display: none; display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .expand .show-text { display: block; -webkit-box-orient:inherit; -webkit-line-clamp:inherit; } .expand-link {font-weight: var(--bold); display: inline-block; vertical-align: top; margin-top: 10px; } .expand-link:hover { text-decoration: underline; } .expand-link span + span { display: none; } .expand .expand-link span { display: none; } .expand .expand-link span + span { display: block; } .features-points { row-gap: 60px;} .title ~ .features-points { padding-top: var(--xlarge) !important;} /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .features-points { row-gap: 0px; margin-top: -60px;} .features-points > * {margin-top: 60px; } } } .icons-text-box { position: relative; min-height: 68px;} .icons-box { display: flex; justify-content: center; align-items: center; position: absolute; top:5px; left: 0; } .text-box { padding-left: 48px; } .icons-box img { max-width: 35px; max-height: 35px; } .icons-box.medium { width: 44px; height: 44px; border-radius:10px; } .icons-box.medium + .text-box { padding-left:60px; } .icons-box.medium img { max-width: 24px; max-height: 24px; } .icons-box.large { width: 68px; height: 68px; border-radius: 18px; } .icons-box.large + .text-box { padding-left:92px;} .text-box h4 { margin: 0 0 8px; } .green-color { background-color:#44DF8A; } .yellow-color { background-color:#FFB400; } .orange-color { background-color:#FF8200; } .blue-color { background-color:#00A9E0; } .red-color { background-color:#FD1B44; } .series-sec { padding:var(--xxxlarge) 0; text-align: center; color: var(--white); } .series-content { margin: 20px 0 30px; } .series-content p:last-child { margin-bottom: 0; } .features-section + .video-sec{margin-top: var(--xxxlarge);} .software-sec { padding:var(--xxxlarge) 0; } .software-slider.slick-dotted.slick-slider { margin:0 -12px 0; } .software-sec h2 { margin: 18px 0 12px; } .software-wrapper { margin-top: -26px; } .software-slide { padding: 0 12px; } .software-slide .software-box { margin:26px 0; } .software-box {background-color: var(--light-white);font-weight: var(--bold);border-radius: 24px;overflow: hidden; -webkit-transform: translateY(0px); transform: translateY(0px); transition: all .3s ease-in-out; width: 100%; } .software-box:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important; -webkit-transform: translateY(-8px); transform: translateY(-8px); transition: all .3s ease-in-out;} .software-img { padding-bottom: 59%;overflow: hidden; position: relative; background-color: var(--primary-color); border-radius: 24px 24px 0 0;} .software-img .feature-left {font-size: 12px;line-height:1.2;padding:8px 24px 6px 18px;top: 24px;} .software-img .feature-left.upcoming { background-color: var(--green-color);color:#212121; } .episode-no { position: absolute; top: 24px; right:18px; background-color:var(--dark); border-radius: 8px; text-align: center; color: var(--white) !important; padding:7px 18px; text-transform: uppercase; font-weight: var(--bold); font-size: 12px; line-height: 1.2; } .software-content {padding: 30px 24px; font-weight: 400; display: flex; flex-direction: column;justify-content: space-between; } .software-content h5{margin-bottom: 6px;} .software-content p { margin-bottom: 18px !important; line-height: 26px;} .software-solutions-text { margin: 10px 0 36px; } .software-solutions-text p:last-child { margin-bottom: 0; } /* .software-content .text-end{margin-top: var(--large);} */ /* .content-hub-wrapper .software-content .text-end{margin-top: 0;} */ .software-img .software-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; } .software-img .software-img-inner img{ max-width: 100%; max-height: 100%;} .software-box a + a{margin-left: 12px;} /* .software-wrapper { position: relative; padding-bottom: 50px; } .software-wrapper .slider-pagination { position: absolute; bottom: 0; left: 0; width: 100%; } */ .on-demand-sec h2 { margin: 0 0 12px; } .on-demand-sec .shine-img::before { padding-top: 94.5%; } .on-demand-list { padding:0; } .on-demand-list li {list-style: none;position: relative; font-size: 16px; display: flex; flex-wrap: wrap;} .on-demand-list li +li {margin-top: 24px;} .on-demand-list li h5, .on-demand-list li h4 { margin: 0; } .on-demand-list li h5 + p, .on-demand-list li h4 + p { margin-top: 12px;} .on-demand-icon {width: 35px;height: 35px;justify-content: center;align-items: center;display: flex;margin-right: 20px;} .on-demand-icon img { max-width: 100%; max-height: 100%; } .on-demand-icon + .on-demand-content {max-width: calc(100% - 60px); align-self: center; } .on-demand-sec .row{align-items: normal !important;} .on-demand-sec .row > [class^=col-]:first-child {max-height: 100%;} .on-demand-sec .row > [class^=col-]:first-child > .shine-img::before{content: none;} .on-demand-sec .row > [class^=col-]:first-child > .shine-img{ min-height: 480px; max-height: 800px; height: 100%; } .on-demand-sec .row > [class^=col-]:last-child > div{ margin-top: var(--xlarge); margin-bottom: var(--xlarge);} .case-study-sec { padding:var(--xxxlarge) 0; } .case-study-box { position: relative; } .mini-case-study.r-70:before{ padding-top: 66%; } .case-study-content { padding: var(--large) var(--base); display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .case-study-content > h3 { margin: 0; } .case-study-content:after{ content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 176px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 7%, rgba(0,0,0,0.01) 8%, rgba(36,36,36,0.02) 9%, rgba(39,39,39,0.04) 11%, rgba(28,28,28,0.06) 13%, rgba(40,40,40,0.07) 14%, rgba(29,29,29,0.09) 16%, rgba(38,38,38,0.1) 17%, rgba(36,36,36,0.12) 19%, rgba(36,36,36,0.15) 22%, rgba(35,35,35,0.18) 25%, rgba(31,31,31,0.2) 27%, rgba(35,35,35,0.21) 28%, rgba(31,31,31,0.23) 30%, rgba(35,35,35,0.24) 31%, rgba(31,31,31,0.26) 33%, rgba(34,34,34,0.27) 34%, rgba(31,31,31,0.29) 36%, rgba(34,34,34,0.3) 37%, rgba(32,32,32,0.31) 38%, rgba(34,34,34,0.32) 39%, rgba(32,32,32,0.34) 41%, rgba(34,34,34,0.35) 42%, rgba(32,32,32,0.37) 44%, rgba(34,34,34,0.38) 45%, rgba(32,32,32,0.4) 47%, rgba(34,34,34,0.41) 48%, rgba(34,34,34,0.43) 50%, rgba(34,34,34,0.47) 53%, rgba(32,32,32,0.49) 55%, rgba(34,34,34,0.5) 56%, rgba(32,32,32,0.52) 58%, rgba(34,34,34,0.53) 59%, rgba(32,32,32,0.55) 61%, rgba(34,34,34,0.56) 62%, rgba(32,32,32,0.58) 64%, rgba(34,34,34,0.59) 65%, rgba(34,34,34,0.61) 67%, rgba(34,34,34,0.65) 70%, rgba(32,32,32,0.69) 73%, rgba(32,32,32,0.79) 81%, rgba(34,34,34,0.83) 84%, rgba(34,34,34,0.9) 90%, rgba(33,33,33,0.9) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,0.01) 8%,rgba(36,36,36,0.02) 9%,rgba(39,39,39,0.04) 11%,rgba(28,28,28,0.06) 13%,rgba(40,40,40,0.07) 14%,rgba(29,29,29,0.09) 16%,rgba(38,38,38,0.1) 17%,rgba(36,36,36,0.12) 19%,rgba(36,36,36,0.15) 22%,rgba(35,35,35,0.18) 25%,rgba(31,31,31,0.2) 27%,rgba(35,35,35,0.21) 28%,rgba(31,31,31,0.23) 30%,rgba(35,35,35,0.24) 31%,rgba(31,31,31,0.26) 33%,rgba(34,34,34,0.27) 34%,rgba(31,31,31,0.29) 36%,rgba(34,34,34,0.3) 37%,rgba(32,32,32,0.31) 38%,rgba(34,34,34,0.32) 39%,rgba(32,32,32,0.34) 41%,rgba(34,34,34,0.35) 42%,rgba(32,32,32,0.37) 44%,rgba(34,34,34,0.38) 45%,rgba(32,32,32,0.4) 47%,rgba(34,34,34,0.41) 48%,rgba(34,34,34,0.43) 50%,rgba(34,34,34,0.47) 53%,rgba(32,32,32,0.49) 55%,rgba(34,34,34,0.5) 56%,rgba(32,32,32,0.52) 58%,rgba(34,34,34,0.53) 59%,rgba(32,32,32,0.55) 61%,rgba(34,34,34,0.56) 62%,rgba(32,32,32,0.58) 64%,rgba(34,34,34,0.59) 65%,rgba(34,34,34,0.61) 67%,rgba(34,34,34,0.65) 70%,rgba(32,32,32,0.69) 73%,rgba(32,32,32,0.79) 81%,rgba(34,34,34,0.83) 84%,rgba(34,34,34,0.9) 90%,rgba(33,33,33,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,0.01) 8%,rgba(36,36,36,0.02) 9%,rgba(39,39,39,0.04) 11%,rgba(28,28,28,0.06) 13%,rgba(40,40,40,0.07) 14%,rgba(29,29,29,0.09) 16%,rgba(38,38,38,0.1) 17%,rgba(36,36,36,0.12) 19%,rgba(36,36,36,0.15) 22%,rgba(35,35,35,0.18) 25%,rgba(31,31,31,0.2) 27%,rgba(35,35,35,0.21) 28%,rgba(31,31,31,0.23) 30%,rgba(35,35,35,0.24) 31%,rgba(31,31,31,0.26) 33%,rgba(34,34,34,0.27) 34%,rgba(31,31,31,0.29) 36%,rgba(34,34,34,0.3) 37%,rgba(32,32,32,0.31) 38%,rgba(34,34,34,0.32) 39%,rgba(32,32,32,0.34) 41%,rgba(34,34,34,0.35) 42%,rgba(32,32,32,0.37) 44%,rgba(34,34,34,0.38) 45%,rgba(32,32,32,0.4) 47%,rgba(34,34,34,0.41) 48%,rgba(34,34,34,0.43) 50%,rgba(34,34,34,0.47) 53%,rgba(32,32,32,0.49) 55%,rgba(34,34,34,0.5) 56%,rgba(32,32,32,0.52) 58%,rgba(34,34,34,0.53) 59%,rgba(32,32,32,0.55) 61%,rgba(34,34,34,0.56) 62%,rgba(32,32,32,0.58) 64%,rgba(34,34,34,0.59) 65%,rgba(34,34,34,0.61) 67%,rgba(34,34,34,0.65) 70%,rgba(32,32,32,0.69) 73%,rgba(32,32,32,0.79) 81%,rgba(34,34,34,0.83) 84%,rgba(34,34,34,0.9) 90%,rgba(33,33,33,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6212121',GradientType=0 );} .mini-logo { position: relative; color: #fff; font-size: 20px; font-weight: var(--bold); display: flex; align-items: center; } .mini-logo img + span { padding-left: 18px; } .mini-logo img { position: relative; } .printer-solution {padding:var(--xxxlarge) 0;} .solution-wrapper { row-gap: 40px; } .solution-box h3{ margin-bottom:.5rem; } /* .experience-intro h2 */ .solution-img { border-radius: 24px; background-color: var(--light-white); } .solution-img::before { padding-top: 82%; } .solution-img.solution-img-95::before { padding-top: 95%; } .solution-img.solution-img-95 > img{ max-width: calc(80% - 40px); max-height: calc(80% - 40px); } .printer-slide > a{color: var(--dark);} .printer-slide > a:hover{color: var(--primary-color);} .printer-solution.bg-white .solution-img.r-64:before, .printer-solution.bg-light-gray .solution-img.r-64:before {padding-top: 80%; } .solution-box-2column { row-gap: 24px; } .solution-box-2column .software-img { padding-bottom: 49%; } .solution-img > img {bottom: 24px;left: 0;right: 0;top: auto;margin: 0 auto; max-width: 60%; max-height: 70%; } .solution-box-2column .software-box { margin-top: 26px; } .solution-content:not(.solution-content-full) { margin-top: 22px; padding-right: 72px; padding-left: 18px; position: relative; } .solution-content:not(.solution-content-full) .btn { position: absolute; bottom: 0; right: 24px; } .solution-content:not(.solution-content-full) .btn-icon-solid:hover::after { background-color: var(--yellow-color); color: var(--dark); } .solution-content.solution-content-full{margin-top: var(--base);} /* .solution-content.solution-content-full .btn{margin-top: 20px;} .solution-content.solution-content-full .btn-wrapper .btn{margin-top: 0px;} */ .section-dark .mini-icon-title.blue, .features-section.section-dark .mini-icon-title.blue, .printer-solution.dark-sec .mini-icon-title.blue{color: var(--white);} /* .printer-solution.dark-sec .mini-icon-title.blue img, .section-dark .mini-icon-title.blue img .features-section.section-dark .mini-icon-title.blue img{ filter: invert(100%) sepia(95%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(107%); } */ .section-theme:not(.section-dark) .btn-light-outline, .features-section:not(.section-dark) .btn-light-outline, .printer-solution:not(.dark-sec) .btn-light-outline{ background-color: transparent; border: 3px solid var(--dark); color: var(--dark); } .section-theme:not(.section-dark) .btn-light-outline:hover, .features-section:not(.section-dark) .btn-light-outline:hover, .printer-solution:not(.dark-sec) .btn-light-outline:hover{ background-color: var(--primary-color); color: var(--white); border-color: var(--primary-color); } .section-theme:not(.section-dark) .btn-light-outline:after, .features-section:not(.section-dark) .btn-light-outline:after, .printer-solution:not(.dark-sec) .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='%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");} .section-theme:not(.section-dark) .btn-light-icon, .features-section:not(.section-dark) .btn-light-icon, .printer-solution:not(.dark-sec) .btn-light-icon{ color: var(--primary-color); } .section-theme:not(.section-dark) .btn-light-icon:after, .features-section:not(.section-dark) .btn-light-icon:after, .printer-solution:not(.dark-sec) .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 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");} .section-theme:not(.section-dark) .solution-content.solution-content-full.px-3, .features-section:not(.section-dark) .solution-content.solution-content-full.px-3, .printer-solution:not(.dark-sec) .solution-content.solution-content-full.px-3{ padding-left: 0 !important; padding-right: 0 !important;} .video-inner {padding:var(--xxxlarge) 0;text-align: center;color: var(--white);} .video-content { margin: 30px 0; } .play-video {width: 85px; cursor: pointer; height: 85px;border-radius: 100px;background-color: #fff;display: flex;align-items: center;justify-content: center;color: #44DF8A;font-size: 42px;margin: 0 auto; transition: all 0.3s; } .play-video:before {margin-right: -10px;} .play-video:hover { -webkit-transform: scale(0.9); transform: scale(0.9); } .dark-sec { padding:var(--xxxlarge) 0; background-color: var(--dark); color: var(--white); border-top: 1px solid #707070; } .dark-sec .color-yellow { color: var(--yellow-color); } .dark-sec .card-featured .featured-details { background-color: transparent; } .color-yellow { color: var(--yellow-color); } .color-product-img:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height:90%;border-radius: 32px;background-color: #FFB400;z-index: -1;} .color-product-img.r-70::before { padding-top:74%; } .color-product-img img {top: 0;right: 0;bottom: 0;left: 0;margin: 0 auto; max-width:100%; max-height: 100%; filter: drop-shadow(20px 13px 14px rgba(0,0,0,0.16)); } .slider-arrow-withdots.reliably-slider .slider-pagination { justify-content: space-between;max-width:200px;margin:0 auto; } .responsive { max-width: 700px; width: 100%; } .video-sec .vidyard-player-embed, .video-sec .vidyard-player-container {display:none!important; } .mini-icon-title {font-size: 16px;font-weight: var(--bold);text-transform: uppercase;display: flex;align-items: center; letter-spacing: 1px; margin:0 0 12px; } .mini-icon-title + h2 { margin-top: 12px; } .mini-icon-title.blue { color: var(--primary-color); } .mini-icon-title.white { color: var(--white); } .mini-icon-title.white img { filter:invert(100%) sepia(0%) saturate(7486%) hue-rotate(244deg) brightness(150%) contrast(105%); } .mini-icon-title.yellow { color: var(--yellow-color); } .mini-icon-title > span {margin-right: 12px;font-size: 20px; margin-top: -3px; } .mini-icon-title > span > img {max-width: 24px; max-height: 24px; } .mini-icon-title.title-logo > span > img {max-width: 100%; max-height: 100%; } .header-top-alert.video-podcast-strip { padding: 7px 0; } .header-top-alert.video-podcast-strip .row > [class^="col-"]:first-child + div:before { opacity: 0; } .video-podcast-strip .btn.btn-small { color:var(--dark); min-height: 32px; } .soti-connect-banner ~ .features-section .mini-icon-title{color:#1E9748;} /* Product series pages */ .printer-intro h3 { font-weight: 300; margin-bottom: 12px;} .feature-list-img {text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;} .feature-list-with-img {position: relative; opacity: 0; } .feature-list-points {display: grid; grid-template-columns: 230px 230px; grid-gap:5rem; justify-content: space-between; margin-top:50px; position: relative; z-index: 1; } .feature-list-points p { line-height: 1.4rem;} .feature-list-points h3 {position: relative; } .feature-list-points h3:before, .feature-list-points h3:after {content: "";position: absolute;top:18px;left: calc(100% + 9px);height: 1px;width: 100px;background-color: #44DF8A; } .feature-list-points h3:after {content: "";position: absolute; top: 14px; left: calc(100% + 100px);width: 9px;height: 9px;border-radius: 10px; } .feature-list-points > div:nth-child(even) h3:before {left: auto;right: calc(100% + 9px);} .feature-list-points > div:nth-child(even) h3:after {left: auto;right: calc(100% + 100px);} .feature-img-style0 .feature-list-points { grid-gap:9.2rem;} .feature-img-style1 .feature-list-points { margin-top:35px;grid-gap: 4rem;} .feature-img-style2 .feature-list-points { margin-top: 90px;} .feature-img-style3 .feature-list-points { margin-top: 105px; grid-gap:7.5rem; } .feature-img-style4 .feature-list-points { margin-top: 200px; } .feature-img-style5 .feature-list-points { margin-top: 120px; grid-gap:3rem; } .feature-img-style6 .feature-list-points { margin-top: 120px; } /* .feature-img-style3 .feature-list-with-img { min-height: 720px; } .feature-img-style4 .feature-list-with-img { min-height: 600px; } */ .feature-img-style7 .feature-list-points { margin-top: 20px; grid-gap:8rem; } .model-icon-box {display: flex;flex-wrap: wrap;justify-content: space-between;} .model-icon {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;max-width: 100%;max-height: 100%;} .model-icon + .model-icon-content {width: calc(100% - 70px);} .model-icon-content p:last-child { margin-bottom: 0; } .btn-wrapper { margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 24px;} .btn-wrapper .btn + .btn { margin-left: 0; } .btn-wrapper-36 { margin: 36px 0 0; display: flex; flex-wrap: wrap; gap:18px var(--large) ;} .btn-wrapper-36 .btn + .btn { margin-left: 0; } /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .btn-wrapper {gap: 0; margin-top: 0; margin-left: -24px;} .btn-wrapper > * {margin-top: 24px; margin-left: 24px !important; } .btn-wrapper-36 {gap:0 ; margin-top: 0px; margin-left: calc(var(--large) * -1);} .btn-wrapper-36 > * {margin-top: 18px; margin-left: var(--large) !important; } } } .printer-slider { margin: 0; padding: 0 48px; } .three-column-slider { position: relative; padding: 0 60px; } .three-column-slider.carousel-slider { margin-left: 0; margin-right: 0;} .three-column-slider.carousel-dots.dot-hide { padding: 0 !important; } .three-column-slider .slick-list .slick-track > div {padding: var(--base) 12px;} .three-column-slider .slick-list {margin: 0 -12px;} .three-column-slider.carousel-dots .slick-dots { bottom: 0; margin-bottom: 12px !important; } .printer-slide { padding: 0 12px; } .printer-slider.slick-dotted.slick-slider { margin-bottom: 60px;} .printer-slider.slick-dotted.slick-slider.dot-hide { margin-bottom: 0; padding: 0 !important; margin-left: -12px; margin-right: -12px; } .carousel-dots .slick-arrow {position: absolute;top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); z-index: 5;} .carousel-dots .slick-arrow.slick-next {right: 0; } .carousel-dots .slick-arrow.slick-prev {left: 0; } .printer-slider .product-box .product-info { padding: 24px 0 18px; } .printer-slider .product-box .product-info .product-title{margin-bottom: 12px;} .printer-slider .product-box .product-info .product-details{padding-bottom: 18px;} .carousel-dots .slick-dots { margin:0 auto; justify-content: center; display: none; position: relative; bottom: -60px; } .carousel-dots .slick-dots + .slick-arrow { display: block;} .unit-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .unit-wrapper > div { width: 159px; margin-bottom: 12px; } .unit-number { font-size: 57px; font-weight: var(--bold); margin: 0 0 12px; color: var(--green-color); line-height: 1; } .unit-number sub { font-size: 24px;bottom:0;} /* Content Hub Page */ .content-hub-wrapper { row-gap: 24px; } .content-hub-wrapper > div {display: flex;} .newsletter-box {padding: 36px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;} .content-hub-wrapper .software-img { padding-bottom: 67%; border-radius: 24px 24px 0 0;} .content-hub-wrapper .software-content { padding: 32px; font-size:18px; color:var(--dark); font-weight: var(--bold); } .content-hub-wrapper .software-content h6 { text-transform: uppercase; color: var(--primary-color); } .newsletter-box img { margin: 0 0 12px; } .newsletter-box label { font-size: 18px; font-weight: var(--bold); margin: 0 0 12px; } .form-control::-webkit-input-placeholder {color: #CCCCCC;} .form-control:-ms-input-placeholder {color: #CCCCCC;} .form-control::placeholder {color: #CCCCCC;} .newsletter-box .form-control { border-radius:28px; height: 48px; padding: 0 26px;font-size: 18px; font-weight: var(--bold); } .form-control:focus { border-color: var(--dark); box-shadow: none; } .left-filter-box .accordion-item, .left-filter-box .accordion-button:not(.collapsed) { border:none; box-shadow: inherit; } .left-filter-box .accordion-button:focus { box-shadow: inherit;} .left-filter-box .accordion-item .accordion-button { background-color:var(--light-white); } .left-filter-box .accordion-item + .accordion-item { margin-top: 24px; } .left-filter-box .accordion-button::after { width: 16px; height: 10px; 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;} .left-filter-box .accordion-button:not(.collapsed)::after, .left-filter-box .accordion-button: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='%230d2ea0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e"); } .left-filter-box .accordion-button { color: var(--dark); font-weight: var(--bold); } .left-filter-box .accordion-button:not(.collapsed), .left-filter-box .accordion-button:hover {color: var(--primary-color); } .left-filter-box .accordion-body { padding: 24px; padding-bottom: 0; } .left-filter-box ul {margin: 0;padding: 0;} .left-filter-box ul li {list-style: none;} .left-filter-box ul li + li, .left-filter-box ul > li > ul {margin-top: 12px;} .left-filter-box .check-box > span > small {font-size: 75%;position: relative;top: -1px;font-weight: 300;margin-left: 12px;} .check-box {position: relative;display: inline-block;} .form-style .gchoice {position: relative;} .form-style .gchoice + .gchoice { margin-top: 6px; } .check-box > input, .form-style .gchoice > input {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;z-index: 1; cursor: pointer; } .check-box > span, .form-style .gchoice > label {position: relative;padding-left: 32px; cursor: pointer; display: inline-block; padding-right: 20px;} .check-box > span:before, .form-style .gchoice > label:before {content: "";width: 18px;height: 18px;border: 2px solid #000;position: absolute;top:2px;left: 0;border-radius: 5px; } .check-box > input:checked + span:before, .form-style .gchoice > input:checked + label:before {background-color: #44DF8A; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7.902' height='6.723' viewBox='0 0 7.902 6.723'%3e%3cpath d='M-13985.242,14027.336l1.887,1.938,4.592-4.592' transform='translate(13985.959 -14023.975)' fill='none' stroke='%23fff' stroke-width='2'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; box-shadow: 0 0 0 1px #fff inset; } .form-style .gfield_radio .gchoice > input:checked + label:before {background-image: none; box-shadow: 0 0 0 3px #fff inset;} .form-style .gfield_radio .gchoice label:before {border-radius: 20px;} .subbox {position: relative;} .subbox::before { content: ""; position: absolute;top: 0;right: 0;background: url(../../img/mini-arrow.svg) no-repeat center;height: 20px;width: 20px;cursor: pointer; } .subbox .down-arrow{position: absolute;top: 0;right: 0; height: 20px; width: 20px; cursor: pointer; z-index: 999; } .subbox .down-arrow::before { content: ""; background: url(../../img/mini-arrow.svg) no-repeat center;} .subbox > ul { display: none; padding-left: 32px; } .subbox > .check-box { display: block; } .subbox[select-all="true"] > .check-box > span:before {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='6.791' height='2' viewBox='0 0 6.791 2'%3e%3cpath d='M-13985.242,14027.336h6.791' transform='translate(13985.242 -14026.336)' fill='none' stroke='%23fff' stroke-width='2'/%3e%3c/svg%3e");background-color: #FFB400;background-repeat: no-repeat;background-position: center;cursor: pointer;} .subbox.active:before {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);} .compare-button{text-align: right; margin-bottom: 18px;} .compare-button a{ line-height: normal !important; position: relative !important; color: var(--primary-color) !important; padding-left: 24px !important; padding-right: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; font-weight: 400 !important; background-color: transparent !important;} .compare-button a::before{ content: ""; width: 18px; height: 18px; border: 2px solid #000; position: absolute; top: 2px; left: 0; border-radius: 5px; } .compare-button a.added::before {background-color: #44DF8A; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='7.902' height='6.723' viewBox='0 0 7.902 6.723'%3e%3cpath d='M-13985.242,14027.336l1.887,1.938,4.592-4.592' transform='translate(13985.959 -14023.975)' fill='none' stroke='%23fff' stroke-width='2'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; box-shadow: 0 0 0 1px #fff inset; } .compare-button a.added::after {content: none !important;} .compare-button + .product-compare-checkbox{display: none;} .text-inner{min-width: 640px !important;} table.compare-list tr.title td{ font-weight: var(--bold); color: var(--primary-color);} table.compare-list tbody th, table.compare-list tbody td{ width: 270px !important; max-width: 270px !important; min-width: 270px !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; padding-right: 12px !important; list-style: none !important; /* height: 45px !important; */ vertical-align: middle !important; text-align: center !important; border-top: 0 !important; border-right: 0 !important; } table.compare-list tbody td{ border-top: 1px solid var(--dark) !important; } table.compare-list tbody th{text-align: right !important; color: var(--dark) !important;} table.compare-list .product_info th{font-size: 0 !important;} table.compare-list .product_title{color: var(--primary-color); font-size: var(--font-h4); margin-bottom: 20px;} table.compare-list .image-wrap { margin-top: 12px; display: inline-flex !important;; height: 240px !important;; width: 260px !important;; border: 2px solid var(--light-white) !important;; border-radius: 12px !important;; align-items: center !important;; justify-content: center !important;; } table.compare-list img { max-width: 100%; height: auto; /* max-width: 170px; max-height: 100px; */ height: auto; width: auto; } table.compare-list .remove a{ display: inline-block; background-color: transparent; border: 3px solid var(--dark); color: var(--dark); border-radius: 50px; padding: 10px 25px; min-height: 45px; font-weight: var(--bold); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } table.compare-list .remove a:hover{ background-color: var(--primary-color); color: var(--white); border-color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } table.compare-list .remove { margin-top: 12px; } /* table.compare-list tr.different, table.compare-list tr.different th{background-color: #fff !important;} */ table.compare-list .remove .remove{ margin-bottom: 0;} .dataTables_scrollHead{display: none;} table.compare-list tfoot {display: none;} table.compare-list thead {display: none;} #yith-woocompare{margin: 0 auto;} #yith-woocompare table.compare-list tbody th{ background-color: #fff; position: sticky; left: 0; width: 20% !important; max-width: 240px !important; min-width: 240px !important; font-size: 16px !important; text-align: left !important; font-weight: var(--bold) !important; border-top: 1px solid var(--dark) !important; z-index: 1; text-transform: none; } #yith-woocompare table.dataTable.compare-list tbody tr:last-child th, #yith-woocompare table.dataTable.compare-list tbody tr:last-child td { border-bottom: 1px solid var(--dark) !important; } #yith-woocompare table.dataTable.compare-list tbody .product_info td { vertical-align: top !important; } .yith-woocompare-widget{position: relative;} .yith-woocompare-widget ul.products-list ~ .clear-all{ position: absolute; right: 0; bottom: 0;} .yith-woocompare-widget ul.products-list ~ .compare-widget.button{ position: absolute; right: 0; top: 0;} .compare_table{ padding-top: var(--large); padding-bottom: var(--large); bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0px -4px 4px rgba(33, 33, 33, 0.20); z-index: 1; } .yith-woocompare-widget-content ul.products-list{ padding: 0; display: grid; /* flex-wrap: wrap; */ margin-bottom: 0; width: 75%; gap: 24px; grid-template-columns: repeat(4, 1fr); } .yith-woocompare-widget-content ul.products-list li:not( .list_empty ) { position: relative; padding: 8px; border: none; margin: 0; background: #f5f5f5; border-radius: 12px; box-shadow: 4px 4px 8px rgb(33 33 33 / 18%) !important; } .yith-woocompare-widget-content ul.products-list li .product-info { cursor: pointer; text-transform: uppercase; font-size: 15px; font-weight: var(--bold); display: flex; outline: none; align-items: center; } .yith-woocompare-widget-content ul.products-list li img { max-width: 78px; height: auto; display: block; float: left; border-radius: 6px; } .yith-woocompare-widget-content ul.products-list li .product-info span { padding-left: 12px; color: var(--dark); -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important;} .yith-woocompare-widget-content ul.products-list li .remove { margin-top: 0; color: #fff; font-weight: var(--bold); font-size: 14px; line-height: 15px; height: 18px; width: 18px; border-radius: 50%; text-align: center; cursor: pointer; outline: none; background: var(--primary-color); top: 8px; right: 8px; left: auto; } .yith-woocompare-widget h2.widgettitle{display: none;} .yith-woocompare-widget-content a.clear-all { font-size: inherit; color: var(--primary-color); line-height: 1.1; font-weight: var(--bold); border: none; display: inline-flex; align-items: center; justify-content: center; position: relative; text-decoration: none; vertical-align: middle; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; user-select: none; background-color: transparent; } .yith-woocompare-widget-content a.clear-all::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; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .yith-woocompare-widget-content a.clear-all: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");} .yith-woocompare-widget-content a.clear-all:hover{ padding: 0; color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .yith-woocompare-widget-content a.clear-all: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;} #yith-woocompare a.yith_woocompare_clear{margin-bottom: var(--large);} #yith-woocompare a.yith_woocompare_clear, .yith-woocompare-widget-content a.compare-widget, .yith-woocompare-widget-content a.compare { text-transform: none; border-radius: 50px !important; padding: 10px 48px !important; min-height: 50px !important; line-height: 1.1 !important; font-weight: var(--bold) !important; border: none !important; display: inline-flex !important; 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; font-size: inherit !important; background-color: var(--primary-color)!important; color: var(--white)!important; float: none !important; } #yith-woocompare a.yith_woocompare_clear:hover, .yith-woocompare-widget-content a.compare-widget:hover, .yith-woocompare-widget-content a.compare:hover { padding-left: 38px !important; padding-right: 58px !important; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: var(--dark) !important; color: var(--white) !important; } #yith-woocompare a.yith_woocompare_clear:after, .yith-woocompare-widget-content a.compare-widget:after, .yith-woocompare-widget-content a.compare: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; 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");} #yith-woocompare a.yith_woocompare_clear:hover:after, .yith-woocompare-widget-content a.compare-widget:hover:after, .yith-woocompare-widget-content a.compare: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;} .filter-apply {display: flex;justify-content: space-between;align-items: center;margin-top: 12px;} .filter-apply .btn {padding: 10px 17px;min-height: 34px;line-height: 14px;} .filter-expand span + span { display: none; font-weight: var(--bold); } .filter-wrapper.show .filter-expand span { display: none; } .filter-wrapper.show .filter-expand span + span { display: block; } .filter-wrapper > ul > li:nth-child(n + 11) {display: none;} .filter-wrapper.show > ul > li:nth-child(n + 11) {display: block;} .filter-expand:hover { font-weight: var(--bold);text-decoration: underline; color: var(--primary-color); } .filter-apply .btn:hover { padding-left:22px; } .product-compare-checkbox .check-box > span { color: var(--primary-color); padding-left: 24px; } .dark-strip { display: flex; align-items: center; justify-content: space-between; background-color: var(--dark); color: var(--white); padding: var(--xlarge); border-radius: 24px; margin-top: var(--xlarge); } .dark-strip > div { width: 50%; } .dark-strip-title h3 { margin: 0; } .dark-strip form { padding-left: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .dark-strip form label { font-size: 18px; font-weight: var(--bold); margin: 0 0 12px; width: 100%; color: var(--white) !important; } .dark-strip form label + div { width: calc(100% - 150px); } .dark-strip form .form-control::-webkit-input-placeholder {color: #CCCCCC;} .dark-strip form .form-control:-ms-input-placeholder {color: #CCCCCC;} .dark-strip form .form-control::placeholder {color: #CCCCCC;} .dark-strip form .form-control { border-radius:28px; height: 48px; padding: 0 26px;font-size: 18px; font-weight: var(--bold); } .dark-strip form .form-control:focus { border-color: var(--dark); box-shadow: none; } .dark-strip-title {position: relative;} .dark-strip-title h3 { padding-left: 66px; } .dark-strip-icon {position: absolute;top: 5px;left: 0; width: 40px; } .dark-strip-icon img { max-width: 40px; max-height: 40px; } .light-gray.check-mark-list>ul>li:after {width: 7px;height: 7px;background: var(--primary-color) !important;border-radius: 20px;border: none;content: "";top: 5px;} .light-gray.check-mark-list>ul>li { padding-left: 18px; } .light-gray.check-mark-list h3 { color: var(--primary-color); margin: 0 0 12px; } .light-gray.check-mark-list>ol { margin: 0; padding: 0; } .light-gray.check-mark-list>ol>li { margin-top:12px; list-style: none; counter-increment: my-awesome-counter; margin-bottom: 0; position: relative; } .light-gray.check-mark-list>ol>li a { color: val(--primary-color); text-decoration: underline; } .light-gray.check-mark-list>ol>li::before {content: counter(my-awesome-counter)'.'; position: absolute; top: 0; left: 0; font-weight: var(--bold);} /* article pages */ .tags-related-post { border-top: 2px solid #f5f5f5; } .tags-related-post .card-featured .featured-img { padding-top: 68%; } .testimonial-content .bg-white{ border: 2px solid var(--dark);} .testimonial-content > div > img{ max-width: 185px;} /* --- Bonfire Added 05-26-23 ---*/ .testimonial-content h1 {font-size: 32px;line-height: 1.3em; margin-bottom:24px;} .testimonial-content h2 {font-size: 26px; line-height: 1.3em;} .testimonial-content h3 {font-size: 22px;line-height: 1.3em;} .testimonial-content h4 {font-size: 18px;line-height: 1.3em;} /* --- Bonfire End ---*/ .testimonial-content > img, .testimonial-content > p > img, .article-detail > p > img, .article-detail > img { border-radius: 32px; margin-top: var(--large); margin-bottom: -12px;} .article-time strong {text-transform: uppercase;margin-right: 8px;} .article-time {color: #212121;margin-top:var(--base);} .testimonial-content, .article-detail { counter-reset: my-awesome-counter; } /* .article-detail h3 { font-weight: 400; } */ .testimonial-content > h2, .article-detail > h2, .testimonial-content > h3, .article-detail > h3, .testimonial-content > h4, .article-detail > h4, .testimonial-content > h5, .article-detail > h5 { margin: var(--xlarge) 0 12px; } .testimonial-content > h1 + h2, .article-detail > h1 + h2 {margin-top: 0;} .testimonial-content > h1 + h3, .article-detail > h1 + h3 {margin-top: 0;} .testimonial-content > h1 + h4, .article-detail > h1 + h4 {margin-top: 0;} .testimonial-content > h1 + h5, .article-detail > h1 + h5 {margin-top: 0;} .testimonial-content > h2 + h1, .article-detail > h2 + h1 {margin-top: 0;} .testimonial-content > h2 + h3, .article-detail > h2 + h3 {margin-top: 0;} .testimonial-content > h2 + h4, .article-detail > h2 + h4 {margin-top: 0;} .testimonial-content > h2 + h5, .article-detail > h2 + h5 {margin-top: 0;} .testimonial-content > h3 + h1, .article-detail > h3 + h1 {margin-top: 0;} .testimonial-content > h3 + h2, .article-detail > h3 + h2 {margin-top: 0;} .testimonial-content > h3 + h4, .article-detail > h3 + h4 {margin-top: 0;} .testimonial-content > h3 + h5, .article-detail > h3 + h5 {margin-top: 0;} .testimonial-content > h4 + h1, .article-detail > h4 + h1 {margin-top: 0;} .testimonial-content > h4 + h3, .article-detail > h4 + h3 {margin-top: 0;} .testimonial-content > h4 + h2, .article-detail > h4 + h2 {margin-top: 0;} .testimonial-content > h4 + h5, .article-detail > h4 + h5 {margin-top: 0;} .testimonial-content > h4 + h1, .article-detail > h4 + h1 {margin-top: 0;} .testimonial-content > h4 + h2, .article-detail > h4 + h2 {margin-top: 0;} .testimonial-content > h4 + h3, .article-detail > h4 + h3 {margin-top: 0;} .testimonial-content > h4 + h5, .article-detail > h4 + h5 {margin-top: 0;} .testimonial-content > h5 + h1, .article-detail > h5 + h1 {margin-top: 0;} .testimonial-content > h5 + h2, .article-detail > h5 + h2 {margin-top: 0;} .testimonial-content > h5 + h3, .article-detail > h5 + h3 {margin-top: 0;} .testimonial-content > h5 + h4, .article-detail > h5 + h4 {margin-top: 0;} .testimonial-content > h2:first-child, .article-detail > h2:first-child, .testimonial-content > h3:first-child, .article-detail > h3:first-child, .testimonial-content > h4:first-child, .article-detail > h4:first-child, .testimonial-content > h5:first-child, .article-detail > h5:first-child{margin-top: 0;} .article-detail > iframe { margin-top: var(--xlarge); } .article-detail p { margin-bottom: var(--base); } .article-detail ol { margin: 0; padding: 0; counter-reset: my-awesome-counter; } .article-detail ol > li {counter-increment: my-awesome-counter; margin-bottom: var(--xlarge); padding-left: 32px; position: relative; } .article-detail ol > li > h3 { font-weight:400; margin: 0 0 6px; } .article-detail ol > li > h3::before { content: counter(my-awesome-counter)'.'; position: absolute; top: 0; left: 0; font-weight: var(--bold); } .article-detail ol > li ul {margin-top: var(--base);} .f-400{font-weight: 400;} .testimonial-content p { margin-bottom: var(--base); } .testimonial-content ol { margin: 0; padding: 0; counter-reset: my-awesome-counter; } .testimonial-content ol > li {counter-increment: my-awesome-counter; margin-bottom: var(--xlarge); padding-left: 32px; position: relative; } .testimonial-content ol > li > h3 { font-weight:400; margin: 0 0 6px; } .testimonial-content ol > li > h3::before { /*content: counter(my-awesome-counter)'.';*/ content: counter(chapter) ". "; counter-increment: chapter; position: absolute; top: 0; left: 0; font-weight: var(--bold); } .testimonial-content ol > li ul {margin-top: var(--base);} .single-post .testimonial-content ol {padding: 0 0 0 18px;} .single-post .testimonial-content ol > li {padding-left: 0px;} .single-post .content-saltus-techSec { border: none !important; } .light-gray.check-mark-list>ol>li { padding-left:28px;} .testimonial-content ol > li img{ border-radius: 32px; margin-top: var(--large) !important;} .testimonial-content ol > li img.img-full{ margin-left: -32px; max-width: calc(100% + 32px); } .article-detail p:empty, .testimonial-content p:empty { margin-bottom: 0 !important; display: none;} .article-detail iframe, .testimonial-content iframe{width: 100%;} .article-detail .product-footer-note p, .testimonial-content .product-footer-note p { margin-bottom: 1rem; } .article-detail .vidyard-player-container, .testimonial-content .vidyard-player-container{margin-top: var(--base) !important; margin-bottom: var(--base) !important;} .custom-popup .mfp-figure:after { background-color: transparent; display: none !important; } .custom-popup img { border-radius: 40px; padding: 0 !important; } .custom-popup .mfp-bg img, .custom-popup .mfp-wrap img { border-radius:40px; } .img-popup { display: block; position: relative; } .img-popup img{ border-radius: 32px; } .img-popup::before { content: ""; position: absolute; top: 30px; right:30px; background: url(../../img/fullscreen.svg) no-repeat center; width: 55px; height: 55px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background-color: #44DF8A; } .custom-popup button.mfp-arrow, .custom-popup button.mfp-close {top: 30px !important; font-size: 0; right: 30px !important;width: 55px !important;height: 55px; background: url(../../img/close-icon.svg) no-repeat center; border-radius: 12px;display: flex !important;align-items: center;justify-content: center;background-color: #44DF8A !important;opacity: 1;padding: 0 !important;} .custom-popup button.mfp-close { cursor: pointer !important; } .tags-main .author-box + div {margin-top: 48px;padding-top: 48px;position:relative;} .tags-main .author-box + div:before {content: '';position: absolute;right: -12px;top: 0;height:2px;width: 500%;background-color: #f5f5f5;} .my-sec { position: relative; } .published-box {display: flex;align-items: center;justify-content: center;} .published-box .published-logo img{ width: 48px; height: 48px; object-fit: cover; object-position: center; border-radius: 50%; background-color: #fff;} .published-content h5 {margin: 0 0 4px;} .published-box .published-logo ~ .published-content {text-align: left;padding-left: 18px;} .published-content a{color: var(--black);} .published-content a:hover{color: var(--primary-color);} /* --- Bonfire Added 05-26-23 ---*/ .case-study-sec h1 {font-size: 32px; line-height: 1.3em; margin-bottom:12px; } /* -- End --*/ .case-study-sec.hero-banner h2, .case-study-sec.hero-banner h3 { margin-bottom:12px; } /* bonfire 012423 - added padding to button*/ .padding-top-large{ margin-top:var(--large); } .subscribe {display: flex;flex-wrap: wrap;align-items: center;margin-top: var(--xlarge);} .subscribe > strong { margin-right: 9px;} .subscribe > div {display: flex;flex-wrap: wrap;} .subscribe > div > a {padding: 0 9px;display: inline-block;vertical-align: middle;} .overlay-card-box .card-featured .featured-details .featured-title {color: var(--blue-color);text-align: center;font-weight: 400;margin-bottom: 12px;} .overlay-card-box .card-featured .featured-details .featured-btn {text-align:center;} .overlay-card-box .card-featured {position: relative;padding-bottom: 85px;} .overlay-card-box .card-featured:hover { box-shadow: inherit !important; transform: inherit; } .overlay-card-box .card-featured:hover .featured-details { box-shadow:0 .5rem 1rem rgba(0,0,0,.25)!important; transition: all .3s ease-in-out; } .overlay-card-box .featured-details {position: absolute;bottom: 22px;left: 35px;width: calc(100% - 70px);border-radius: 32px; padding: 35px 32px 32px;} .overlay-card-box .card-featured .featured-details p { line-height: 1.4em; } .overlay-card-box .featured-img {padding-top: calc(100% - 100px);border-radius: 32px;} .overlay-card-box .slick-dotted.slick-slider { margin-bottom: 18px; } .overlay-card-box:not(.dot-hide) .slick-dotted.slick-slider { margin-bottom: 0; } .industries-slider .slider[data-slide="3"] { padding: 0 92px; } .industries-slider .slider[data-slide="3"] .slick-arrow { top: 50%; position: absolute; transform: translateY(-50%); } .industries-slider .slider[data-slide="3"] .slick-prev { left:0; } .industries-slider .slider[data-slide="3"] .slick-next { right:0; left: auto; } .bg-primary{color: var(--white);} label {text-align: left; width: 100%; color: var(--dark) !important; max-width: 100% !important; } .gform_wrapper.gravity-theme .gfield_label{margin-bottom: 10px !important; font-weight: var(--bold) !important;} .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 36px !important; grid-column-gap:24px !important;} .ginput_container > input, .ginput_container select, .ginput_container textarea {border-radius: 30px; border: none;height: 44px;padding: 0 18px !important;font-size: 16px !important; color: var(--dark) !important; } .ginput_container select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background: #fff url(../../img/select-icon.svg) no-repeat center right 18px; padding-right: 40px !important;} .ginput_container textarea {padding: 12px 18px !important; border-radius: 14px; height: 151px !important; } .ginput_container input::placeholder {color: #CCCCCC;opacity: 1;} .ginput_container input:-ms-input-placeholder {color: #CCCCCC;} .ginput_container input::-ms-input-placeholder {color: #CCCCCC;} .gfield_label { text-align: left; font-size: 16px !important; } .ginput_container textarea::placeholder {color: #CCCCCC;opacity: 1;} .ginput_container textarea:-ms-input-placeholder {color: #CCCCCC;} .ginput_container textarea::-ms-input-placeholder {color: #CCCCCC;} .gform_wrapper .gfield_required{ font-size: 20px !important; padding-left: 0.3em !important;} .ginput_container > input, .ginput_container select, .ginput_container textarea {border: 2px solid var(--dark);} .font-10 .gfield_description{font-size: 10px !important;} .font-12 .gfield_description{font-size: 12px !important;} .font-13 .gfield_description{font-size: 13px !important;} .font-14 .gfield_description{font-size: 14px !important;} .gfield_description{line-height: 1.6 !important;} .gfield_radio .gchoice{display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; width: fit-content; } .gfield_radio .gchoice input {cursor: pointer;} .gfield_radio .gchoice input + label{cursor: pointer;} .gfield_radio .gchoice {position: relative;} .gfield_radio .gchoice > input{position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;z-index: 1; cursor: pointer; } .gfield_radio .gchoice > label{position: relative;padding-left: 24px; cursor: pointer; display: inline-block; padding-right: 20px; line-height: 1.7; font-weight: 400;} .gfield_radio .gchoice > label:before {content: "";width: 16px;height: 16px;border: 1px solid #000;position: absolute;top:5px;left: 0;border-radius: 50px; } .gfield_radio .gchoice > input:checked + label:before{background-color: var(--primary-color); background-repeat: no-repeat; background-position: center; box-shadow: 0 0 0 2px #fff inset; } .bg-primary .ginput_container > input, .bg-primary .ginput_container select, .bg-primary .ginput_container textarea, .section-dark .ginput_container > input, .section-dark .ginput_container select, .section-dark .ginput_container textarea, .form-style .ginput_container > input, .form-style .ginput_container select, .form-style .ginput_container textarea {border: 0;} .form-style {margin: 24px 0 0;} .bg-primary .gform_wrapper label, .section-dark .gform_wrapper label, .form-style label {color: #fff !important; } .form-style .gform_wrapper.gravity-theme .gform_footer, .form-style .gform_wrapper.gravity-theme .gform_page_footer { padding: 26px 0 0; } .gfield_html_formatted {font-size: 16px;text-align: left;font-weight: 400; padding-left: 8px; } .bg-primary .gfield_html_formatted a, .section-dark .gfield_html_formatted a, .form-style .gfield_html_formatted a { color: #fff; text-decoration: underline; } .bg-primary .gfield_html_formatted, .section-dark .gfield_html_formatted{color: var(--white);} .bg-primary .gfield_html_formatted a:hover, .section-dark .gfield_html_formatted a:hover { color: var(--yellow-color); } .form-btn-right .gform_footer{text-align: right;} .form-btn-center .gform_footer{text-align: center;} .gform_button:not(.btn-light-outline){ border-radius: 50px; background-color: var(--primary-color); padding: 10px 55px; font-size: 16px; min-height: 50px; margin-bottom: 0 !important; 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; color:var(--white); } .gform_button + img { margin-left: 12px; } .gform_button:hover { background-color: var(--dark); color: var(--white); transition: all .3s ease-in-out; padding-left: 45px; padding-right: 65px; } .gform_button: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; 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='%23ffffff' 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='%23ffffff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .gform_button:hover:after { right: 42px; opacity: 1; transition: all .3s ease-in-out; } .bg-primary .gform_button, .section-dark .gform_button, .form-style .gform_button{ color:var(--primary-color); background-color: var(--light-white); } .bg-primary .gform_button:hover, .section-dark .gform_button:hover, .form-style .gform_button:hover { background-color: var(--yellow-color); color: var(--dark);} .bg-primary .gform_button:after, .section-dark .gform_button:after, .form-style .gform_button: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"); } div.validation_message { padding: 0 !important; background:none !important; border: none !important; text-align:left; margin-top: 4px !important; margin-bottom: -18px !important; width: auto !important; } .gform_wrapper .ginput_container div.validation_message{margin-bottom: 0 !important; color: #FD1B44 !important;} .gform_wrapper div.validation_message{ color: #FD1B44 !important;} .gform_wrapper .gfield_required { color: #af0322 !important; font-weight:500;} .gform_wrapper .gform_validation_errors{ margin-bottom: 28px !important; margin-top: 8px !important;} .gform_wrapper .gfield_error [aria-invalid=true] { border: 1px solid #FD1B44 !important; } .gform_wrapper .gfield_error [aria-invalid=true]{border-width: 2px !important;} .gform_wrapper .gform_ajex_spinner{display: none;} .gform_wrapper .field_description_below a{text-decoration: underline !important;} .gform_wrapper .gform_validation_errors>h2 { color: #FD1B44 !important;} .gform_wrapper .gform_validation_errors { border: 1.5px solid #FD1B44 !important;} /* .gform_wrapper .gfield_error [aria-invalid=true] { border: 2px solid #c02b0a; } */ .gform_confirmation_message:before { content: ''; background: url(/wp-content/uploads/2022/02/form-confirm.svg) no-repeat; background-size: contain; position: relative; width: 11%; height: auto; margin-right: 24px;} .gform_confirmation_message{ display: flex; text-align: left!important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 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); padding-left: 4%; } #gform_wrapper_15 .gform_body, #gform_wrapper_135 .gform_body, #gform_wrapper_134 .gform_body { padding: var(--large); background: var(--light-white); border-radius: 24px; } #gform_wrapper_15 .gfield--width-half .gfield_label, #gform_wrapper_135 .gfield--width-half .gfield_label, #gform_wrapper_134 .gfield--width-half .gfield_label { text-align: center !important; } #gform_wrapper_15 input[readonly*="readonly"], #gform_wrapper_135 input[readonly*="readonly"], #gform_wrapper_134 input[readonly*="readonly"]{ background: var(--light-white); font-size: 18px !important; font-weight: var(--bold); text-align: center !important; } #gform_wrapper_15 .calc-h4 h3, #gform_wrapper_135 .calc-h4 h3, #gform_wrapper_134 .calc-h4 h3{ font-size: var(--font-h4); font-weight: var(--bold); } #gform_wrapper_15 .calc-h4 h3 ~ .gsection_description, #gform_wrapper_135 .calc-h4 h3 ~ .gsection_description, #gform_wrapper_134 .calc-h4 h3 ~ .gsection_description { padding-top: 0 !important; margin-top: -10px !important; } #gform_wrapper_15 .calc-h2 h3, #gform_wrapper_135 .calc-h2 h3, #gform_wrapper_134 .calc-h2 h3{ font-size: var(--font-h2); font-weight: var(--bold); } #gform_wrapper_15.gform_wrapper.gravity-theme .gfield input.medium, #gform_wrapper_15.gform_wrapper.gravity-theme .gfield select.medium, #gform_wrapper_135.gform_wrapper.gravity-theme .gfield input.medium, #gform_wrapper_135.gform_wrapper.gravity-theme .gfield select.medium, #gform_wrapper_134.gform_wrapper.gravity-theme .gfield input.medium, #gform_wrapper_134.gform_wrapper.gravity-theme .gfield select.medium { width: 100%; } #gform_wrapper_15.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number, #gform_wrapper_135.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number, #gform_wrapper_134.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number{position: relative;} #gform_wrapper_15.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number::before, #gform_wrapper_135.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number::before, #gform_wrapper_134.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number::before{ position: absolute; content: "$"; font-weight: 600; top: 11px; left: 24px; } #gform_wrapper_15.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number input, #gform_wrapper_135.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number input, #gform_wrapper_134.gform_wrapper.gravity-theme .gfield.before-icon .ginput_container_number input{padding-left: 40px !important;} #gform_wrapper_15.gform_wrapper.gravity-theme .gsection, #gform_wrapper_135.gform_wrapper.gravity-theme .gsection, #gform_wrapper_134.gform_wrapper.gravity-theme .gsection { border-top: 1px solid #ccc; border-bottom: none; padding: 26px 16px 0px 16px; } .page-id-7264 .video-inner.blue-overlay::before{ background-color: rgba(33,33,33,0.66); } .page-id-6565 .experience-intro .shine-img{ background-size: contain; } /* Prafull CSS */ .r-64 {position: relative; overflow:hidden;transform: translateZ(0) scale(1.0, 1.0);backface-visibility: hidden;} .r-64 img{ position:absolute; left:0px; top:0px;} .r-64:before {display: block;content: " ";width: 100%;padding-top: 64.72%;} .r-64 > .content {position: absolute;top: 0;left: 0;right: 0;bottom: 0; overflow:hidden; margin:0;} .article-detail ul>li::before, .testimonial-content ul>li:before {content: '';position: absolute;width: 7px;height: 7px;background-color: var(--primary-color);border-radius: 50%;left: 0;top: 6px;} /* .center-big {width: 854px;} */ .testimonial-box {padding: 48px; margin-bottom: 30px;} .testimonial-box:not(.bg-light-gray) {color: #fff;} .testimonial-box.bg-light-gray h3 {color: var(--primary-color);} .testimonial-box.bg-light-gray.quote-icon:before{background: url(../../img/quotation-mark-blue.svg);} .testimonial-profile {margin-bottom: 24px; display: flex;} .testimonial-profile img {margin-right: 24px; flex: 0 0 88px; width: 88px; height: 88px; object-fit: cover; object-position: top; border-radius: 50%;} .tp-big {font-size: 20px; font-weight: var(--bold);} .tp-small {font-size: 18px; margin-top: 10px;} .testimonial-bottom h3 {font-size: 28px;} .testimonial-box.quote-icon>* {padding-right: 91px;} .testimonial-bottom {font-size: 16px;} .testimonial-bottom p{line-height: 1.4;} .quote-icon {position: relative;} .quote-icon:before {position: absolute;content: '';background: url(../../img/quotation-mark.svg);width: 45px;height: 45px;right: 62px;top: 25px;background-repeat: no-repeat; background-position: center; background-size:cover;} .testimonial-box + .testimonial-content {margin-top: 50px;} .left-author .testimonial-box { padding: 24px;} .left-author .quote-icon:before{ width: 34px; height: 34px; right: 18px; top: 18px;} .left-author .testimonial-box>* { padding-right: 40px; } .left-author .testimonial-profile { margin-bottom: 18px;} .left-author .testimonial-bottom { font-size: inherit; } .testimonial-profile img {margin-right: 18px; flex: 0 0 66px; width: 66px; height: 66px; } /* .testimonial-content {font-size: 16px;} */ .article-detail > h2, .testimonial-content > h2{margin-bottom: 30px;} .article-detail ul, .testimonial-content ul {list-style-type: none;padding: 0;} .article-detail ul > li, .testimonial-content ul>li {position: relative;padding-left: 20px;} .article-detail ul > li + li, .testimonial-content ul>li+li {margin-top: 12px;} .article-detail .two-col ul, .testimonial-content .two-col ul {column-count: 2;} .tags-main {position:relative;height: 100%;padding: 60px 0;} .tags-main:before {content:'';position:absolute;right: -14px;top:0;bottom:0;border-right: 2px solid #f5f5f5;} .trp-title {font-size: 18px;font-weight: var(--bold);margin-bottom: var(--base);} .trp-title + .three-column-slider { margin-top: calc(var(--base) * -1);} .tags-list {display: flex;flex-wrap: wrap;} .tags-list a {border: 2px solid #212121;padding: 12px;border-radius: 40px;font-size: 14px;font-weight: var(--bold);text-transform: uppercase;color: #212121;margin-right: 12px;margin-bottom: 12px;transition: all .3s ease-in-out;line-height: 0.95;} .tags-list a:hover {background: #212121;color: #fff;} .tags-list > a:nth-child(n + 6) {display: none;} .tags-list.show > a:nth-child(n + 6) {display: inline-block;} .tags-list-btn a {font-size: 18px;color: #0D2EA0;} .tags-list-btn a:hover {color: #212121;} .tags-list-btn {margin-top: 12px;} /* .related-content {padding: 60px 0 var(--xxxlarge); padding-left: 65px;} */ .related-content { padding: 60px 0 var(--xxxlarge); padding-left: 28px; } /* .related-content .trp-title { margin: 0; } */ /* .related-content .three-column-slider .slick-list .slick-track > div {padding-top: 0;} */ .article-detail .round-checkmark-1 ul > li + li, .testimonial-content .round-checkmark-1 ul>li+li {margin-top: 0px;} .testimonial-content+.testimonial-box {margin-top: 50px;} .check-mark-list {padding: 24px;} .check-mark-list>ul>li:before{display:none;} .check-mark-list>ul>li:after {font-family: 'icomoon' !important;content: "\e90b";position:absolute;left: 0;font-size: 12px;width: 24px;height: 24px;border-radius: 50%;border: 2px solid #44DF8A;color: #44DF8A;text-align: center;line-height: 21px;top: -2px;} .check-mark-list>ul>li {padding-left: 36px;} /* .slick-track{margin-left: 0; margin-right: 0;} */ .thankyou-img img{max-height: 400px;} .section-padding.zig-sec .title { max-width: 700px;} /* step by step Form */ .form-step-inner{ max-width: 733px; margin-left: auto; padding: var(--large); background: #fff; border-radius: var(--base); } .form-step-inner .gform_wrapper.gravity-theme .gf_page_steps{margin-bottom: var(--xlarge); border-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; margin-top: -12px;} .form-step-inner .gform_wrapper.gravity-theme .gf_step{display: inline-flex; align-items: center; margin: 12px 12px 0px 0; flex: 1 0 0%;} .form-step-inner .gform_wrapper.gravity-theme .gf_step:last-child{ margin-right: 0px ;} .form-step-inner .gform_wrapper.gravity-theme .gf_step_number{display: flex; align-items: center; justify-content: center; background: 0 0; border-radius: 6px; border: 2px solid #CCCCCC; color: #CCCCCC; font-size: 0px; font-weight: 500; height: 36px; text-align: center; width: 36px; flex: 0 0 36px; } .form-step-inner .gform_wrapper.gravity-theme .gf_step_label { color: inherit; font-size: 16px; font-weight: 400; line-height: 22px; padding-left: 12px; color: #CCCCCC; } .form-step-inner .gform_wrapper.gravity-theme .gf_step_label > span{ display: block; font-size: 14px; text-transform: uppercase; font-weight: var(--bold); line-height: 1.2;} .form-step-inner .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before, .form-step-inner .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after{content: none;} .form-step-inner .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number, .form-step-inner .gform_wrapper.gravity-theme .gf_step_active .gf_step_number{ background: var(--primary-color); font-size: 16px; border-color: var(--primary-color); color: #fff; } .form-step-inner .gform_wrapper.gravity-theme .gf_step_completed .gf_step_label > span, .form-step-inner .gform_wrapper.gravity-theme .gf_step_active .gf_step_label > span{color: var(--primary-color); } .form-step-inner .gform_wrapper.gravity-theme .gf_step_completed .gf_step_label, .form-step-inner .gform_wrapper.gravity-theme .gf_step_active .gf_step_label {color: var(--dark);} .form-step-inner .gform_wrapper.gravity-theme .gform_fields{ grid-row-gap: 24px !important; grid-column-gap: 24px !important; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer{margin-top: var(--xlarge); padding: 0; display: inline-block; width: 100%;} .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input{margin-bottom: 0;} .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_button, .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_next_button, .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button{float: right;} .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_next_button, .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_previous_button{ color: var(--dark); line-height: 1.1; font-weight: var(--bold); border: none; display: inline-flex; align-items: center; justify-content: center; position: relative; background-color: transparent; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_next_button::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"); 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; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_next_button:hover::after { background-color: var(--dark); color: var(--white); transform: translateX(5px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_previous_button, .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_previous_button{float: left; color: var(--dark);} .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_previous_button:after{content: none; display: none;} .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_previous_button:before{ position: unset; opacity: 1; transform: translateY(0%) rotate(180deg); 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-right: 10px; 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"); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer button.gform_previous_button:hover::before { background-color: var(--dark); color: var(--white); 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; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button, .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_previous_button{ border-radius: 50px; padding: 10px 42px; min-height: 50px; line-height: 1.1; font-weight: var(--bold); border: none; display: inline-flex; align-items: center; justify-content: center; position: relative; background-color: transparent; border: 2px solid var(--dark); color: var(--dark); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button:hover, .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_previous_button:hover{ color: var(--white); background-color: var(--primary-color); border-color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-step-inner .gform_wrapper.gravity-theme .gform_page { display: grid;} /* step by step Form */ /* new step by step Form */ .contact-steps-form { max-width: 733px; margin-left: auto; padding: var(--large); background: #fff; border-radius: var(--base); } .contact-steps-form .gf_page_steps{margin-bottom: var(--xlarge) !IMPORTANT;border-bottom: 0 !IMPORTANT;display: flex;align-items: center;flex-wrap: wrap;margin-top: -12px;} .contact-steps-form .gf_step{display: inline-flex; align-items: center; margin: 12px 12px 0px 0; flex: 1 0 0%;} .contact-steps-form .gf_step:last-child{ margin-right: 0px ;} body form.contact-steps-form .gf_step_number{display: flex;align-items: center;justify-content: center;background: 0 0;border-radius: 6px !important;border: 2px solid #CCCCCC !important;color: #CCCCCC !important;font-size: 0px !important;font-weight: 500 !important;height: 36px !important;text-align: center !important;width: 36px !important;flex: 0 0 36px;} .contact-steps-form .gf_step_label { color: inherit; font-size: 16px; font-weight: 400; line-height: 22px; padding-left: 12px; color: #CCCCCC; } .contact-steps-form .gf_step_label > span{display: block;font-size: 14px;text-transform: uppercase;font-weight: var(--bold);line-height: 1.2;color: #CCCCCC;margin: 0 0 2px;} .contact-steps-form .gf_step_completed .gf_step_number::before, .contact-steps-form .gf_step_completed .gf_step_number::after{content: none !important;} .contact-steps-form .gf_step_completed .gf_step_number, .contact-steps-form .gf_step_active .gf_step_number {background: var(--primary-color) !important;font-size: 16px !important;border-color: var(--primary-color) !important;color: #fff !important;} .contact-steps-form .gf_step_completed .gf_step_label > span, .contact-steps-form .gf_step_active .gf_step_label > span{color: var(--primary-color); } .contact-steps-form .gf_step_completed .gf_step_label, .contact-steps-form .gf_step_active .gf_step_label {color: var(--dark);} .contact-steps-form .gform_fields{ grid-row-gap: 24px !important; grid-column-gap: 24px !important; } .contact-steps-form .gform_page_footer{margin-top: var(--xlarge); padding: 0; display: inline-block; width: 100%;} .contact-steps-form .gform_page_footer input{margin-bottom: 0;} .contact-steps-form .gform_page_footer button.gform_button, .contact-steps-form .gform_page_footer button.gform_next_button, .contact-steps-form .gform_page_footer input.gform_next_button{float: right;} .contact-steps-form .gform_page_footer button.gform_next_button, .contact-steps-form .gform_page_footer button.gform_previous_button{ color: var(--dark); line-height: 1.1; font-weight: var(--bold); border: none; display: inline-flex; align-items: center; justify-content: center; position: relative; background-color: transparent; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact-steps-form .gform_page_footer button.gform_next_button::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"); 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; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact-steps-form .gform_page_footer button.gform_next_button:hover::after { background-color: var(--dark); color: var(--white); transform: translateX(5px); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact-steps-form .gform_page_footer button.gform_previous_button, .contact-steps-form .gform_page_footer input.gform_previous_button{float: left; color: var(--dark);} .contact-steps-form .gform_page_footer button.gform_previous_button:after{content: none; display: none;} .contact-steps-form .gform_page_footer button.gform_previous_button:before{ position: unset; opacity: 1; transform: translateY(0%) rotate(180deg); 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-right: 10px; 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"); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact-steps-form .gform_page_footer button.gform_previous_button:hover::before { background-color: var(--dark); color: var(--white); 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; } .contact-steps-form .gform_page_footer input.gform_next_button, .contact-steps-form .gform_page_footer input.gform_previous_button{ border-radius: 50px; padding: 10px 42px; min-height: 50px; line-height: 1.1; font-weight: var(--bold); border: none; display: inline-flex; align-items: center; justify-content: center; position: relative; background-color: transparent; border: 2px solid var(--dark); color: var(--dark); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact-steps-form .gform_page_footer input.gform_next_button:hover, .contact-steps-form .gform_page_footer input.gform_previous_button:hover{ color: var(--white); background-color: var(--primary-color); border-color: var(--primary-color); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contact-steps-form .gform_page { display: grid;} /* new step by step Form */ #gform_submit_button_134 { display: none !important;} /* #cookie-notice .cn-button:not(.cn-button-custom){background-color: #0D2EA0 !important;} */ #cookie-law-info-bar{padding-top: 0 !important; padding-bottom: 0 !important;} #cookie-law-info-bar .cli-bar-container, #cookie-notice .cookie-notice-container { display: flex !important; max-width: 1440px; margin: 0 auto; align-items: center; justify-content: space-between; padding-left: 0; padding-right: 0; padding-top: 18px; padding-bottom: 18px; } #cookie-law-info-bar .cli-bar-container .cli-bar-message, #cookie-notice .cookie-notice-container .cn-text-container{ text-align: left; max-width: 80%; margin-bottom: 0%; font-size: 13px ; } #cookie-notice .cookie-notice-container .cn-text-container a{ color: var(--white); text-decoration: underline;} #cookie-notice .cookie-notice-container .cn-text-container a:hover{ color: var(--dark);} .cli_settings_button, .cli_action_button, .btn.btn-accept{ padding-top: 6px; padding-bottom: 6px; min-height: 35px; color: var(--dark) !important; background-color: #fff !important; font-size: 14px; padding: 6px 28px; border-radius: 50px; 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; font-weight: var(--bold) !important; } .cli_settings_button:after, .cli_action_button:after, .btn.btn-accept:after { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); opacity: 0; content: ""; background: url(../../img/bullet-checkmark.svg); height: 18px; width: 18px; background-size: contain; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .cli_settings_button: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"); background: none; line-height: 1.4; } .cli_settings_button:hover{background: var(--yellow-color) !important;} .cli_settings_button:hover, .cli_action_button: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; } .cli_settings_button:hover:after, .cli_action_button: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; } .page-id-8012 .case-study-sec.hero2 .shine-img{background-position: left;} .page-id-8065 .case-study-sec.hero2 .shine-img{background-position: right;} #featured-content-s-v1{ padding: var(--xxxlarge) 0; margin: 0;} @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .content-hub-wrapper { row-gap: 0; margin-top: -24px; } .content-hub-wrapper > [class^="col-"] { margin-top:24px; } } } .tags-related-post .card-featured .featured-img .feature-left.upcoming{background-color: var(--green-color);} @media (min-width:1200px) { .printer-intro h3 { font-size: 28px; } } @media (max-width: 1199.98px){ .btn { line-height: 1; } .printer-slider { padding: 0 36px; } .video-inner { padding: 100px 0; } .on-demand-sec .row > [class^=col-]:first-child > .shine-img { min-height: 380px;} } /* responsive */ @media (min-width: 1550px){ .font-18 { font-size: 18px; } .section-padding.press-banner { padding: 125px 0 110px; } .icons-box.medium .text-box h4, .icons-box.large .text-box h4 { font-size: 24px; } .features-left h2 { font-size: 32px; } .feature-list-points {-ms-grid-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr;grid-template-columns: 290px 290px; grid-gap: 7.5rem; } .feature-list-points h3 {margin: 0 0 12px; font-size: 28px; } .feature-list-points h3:after { left: calc(100% + 194px); } .feature-list-points h3:before { width: 170px; } .feature-list-points > div:nth-child(even) h3:after { right: calc(100% + 194px); } .feature-list-points h3:before { left:calc(100% + 24px); } .feature-list-points > div:nth-child(even) h3:before { right: calc(100% + 24px); } .dark-strip form { padding-left: 60px; } .printer-slide .btn.btn-icon-solid { margin-right: 12px; } .case-study-content.dark-bg { padding: 35px; } .case-study-content > h3 { font-size: 28px; } /* .section-padding.feature-img-style2 { padding-top: 150px; } */ .case-study-sec .vidyard-lightbox-centering{padding-bottom: 66%;} .min-h-720{display: flex; align-items: center; justify-content: center; min-height: 720px;} .video-inner {display: flex; align-items: center; justify-content: center; min-height: 607px;} .min-h-720, .video-inner > div{max-width: 100%;min-width: 80%;} } @media (max-width: 1549.98px){ #cookie-law-info-bar .cli-bar-container, #cookie-notice .cookie-notice-container { max-width: 1320px; } } @media (max-width: 1399.98px){ .feature-img-style0 .feature-list-points { grid-gap:6rem; } .font-18 { font-size: 16px; } .feature-list-points h3:before, .feature-list-points h3:after { top:14px; } .feature-list-points h3:after { top: 10px; } .solution-img > img { top: 0; bottom: 0; margin: auto; } .overlay-card-box .featured-details { width: calc(100% - 40px); left: 20px; } .testimonial-bottom h3 {font-size: 26px;} .tags-main {padding-bottom: 40px; padding-top: 40px;} .related-content {padding-top: 40px;} .three-column-slider { padding: 0; } .three-column-slider.carousel-dots .slick-arrow { position: static; transform:inherit; -webkit-transform:inherit; } .three-column-slider.carousel-dots .slick-dots { margin:0 18px 10px !important; } .related-content .card-featured .featured-details{ padding: 18px;} .related-content .card-featured .featured-details .featured-title{font-size: 14px;} .related-content .card-featured .featured-details p{font-size: 16px;} .yith-woocompare-widget-content ul.products-list { width: 80%; } .yith-woocompare-widget-content ul.products-list li .remove { top: 4px; right: 4px; } #yith-woocompare a.yith_woocompare_clear, .yith-woocompare-widget-content a.compare-widget, .yith-woocompare-widget-content a.compare { text-transform: none; border-radius: 50px !important; padding: 9px 30px !important; min-height: 40px !important; line-height: 1.1 !important; } .yith-woocompare-widget-content ul.products-list li .product-info span { padding-left: 8px; font-size: 11px; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; } .yith-woocompare-widget-content ul.products-list li img { max-width: 50px; } #yith-woocompare a.yith_woocompare_clear:hover, .yith-woocompare-widget-content a.compare-widget:hover, .yith-woocompare-widget-content a.compare:hover { padding-left: 20px !important; padding-right: 40px !important; } #yith-woocompare a.yith_woocompare_clear:hover:after, .yith-woocompare-widget-content a.compare-widget:hover:after, .yith-woocompare-widget-content a.compare:hover:after { right: 20px;} #cookie-law-info-bar .cli-bar-container, #cookie-notice .cookie-notice-container { max-width: 1280px; padding-left: 12px; padding-right: 12px; } } @media (max-width: 1399.98px) and (min-width:991px){ /* .testimonial-profile img { margin-bottom: 24px;} .testimonial-profile { flex-direction: column; } */ } @media(min-width:768px) { .header-top-alert.video-podcast-strip .row > [class^="col-"]:first-child + div { padding-left:0; } /* .section-padding.feature-img-style0 { padding-top: 45px; } .section-padding.feature-img-style1 { padding-top: 35px; } .section-padding.feature-img-style5 { padding-top: 120px; } .section-padding.feature-img-style6 { padding-top: 145px; } .section-padding.feature-img-style7 { padding-top: 25px; } .section-padding.feature-img-style8 { padding-top: 50px; } */ } @media(min-width:992px) { .filter-with-title .left-filter-box {border: 2px solid #212121;padding-bottom: 24px; border-radius: 0 0 24px 24px; } .filter-with-title .filter-title {background-color: #212121;padding: 24px; border-radius: 24px 24px 0 0;} .filter-with-title .filter-title h4 {margin: 0; color: #fff; font-size: 24px;} .feature-img-style7 .feature-list-with-img img{ max-width: 47%; } } @media (max-width: 1299.98px){ #cookie-law-info-bar .cli-bar-container, #cookie-notice .cookie-notice-container { max-width: 1140px; } } @media (max-width: 1199.98px){ .font-18 { font-size: 14px; } :root{ --gutter-48:24px; } h2, h3, h4, h5 { margin: 0 0 12px; } .solution-content:not(.solution-content-full) { padding-right: 50px; } .solution-content:not(.solution-content-full) .btn { right: 10px; } .mini-logo { font-size: 16px; } .on-demand-sec .shine-img::before { padding-top: 60%; } .software-content { padding: 20px; } .software-content p{ line-height: 1.5;} .unit-wrapper { margin: 0 -10px; } .unit-wrapper > div { width: 50%; padding: 10px; } .unit-number { font-size: 34px; } .unit-number sub { font-size: 18px; } .feature-list-img { margin-top: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); align-items: flex-start; } .feature-list-points { margin-top: 0; grid-template-columns:232px 232px; } .feature-list-points { grid-gap: 3rem; } .feature-img-style2 .feature-list-points { margin-top: 30px;} .feature-img-style3 .feature-list-points { grid-gap:3.5rem; margin-top: 60px; } .feature-img-style4 .feature-list-points { margin-top:150px; } .feature-img-style5 .feature-list-points { margin-top:40px; } .feature-list-with-img { min-height: inherit !important; } .feature-img-style3 .feature-list-img { transform: scale(0.6); -webkit-transform: scale(0.6); } .feature-img-style6 .feature-list-points { margin-top: 70px; } .feature-img-style7 .feature-list-points { margin-top: 0; grid-gap:3rem; } .btn-wrapper { gap:18px; } /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .btn-wrapper {gap: 0; margin-top: 0px; margin-left: -18px;} .btn-wrapper > * {margin-top: 18px !important;; margin-left: 18px !important; } } } .features-points { row-gap: 40px; } /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .features-points { row-gap: 0px; margin-top: -40px;} .features-points > * {margin-top: 40px; } } } .dark-strip-title h3 { padding-left: 45px; } .newsletter-box { padding: 24px; } .dark-strip { flex-direction: column; } .dark-strip > div { width: 100%; } .dark-strip form { padding: 12px 0 0; } .dark-strip-icon img { max-width: 30px; max-height: 30px; } .software-wrapper { margin-top: 0; } .content-hub-wrapper .software-content{font-size: 16px;} .overlay-card-box .featured-details { padding: 20px; } .testimonial-box + .testimonial-content,.testimonial-content+.testimonial-box {margin-top: 35px;} .related-content {padding-left: 15px;} .tp-big { font-size: 18px; } .tp-small { font-size: 16px; margin-top: 6px; } .tags-main .author-box + div { margin-top: 28px; padding-top: 28px;} .tags-related-post .card-featured .featured-img { padding-top: 50%; } .trp-title { margin-bottom: var(--large); } .ginput_container > input, .ginput_container select, .ginput_container textarea {font-size: 14px !important;} .gfield_label { text-align: left; font-size: 14px !important; } .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 24px !important;grid-column-gap:24px !important;} .gfield_html_formatted { font-size: 14px;} .gform_button {font-size: 14px; } .form-step-inner .gform_wrapper.gravity-theme .gf_step_label, .contact-steps-form .gf_step_label { font-size: 13px; line-height: 1.2;} .form-step-inner, .contact-steps-form { max-width: 570px;} .content-hub-wrapper .software-content { padding: 24px; } .printer-slider .product-box .product-info { padding: 18px 0 12px; } .printer-slider .product-box .product-info .product-title{margin-bottom: 12px;} .printer-slider .product-box .product-info .product-details{padding-bottom: 12px;} .top-md-space{margin-top: var(--xlarge) !important;} #cookie-law-info-bar .cli-bar-container, #cookie-notice .cookie-notice-container { max-width: 960px; } #cookie-notice .cookie-notice-container .cn-buttons-container{ padding-right: 40px; } } @media (max-width: 1024.98px){ .form-step-inner, .contact-steps-form { max-width: 600px; } } @media (max-width: 991.98px){ :root{ --font-h1:42px; --font-h2:24px; --font-h3:22px; --font-h4:18px; --font-h5:16px; --gutter-48:30px; } .mini-icon-title { margin-top:0 !important; } .font-18 { font-size: 16px; } .features-points { row-gap: 30px; } /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .features-points { row-gap: 0px; margin-top: -30px;} .features-points > * {margin-top: 30px; } } } .features-left .expand-less-box { margin: 0 0 40px; } .features-right, .reliably-slider, .solution-box-2column { margin-top: var(--xlarge); } /* .color-product-box { margin-bottom: 50px; } */ .solution-wrapper { row-gap: 30px; } .play-video { width: 50px; height: 50px; font-size: 24px; } .play-video:before { margin-right: -5px; } .video-content { margin: 20px 0; } .feature-list-points, .feature-img-style2 .feature-list-points, .feature-img-style3 .feature-list-points, .feature-img-style4 .feature-list-points, .feature-img-style5 .feature-list-points, .feature-img-style6 .feature-list-points, .feature-img-style7 .feature-list-points, .feature-img-style0 .feature-list-points { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr; margin: 30px 0 0; grid-gap:3rem;} .feature-list-points h3:before, .feature-list-points h3:after { display: none; } .feature-list-img { position: static; height: auto; margin: 0; transform:inherit !important; -webkit-transform:inherit !important; } .feature-list-points h3 { font-size: 18px; margin: 0 0 12px; } .printer-slider.slick-dotted.slick-slider{ margin-bottom:20px; margin-left: -15px; margin-right: -15px; } .carousel-dots .slick-dots { bottom: -20px; } .left-filter { width: 300px; position: fixed; top: var(--topSpace); left:-300px; z-index: 9; background-color: #fff; transition: left 0.5s; height: 100%; max-height: calc(100vh - var(--topSpace)); } .left-filter .left-filter-box { padding: 15px 0 30px; overflow-y: auto; height: 100%; } .small-header .left-filter { top: 0px; max-height: calc(100vh); } .filter-title:before {content: "";position: absolute;top: 0;left: 100%;width: 500%;height: 100%;background-color: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; } .filter-title h4 {position: absolute; font-size:0 !important; top: 50%; left: 100%; border-radius: 0 25px 25px 0; height: 50px; width: 50px; transition: padding 0.5s; margin: 0; cursor: pointer; background-color: var(--primary-color);color:#fff; } .filter-title h4::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 14px;text-align: center;background: url(../../img/filter.svg) no-repeat center;background-size: 20px auto;} .small-header .filter-title h4 {top: calc(50% + 34px);} .left-filter.show-filter { left: 0; padding: 0;} .left-filter.show-filter .filter-title:before { visibility: visible; opacity: 1; } .check-box > span:before, .form-style .gchoice > label:before{top: 0;} .video-inner { padding: 70px 0; } .progress-sec{ height: 6px; } .small-header .progress-sec { top:0px; } .software-sec h2, .software-solutions-text { margin: 12px 0; } .mini-icon-title + h2 { margin-top: 12px; } .slider-arrow-withdots .three-column-slider .slider-pagination { margin-bottom: 12px; } .testimonial-content > img, .testimonial-content > p > img, .article-detail > p > img, .article-detail > img { border-radius: 24px; } .testimonial-content { font-size: 14px; } .case-study-sec.hero2 .row.gutters-1-5 > [class^=col-]+[class^=col-] {margin-top: 24px;} .mini-icon-title + h2 { margin-top: 10px; } .testimonial-box + .testimonial-content,.testimonial-content+.testimonial-box {margin-top: 20px;} .testimonial-bottom h3 {font-size: 24px; margin-bottom: 12px;} .testimonial-bottom {font-size: 16px;} .testimonial-profile {margin-bottom: 12px;} .testimonial-box {padding: 24px;} .testimonial-box>*{padding-right: 70px;} .quote-icon:before {right: 30px; top: 15px; background-size: 35px;} .related-content {padding-left: 0;} .solution-content.solution-content-full .btn{margin-top: 12px;} .printer-slider { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0; } .printer-slider .slick-arrow { position: static; -webkit-transform: inherit; transform: inherit; } /* .printer-slider .printer-slide { padding: 3px; } */ .printer-slider .slick-list{ order: 1; margin-bottom: 30px; flex: 0 0 100%;} .printer-slider .slick-prev { order: 2; } .printer-slider .slick-dots { order: 3; margin: 0 10%; margin-top: -5px !important; max-width: calc(100% - 150px); position: static; } .printer-slider .slick-next { order: 4; } .tags-main:before {border-right: 0;border-bottom: 2px solid #f5f5f5;right: 0;left: 0;bottom: 0; top: unset;} .tags-main .author-box + div:before {right: 0; top: 0; height: 2px; width: 100%;} .r-70:before{ padding-top: 60%; } .section-padding.zig-sec + .section-padding.zig-sec{padding-top: 0;} .on-demand-sec .row > [class^=col-]:first-child > .shine-img { min-height: 45vw; max-height: none; height: 100%; } .three-column-slider .slick-list{margin: auto;} .on-demand-sec .row > [class^=col-]:last-child > div{margin-bottom: 0;} .printer-intro h2 br{display: none;} .feature-list-img{max-width: 500px; margin: 0 auto;} .form-step-inner, .contact-steps-form { margin: 0 auto; } .yith-woocompare-widget-content ul.products-list { width: calc(100% - 130px); /* display: flex; */ overflow: auto; gap: 12px; grid-template-columns: 150px 150px 150px 150px; padding:10px; margin-top: -10px; margin-bottom: -10px; } .yith-woocompare-widget-content ul.products-list li:not( .list_empty ) { position: relative; padding: 6px; } .yith-woocompare-widget-content ul.products-list li .remove { top: -4px; right: -4px; font-size: 12px; line-height: 14px; height: 16px; width: 16px; } .yith-woocompare-widget-content ul.products-list li .product-info span { padding-left: 6px; font-size: 10px; line-height: 1.2; } .yith-woocompare-widget ul.products-list ~ .clear-all { bottom: 8px; } #yith-woocompare table.compare-list tbody th { width: 15% !important; max-width: 170px !important; min-width: 170px !important; font-size: 14px !important; } table.compare-list .image-wrap { height: 170px !important; width: 170px !important; } table.compare-list tbody th, table.compare-list tbody td { width: 200px !important; max-width: 200px !important; min-width: 200px !important;} table.compare-list .product_title { margin-bottom: 12px; font-size: var(--font-h5); } table.compare-list .remove a { border: 2px solid var(--dark); padding: 7px 16px; min-height: 30px; font-size: 14px; } #cookie-law-info-bar .cli-bar-container, #cookie-notice .cookie-notice-container { display: block !important; max-width: 720px; padding-left: 15px; padding-right: 15px; } #cookie-notice .cookie-notice-container .cn-text-container { max-width: 95%; margin-bottom: 12px; text-align: center; } #cookie-notice .cookie-notice-container .cn-buttons-container{ padding-right: 0px; } } @media (max-width: 767.98px){ :root{ --font-h1:30px; } .mini-logo img { width: 35px; } .left-filter { top: var(--topSpace); max-height: calc(100vh - var(--topSpace)); } .dark-strip form label + div { width: calc(100% - 120px); } .dark-strip form .form-control { height: 40px; font-size: 16px; } /* .section-padding.feature-img-style5, .section-padding.feature-img-style6 { padding-top: 50px; } */ /* .case-study-content:after { height: 100px; } */ .testimonial-bottom h3 {font-size: 22px;margin-bottom: 10px;} /* .testimonial-box .testimonial-bottom {padding-right: 0;} */ .quote-icon:before {width: 35px;height: 35px;} .three-column-slider + div { text-align: center !important; margin-top: 18px; } .on-demand-sec .row > [class^=col-]:first-child > .shine-img { min-height: 50vw; max-height: none; height: 100%; } .mini-icon-title { margin-top: 0 !important; } .r-64:before { padding-top: 55%; } .article-detail .two-col ul, .testimonial-content .two-col ul {column-count: 1;} .trp-title + .three-column-slider{margin-top: 0 !important;} .tags-related-post .slider-pagination{margin-top: 16px;} } @media (max-width:640px) { .ginput_container > input, .ginput_container select, .ginput_container textarea {font-size: 14px !important;} .gfield_label { text-align: left; font-size: 14px !important; } .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 24px !important;grid-column-gap:24px !important;} .gfield_html_formatted { font-size: 14px; line-height: 1.5; } .gform_button { padding: 10px 35px !important; font-size: 14px !important; min-height: 45px !important; } .gform_button:hover { padding-left: 25px !important; padding-right: 45px !important; } .gform_button:hover:after { right: 20px;} .form-btn-right .gform_footer{text-align: center;} .form-btn-center .gform_footer{text-align: center;} .form-step-inner .gform_wrapper.gravity-theme .gf_step_label, .contact-steps-form .gf_step_label {font-size: 14px;} .form-step-inner .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button, .contact-steps-form .gform_page_footer button.gform_next_button, .contact-steps-form .gform_page_footer button.gform_previous_button{ padding: 10px 35px !important; font-size: 14px !important; min-height: 45px !important; line-height: 1 !important; } .form-step-inner .gform_wrapper.gravity-theme .gf_page_steps, .contact-steps-form .gf_page_steps { margin-bottom: var(--large); border-bottom: 0; display: flex; align-items: self-start; flex-direction: column; } .form-step-inner .gform_wrapper.gravity-theme .gf_step, .contact-steps-form .gf_step { margin: 12px 14px 0px 0; } table.compare-list tbody th, table.compare-list tbody td { width: 120px !important; max-width: 120px !important; min-width: 120px !important; } #yith-woocompare table.compare-list tbody th { width: 15% !important; max-width: 80px !important; min-width: 80px !important;} table.compare-list .image-wrap { height: 100px !important; width: 100px !important; } } @media (min-width: 580px){ .carousel-dots .slick-dots{ max-width:100% ; } } @media (max-width: 579.98px){ .case-study-box.mini-case-study .case-study-content { padding: 15px; } .case-study-box.mini-case-study .case-study-content h3 { font-size: 18px; } .case-study-content { flex-direction: column; } .case-study-content .mini-logo{ margin-bottom: var(--base); } .two-column-with-img .shine-img { border-radius: 0;margin: 0 -15px;} .two-column-with-img .shine-img:before {padding-top: 74%;} .on-demand-sec .row > [class^=col-]:first-child > .shine-img { min-height: 50vw; max-height: none; height: 100%; } .icons-box { width: 45px; height: 45px; border-radius: 12px; } .icons-box img { max-height: 25px; max-width: 25px; } .text-box { padding-left:60px; } .dark-strip form label + div { width: 100%; margin: 0 0 12px; } .dark-strip form { flex-direction: column; } .testimonial-content > img, .testimonial-content > p > img, .article-detail > p > img, .article-detail > img { border-radius: 18px; } .software-box { max-width: 400px; margin-left: auto !important; margin-right: auto !important; } .testimonial-bottom h3 {font-size: 20px;} .testimonial-profile img {flex: 0 0 70px; width: 70px; height: 70px; margin-right: 12px;} .testimonial-box>* {padding-right: 50px;} .tp-big {font-size: 18px;} .tp-small {font-size: 16px;margin-top: 5px;} .mobile-pt-0 { padding-top: 0 !important; } .mobile-pb-0 { padding-bottom: 0 !important; } .mobile-mt-0 { margin-top: 0 !important; } .mobile-mb-0 { margin-bottom: 0 !important; } .model-icon-box { flex-direction: column; text-align: center; justify-content: center; } .model-icon { margin: 0 auto 24px; align-items: center; } .model-icon + .model-icon-content { width: 100%; } .btn-wrapper { flex-direction: column; align-items: center; } .solution-content .btn-wrapper { flex-direction: column; align-items: self-start; } /* Only Safari 10.1+ */ @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .btn-wrapper { gap:0;} .btn-wrapper > a + a { margin-top:12px; } } } .printer-slide { padding: 0 15px; } .three-column-slider.carousel-slider, .three-column-slider { padding: 0; margin-left: -15px; margin-right: -15px; } .three-column-slider .slick-list .slick-track > div { padding: var(--base) 15px; } } #gform_confirmation_message_126 { border: 0; } .article-two-img-sh {text-align: center;} .article-two-img-sh img {max-height: 240px;width: auto;margin: 0 auto;} .single-post .testimonial-content .ol-list-none {padding-left: 0; list-style: none;} .single-post .testimonial-content .ol-list-none > li {padding-left: 32px;}