* { -webkit-font-smoothing: antialiased; } .preloader { background: url("../images/fancybox_loading.gif") center no-repeat; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; display: none; } form.loading .preloader { display: block; } a { color: #008ddc; text-decoration: none; } .no-padding { padding: 0px !important; } .no-margin { margin: 0 !important; } .prt-relative { position: relative; } .text-dblue { color: #00489e !important; } a:focus, input:focus, button:focus, select:focus, .btn-check:focus + .btn, .btn:focus { outline: 0 !important; box-shadow: none !important; } b, strong { font-weight: 800; } .float-right { float: right; } .border0 { border: 0 !important; } .marginTop20 { margin-top: 20px !important; } .padding-btm0 { padding-bottom: 0 !important; } .center { text-align: center; } .color-white_txt { color: #fff !important; } body { background: #fff; font-family: Arial; overflow-x: hidden; } .container { max-width: 1400px; } .form-group { margin-bottom: 15px; clear: both; } .bg-grey { background: #eee; } .padding-left0 { padding-left: 0 !important; } .btn-get-quote { height: 25px; padding: 1px 10px; font-size: 13px; border-radius: 15px; background: #3ac3f1; border-color: #008cd7; background: linear-gradient( 180deg, rgba(58, 195, 241, 1) 0%, rgba(0, 141, 213, 1) 100% ); text-shadow: 1px 1px #00000059; color: #fff; } .btn-get-quote:hover { background: #3ac3f1; background: linear-gradient( 0deg, rgba(58, 195, 241, 1) 0%, rgba(0, 141, 213, 1) 100% ); color: #fff; } #call-button { position: fixed; bottom: 5px; z-index: 900; width: 98%; margin-left: 1%; margin-right: 1%; display: none; } #call-button a.btn { box-shadow: 0 0 20px 3px #000; border: #fff 0.05em solid; width: 100%; background-color: #06f; cursor: pointer; color: #fff; padding: 10px; } #site-header { position: fixed; z-index: 99; background-color: #fff; color: #2d2d2d; top: 0; left: 0; right: 0; height: 80px; box-shadow: 0 0 10px #000; } #site-header .container { max-width: 1500px; } #site-header .menu-button { font-size: 25px; padding: 0; } #site-header .menu-button .fas { line-height: 38px; } #site-header .secondary-nav .menu-link, #site-header .dropdown-toggle, #site-header .dropdown-menu-item { position: relative; padding: 27px 20px 26px; transition: color 0.1s ease, background-color 0.1s ease; font-weight: 500; color: #17324a; display: block; text-decoration: none; position: relative; font-family: "Open Sans", sans-serif; font-size: 17px; } #site-header .nav-item.active .dropdown-toggle, #site-header .dropdown-menu-item.show, #site-header .dropdown-menu-item:hover, #site-header .dropdown-toggle.show, #site-header .dropdown-toggle:hover { background: #fff; } #site-header .dropdown-menu { border-top: 1px solid #f3f3f3; transition: none; background-color: #fff; box-shadow: 1px 3px 7px rgb(54 53 53 / 37%); top: 100%; margin-top: 0; border-radius: 0; width: 170px; max-width: none; color: #767676; padding: 15px 0 25px !important; left: -1px; } #site-header .dropdown-menu ul { margin: 0; padding: 0; list-style: none; } #site-header .dropdown-menu ul li.dropdown-item { padding: 0; white-space: normal; background-color: transparent !important; } #site-header .dropdown-menu ul li.dropdown-item:active { background-color: transparent !important; } #site-header .dropdown-menu ul li a.dropdown-link { font-size: 14px; color: #2d2d2d; display: block; padding: 10px 15px; transition: color 0.1s ease, background-color 0.1s ease; } #site-header .dropdown-menu ul li a.dropdown-link:hover { color: #2b9af3; background-color: #f4f4f4; } #site-header .dropdown-menu .dropdown-submenu-headline { padding: 0 15px; margin: 0 0 15px; font-size: 15px; font-weight: 300; line-height: 1.2; } #Products-menu-item .dropdown-menu, #Solutions-menu-item .dropdown-menu { width: 500px; padding: 0; } #Solutions-menu-item .dropdown-menu .col-4, #Products-menu-item .dropdown-menu .col-6 { padding: 15px 0 !important; } #Products-menu-item .dropdown-menu .col-left { width: 230px !important; } #Products-menu-item .dropdown-menu .col-center { width: 190px !important; border-left: 1px solid #f3f3f3; } #Products-menu-item .dropdown-menu .col-right { width: 190px !important; border-left: 1px solid #f3f3f3; } #Solutions-menu-item .dropdown-menu { width: 670px; } #Support-menu-item .dropdown-menu, #Solutions-menu-item .dropdown-menu .col-left { width: 190px; } #Solutions-menu-item .dropdown-menu .col-center { border-left: 1px solid #f3f3f3; width: 240px; } #Solutions-menu-item .dropdown-menu .col-right { border-left: 1px solid #f3f3f3; width: 235px; } #site-header .navbar-toggler.search-toggler { height: 20px; padding: 3px; margin: 29px 0 0; border: 0; outline: none; box-shadow: none; color: #2d2d2d; background: transparent; } #site-header .navbar-toggler.search-toggler i.fa-times, #site-header .navbar-toggler.search-toggler.collapsed i.fa-search { display: block; } #site-header .navbar-toggler.search-toggler.collapsed i.fa-times, #site-header .navbar-toggler.search-toggler i.fa-search { display: none; } #search-box { position: absolute; top: 0; width: 700px; background: #eee; left: 50%; z-index: 11; margin-left: -350px; overflow: hidden; max-height: 80px; } #search-box form { padding: 20px; } #search-box form input { border: none; background: none; outline: none; box-shadow: none; } #site-footer { /*background: #004c97;*/ background: #ffffff; padding: 80px 0 24px; } #site-footer .footer-col { display: flex; justify-content: center; } #site-footer .footer-top { margin-bottom: 20px; padding: 0px 50px; } #site-footer .footer-top .widget h4 { font-size: 20px; /*color: #1c1d1d;*/ color: #17324a; font-weight: 700; margin-bottom: 28px; } #site-footer .footer-top .widget ul { padding: 0; margin: 0; list-style: none; } #site-footer .footer-top .widget ul li { margin-bottom: 10px; } #site-footer .footer-top .widget ul li a { /*color: #1C1D1D;*/ color: #17324a; font-size: 16px; line-height: 24px; font-weight: 400; } #site-footer .footer-top .widget ul li a .fab, #site-footer .footer-top .widget ul li a span { display: inline-block; width: 32px; height: 32px; border-radius: 100%; border: 1px solid #fff; text-align: center; line-height: 30px; margin-bottom: 8px; margin-right: 8px; } #site-footer .social-link-content { height: 32px; width: 32px; /*background: #000000;*/ background: #17324a; border-radius: 50%; display: flex; justify-content: center; align-items: center; } #site-footer .social-icon-img { height: 16px; width: 16px; } #site-footer .fb-icon { height: 20px; width: 20px; } #site-footer .main-footer-social-links { display: flex; justify-content: center; column-gap: 10px; margin-bottom: 20px; } #site-footer .footer-top .widget ul li a:hover { text-decoration: underline; } #site-footer .footer-top .widget ul li a:hover { text-decoration: underline; } #site-footer .footer-top .widget .menu li { margin-bottom: 10px; } #site-footer .footer-bottom { /*border-top: 2px solid #1C1D1D;*/ border-top: 2px solid #17324a; } #site-footer .footer-bottom .copy { font-size: 16px; font-weight: 400; line-height: 23px; /*color: #1C1D1D;*/ color: #17324a; margin-top: 15px; text-align: center; } #site-footer .chat-box { position: fixed; z-index: 9; top: 50%; right: 0; } #site-footer .chat-box .chat-icon-main { background: #767578; padding: 10px; display: block; color: #fff; font-size: 14px; text-align: center; } #site-footer .chat-box .chat-icon-main .fas { font-size: 35px; margin-bottom: 5px; } #site-footer .chat-box .chat-box-cont { background-color: #fff; overflow: hidden; transition: 0.5s; padding-top: 5px; width: 340px; border: 1px solid #666; position: absolute; right: -400px; top: 0; } #site-footer .chat-box .chat-box-cont .text-heading { font-size: 20px; line-height: 25px; } #site-footer .chat-box .chat-box-cont .nav { border-top: 1px solid #666; } #site-footer .chat-box .chat-box-cont .nav .nav-link { padding: 8px; text-decoration: none; font-size: 13px; color: #a9a7a7; display: block; transition: 0.3s; } #site-footer .chat-box .chat-box-cont .nav .nav-link i { color: #111 !important; } #site-footer .chat-box .chat-box-cont .closebtn { position: absolute; top: -13px; right: 7px; font-size: 36px; margin-left: 60px; color: #000; } #site-footer .chat-box .chat-box-cont .btn { background: #3091dc; font-size: 14px; border: none; } .sl-clm { padding-left: 60px; } #site-main { background: #fff; padding: 80px 0 0; } .banner-block img { max-width: 100%; } #purchase-pages, #home-page { padding-bottom: 50px; } #home-page .home-bg { height: 1000px; z-index: 0; width: 100%; position: absolute; background-color: #021323; background-size: cover; background-repeat: no-repeat; } #home-page .home-bg.web { background-image: url(../images/bg1.jpg); } #home-page .btn.learnMore { padding: 7px 18px; font-size: 15px; margin-top: 10px; border-radius: 12px; border-width: 2px; } #home-page .btn.learnMore:hover { color: #0c86cc; } #home-page .btn.learnMore.blue { border-color: #0c86cc; color: #0c86cc; } #home-page .btn.learnMore.blue:hover { background: #0c86cc; color: #fff; } #home-slider { position: relative; padding-top: 150px; } #home-slider .carousel-content { font-size: 20px; font-weight: 300; line-height: 30px; color: #fff; } #home-slider .carousel-content .carousel-content-title a { font-size: 36px; font-weight: 800; line-height: 38px; color: #fff; margin-bottom: 25px; } #home-slider .owl-prev, #home-slider .owl-next { font-family: "FontAwesome"; position: absolute; top: 50%; color: #fff; display: inline-block; margin-top: -25px; height: 50px; line-height: 50px; width: 50px; text-align: center; border-radius: 25px; z-index: 5; font-size: 25px; background: rgba(0, 0, 0, 0.3); z-index: 11; } #home-slider .owl-prev { left: 60px; } #home-slider .owl-next { right: 60px; } #home-page .home-top-listing { position: relative; z-index: 11; } #home-page .home-top-listing .cont { background: #0d618d; padding: 20px; text-align: center; padding-bottom: 30px; font-size: 15px; line-height: 26px; color: #fff; height: 100%; } #home-page .home-top-listing .cont .cont-title { font-size: 22px; color: #fff; font-weight: 500; margin-bottom: 20px; } #home-page .product-spot { padding: 70px 0 0; } #home-page .product-spot h2.title { font-size: 28px; text-align: center; font-weight: 700; color: #000; margin-bottom: 35px; } #home-page .product-spot h2.title span { font-weight: 400; } #home-page .product-spot .cont { padding-top: 30px; padding-right: 90px; font-size: 16px; line-height: 1.6; margin-bottom: 25px; } #home-page .product-spot .cont-title a { font-size: 24px; color: #000; line-height: 24px; } #home-page .product-spot .cont strong { font-size: 16px; padding: 15px 0; } #explore-pages, #purchase-pages { font-size: 14px; } #explore-pages .banner-section, #purchase-pages .banner-section { width: 100%; background-color: #eee; background-size: cover; background-repeat: no-repeat; background-position: right top; color: #fff; padding: 50px 0; line-height: normal; } /* #explore-pages .support-banner { padding: 82px 0; } */ #purchase-pages .banner-section { background-image: url(../images/Reuqest_QuoteBanner.jpg); } #explore-pages .banner-section .banner-title, #purchase-pages .banner-section .banner-title { font-size: 64px; font-weight: 600; margin-bottom: 0px; color: #000; } #explore-pages .banner-section .banner-sub-title #purchase-pages .banner-section .banner-sub-title { font-size: 30px; font-weight: 300; } #purchase-pages .cont-sub-title { padding: 8px 7px; border-radius: 5px; background: url(../images/title-bg.jpg) repeat-x; border: #ccc solid 1px; margin-bottom: 20px; font-family: lato; font-size: 14px; color: #666; } #explore-pages .form-label, #purchase-pages .form-label { width: 35%; padding-top: 7px; } #purchase-pages .alert-info { background: #d4efff url(../images/call-icon.png) no-repeat 30px 20px; border-radius: 10px; border: #56c2ff solid 1px; padding: 25px 35px 25px 150px; font-size: 15px; color: #008fdf; line-height: 25px; } #purchase-pages.contact-sales .alert-info { background-image: url(../images/chat-icon.png); } #explore-pages .form-control, #purchase-pages .form-control { border-radius: 7px; font-size: 14px; } #explore-pages .btn-submit, #purchase-pages .btn-submit { width: 160px; margin: auto; background: #097ac7; background: linear-gradient( 188deg, rgba(9, 122, 199, 1) 0%, rgba(28, 146, 214, 1) 50%, rgba(9, 122, 199, 1) 100% ); border-radius: 5px; color: #fff; text-align: center; padding: 8px 0; font-family: "lato"; display: block; border: 0; outline: none; cursor: pointer; } #purchase-pages .btn-submit:hover { background: #0b8ce4; background: linear-gradient( 188deg, rgba(11, 140, 228, 1) 0%, rgba(24, 143, 212, 1) 50%, rgba(11, 140, 228, 1) 100% ); } #explore-pages .content-section { background: #fff; padding: 20px 0 100px;/* padding: 50px 0 100px; */ } #explore-pages .cont-title { font-size: 20px; font-weight: 300; text-align: left; color: #24262b; } #explore-pages .nav .nav-link { color: #6d6d6d; text-decoration: none; font-size: 13px; font-weight: 600; } #explore-pages .nav .nav-link.active, #explore-pages .nav .nav-link:hover { color: #0091d9; } #explore-pages.awards .banner-section, #explore-pages.support .banner-section { color: #333; background: #fff; } #explore-pages.support .banner-section { /* background-image: url(../images/supportback.png); */ width: 100%; height: 200px; background-size: 100% 100%; background-repeat: no-repeat; padding: 75px 0px 70px 0; } .sales-bg { background-image: url(../images/contact-sales.jpg) !important; } .eval-bg { background-image: url(../images/eval-bg.jpg) !important; } .events-bg { background-image: url(../images/events-banner.jpg) !important; } .partner-bg { background-image: url(../images/partner-banner.jpg) !important; } #explore-pages .support-card { max-width: 500px; background: #f8f8f8; } #explore-pages .support-card .card-title { font-size: 15px; font-family: "district_prothin"; } #explore-pages .support-card .card-body { font-size: 13px; } #explore-pages.support .support-list { max-width: 1000px; } #explore-pages.support .support-list .card-header img { width: 38px; height: 30px; margin-left: -5px; } #explore-pages.support .support-list .card-title { font-size: 22px; } #explore-pages .cont-title.big-title { font-size: 35px; } #explore-pages .cont-title strong { font-weight: 700; } #explore-pages.awards .award-items .award-item { background-image: url(../images/awards-bg.jpg); background-repeat: no-repeat; background-position: center bottom; clear: both; height: 105px; max-width: 414px; } #explore-pages .spec-table { font-size: 13px; } #explore-pages h4.cont-title { font-size: 17px; font-weight: 600; } #explore-pages .spec-table thead th { border-color: inherit; color: #008ddc; } #explore-pages .spec-table td, #explore-pages .spec-table th { padding-left: 15px; padding-right: 15px; } #explore-pages.glossary .content-section { position: relative; } #explore-pages.glossary .side-menu { position: fixed; width: 260px; left: 0; top: 80px; bottom: 0; background: #eee; z-index: 9; padding: 15px; overflow-y: scroll; } #explore-pages.glossary .side-menu > ul > li > a { font-size: 14px; color: #222; display: block; padding: 5px 0; font-weight: 600; } #explore-pages.glossary .cont-wrap { margin: 0 0 0 260px; } #explore-pages.glossary .cont-wrap .sorting-letter a { padding: 0 7px; display: inline-block; color: #000; font-weight: 600; font-size: 18px; } #explore-pages.glossary .cont-wrap .ltr-sr { font-weight: 700; font-size: 24px; color: #000; border-bottom: 1px solid #ccc; margin-bottom: 10px; text-transform: uppercase; } #explore-pages.glossary .cont-wrap .section-block h3 { font-size: 17px; margin-bottom: 5px; font-weight: 600; color: #333; } #explore-pages.privacy-policy .table-of-cont li { margin-bottom: 5px; } #explore-pages.privacy-policy .table-of-cont li a { color: #333; } #explore-pages.about-us .award-winnig-tangent { background-image: url(../images/award-winning-tangent.jpg); background-repeat: no-repeat; background-position: 0 0; height: 114px; width: 100%; margin-top: 20px; margin-bottom: 20px; } #explore-pages.about-us .award-winnig-tangent p { padding-left: 120px; padding-top: 30px; font-size: 13px; } #explore-pages.products .top-product-list { background: url(../images/products-bg.jpg) center bottom no-repeat #fff; padding-bottom: 20px; margin-bottom: 30px; } #explore-pages.products h3.cont-title { font-size: 26px; font-weight: 700; } #explore-pages.products .product-list-item li { margin-bottom: 0; line-height: normal; } #explore-pages.products .product-list-item h4.cont-title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: 700; color: #38adff; margin: 0; padding-bottom: 5px; } #explore-pages.products .product-list-item li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 400; color: #6d6d6d; line-height: 20px; } #explore-pages.products .product-list-item li a:hover { color: #38adff; } #explore-pages .nas-products .card { background: #fff; border-color: #e1e1e1; padding: 4px; position: relative; } #explore-pages .nas-products .card:before { content: ""; background: #fff; background: linear-gradient( 188deg, rgba(255, 255, 255, 1) 0%, rgba(238, 239, 241, 1) 100% ); border-color: #e1e1e1; position: absolute; top: 4px; bottom: 4px; left: 4px; right: 4px; z-index: 0; } #explore-pages .nas-products .card .card-header, #explore-pages .nas-products .card .card-body, #explore-pages .nas-products .card .card-footer { position: relative; z-index: 1; border: 0; background: none; padding: 0; } #explore-pages .nas-products .card .card-title { color: #565c6a; padding: 15px 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; text-align: center; } #explore-pages .nas-products .card .card-body { padding: 0 10px; } #explore-pages .nas-products .card .item-specs { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5c6265; margin: 0 auto; } #explore-pages .nas-products .card .card-footer { padding: 15px 25px; } #explore-pages .nas-products .card .card-footer a.item-more { background-image: url(../images/read-more-com.jpg); background-repeat: no-repeat; background-position: 0 5px; font-size: 13px; font-weight: 600; padding-left: 15px; text-decoration: none; } #explore-pages .nas-products .card .card-footer a.item-more:hover { background-position: 5px 5px; color: #31a3c8; } #explore-pages.enterprise h3.cont-title { font-size: 30px; font-weight: 600; } #explore-pages.enterprise .enterprise-item-title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; color: #008ed6; } #explore-pages.nas table.nas-spec { font-size: 13px; } #explore-pages.nas table.nas-spec thead { background: #008fcc; color: #fff; } #explore-pages.nas table.nas-spec tbody td { background: #d3ecff; text-align: center; } #explore-pages.nas table.nas-spec tbody td.grey { background: #ecf6fe; } #explore-pages.enterprise-storage .bg-white { background-image: url(../images/storage-bg.jpg); background-position: right center; background-repeat: no-repeat; } #explore-pages.enterprise .enterprise-server-item .card-header { background: #33363b; padding: 10px 20px; background: linear-gradient( 180deg, rgba(51, 54, 59, 1) 0%, rgba(86, 88, 87, 1) 100% ); } #explore-pages.enterprise .enterprise-server-item .card-header .card-title { font-size: 15px; color: #fff; } #explore-pages.enterprise .enterprise-server-item .card-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } #explore-pages.enterprise .enterprise-server-item .card-text strong { font-weight: 700; } #explore-pages.enterprise .enterprise-server-item .border-dotted { border-top: 1px #b9b9b9 dotted !important; } #explore-pages.enterprise .enterprise-server-item .bottom-box { background: #fefefe; background: linear-gradient( 180deg, rgba(254, 254, 254, 1) 0%, rgba(233, 233, 235, 1) 100% ); border: 1px solid #e1e1e1; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; position: relative; min-height: 77px; overflow: hidden; } #explore-pages.enterprise .enterprise-server-item .bottom-box:before { position: absolute; content: ""; background-image: url(../images/bottombox_1.jpg); background-position: left bottom; background-repeat: no-repeat; z-index: 1; width: 230px; left: 0; top: 0; bottom: 0; } #explore-pages.enterprise .enterprise-server-item .bottom-box .quickcontact { font-size: 22px; color: #09a8e2; } #explore-pages.enterprise .enterprise-server-item .bottom-box-2:before { background-image: url(../images/bottombox_2.jpg); } #explore-pages.enterprise .enterprise-server-item .bottom-box-3:before { background-image: url(../images/bottombox_3.jpg); } #explore-pages.enterprise .enterprise-server-item .bottom-box-4:before { background-image: url(../images/bottombox_4.jpg); } #explore-pages.enterprise .enterprise-server-item .bottom-box-5:before { background-image: url(../images/bottombox_5.jpg); } #explore-pages.enterprise .enterprise-server-item .bottom-box-6:before { background-image: url(../images/bottombox_6.jpg); background-position: left center; } #explore-pages.enterprise .enterprise-server-item .bottom-box-7:before { background-image: url(../images/bottombox_7.jpg); } #explore-pages.enterprise .enterprise-server-item .bottom-box-8:before { background-image: url(../images/bottombox_8.jpg); background-position: left center; } #explore-pages.single-product .single-product-slider .slide-title { font-weight: 700; line-height: 45px; text-align: right; margin-right: 0; font-size: 33px; margin-top: 120px; color: gray; } #explore-pages.single-product .single-product-slider .slide-title a { color: gray; } #explore-pages.single-product .single-product-slider .slide-title a:hover { color: #333; } #explore-pages.single-product .single-product-slider .slide-title span { font-size: 45px; line-height: 55px; color: #333; } #explore-pages.single-product .single-product-slider .slider-nav { margin: 0 auto; } #explore-pages.single-product .single-product-slider .slider-nav .slick-list { padding: 0 !important; } #explore-pages.single-product .single-product-slider .slider-nav .slick-slide { width: 60px !important; cursor: pointer; } #explore-pages.single-product .features-box, #explore-pages.single-product .features-box h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: 400; color: #000; line-height: 16px; } #explore-pages.single-product .features-box .feature-title { font-size: 14px; color: #333; font-weight: 700; } #explore-pages.single-product .features-box .col-lg-2 { width: 20%; } #explore-pages.single-product .features-box h4 { color: #0275d2; margin: 0 0 1px; } #explore-pages.single-product .features-box .feature-box-cont { padding-left: 15px; } #explore-pages.single-product .features-box .spec-sheet { color: #000; font-size: 15px; } #medical-computers-pages .specs-box .specs-box-title, #rugged-mini-pc-pages .specs-box .specs-box-title, #explore-pages.single-product .specs-box .specs-box-title { color: #222; font-weight: 600; padding: 7px 0; font-size: 20px; } #medical-computers-pages .specs-box td, #rugged-mini-pc-pages .specs-box td, #explore-pages.single-product .specs-box td { font-weight: 400 !important; padding-left: 10px; font-size: 14px; line-height: 24px; } #rugged-mini-pc-pages .specs-box .spec-td1, #rugged-mini-pc-pages .specs-box .spec-td2, #explore-pages.single-product .specs-box .spec-td1, #explore-pages.single-product .specs-box .spec-td2 { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } #rugged-mini-pc-pages .specs-box .spec-td1, #explore-pages.single-product .specs-box .spec-td1 { font-weight: 700 !important; } #medical-computers-pages .specs-box .spec-item-title, #rugged-mini-pc-pages .specs-box .spec-item-title, #explore-pages.single-product .specs-box .spec-item-title { color: #333; font-weight: 700; font-size: 15px; border-top: 1px solid #777; padding-top: 3px; padding-left: 0; } #medical-computers-pages.medical-computer .prod-detail-slider .slide-box-title, #rugged-mini-pc-pages .prod-detail-slider .slide-box-title, #explore-pages.single-product .prod-detail-slider .slide-box-title { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: 700; line-height: 18px; margin-bottom: 10px; display: block; margin-bottom: 20px; } #medical-computers-pages.medical-computer .prod-detail-slider .prod-slide-box, #rugged-mini-pc-pages .prod-detail-slider .prod-slide-box, #explore-pages.single-product .prod-detail-slider .prod-slide-box { display: block; text-align: center; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; } #medical-computers-pages.medical-computer .prod-detail-slider .prod-slide-box.grey-bg, #rugged-mini-pc-pages .prod-detail-slider .prod-slide-box.grey-bg, #explore-pages.single-product .prod-detail-slider .prod-slide-box.gray-bg { background: #e0e0e0; } #medical-computers-pages.medical-computer .prod-detail-slider .prod-slide-box .title-hd, #rugged-mini-pc-pages .prod-detail-slider .prod-slide-box .title-hd, #explore-pages.single-product .prod-detail-slider .prod-slide-box .title-hd { color: #0275d2; margin-bottom: 10px; display: block; } #medical-computers-pages.medical-computer .prod-detail-slider .btm-info-txt, #rugged-mini-pc-pages .prod-detail-slider .prod-slide-box .btm-info-txt, #explore-pages.single-product .prod-detail-slider .prod-slide-box .btm-info-txt { display: block; font-size: 10px; line-height: 14px; color: #333; } #medical-computers-pages.medical-computer .prod-detail-slider .owl-prev, #medical-computers-pages.medical-computer .prod-detail-slider .owl-next, #rugged-mini-pc-pages .prod-detail-slider .owl-nav .owl-prev, #rugged-mini-pc-pages .prod-detail-slider .owl-nav .owl-next, #explore-pages.single-product .prod-detail-slider .owl-nav .owl-prev, #explore-pages.single-product .prod-detail-slider .owl-nav .owl-next { width: 25px; height: 30px; position: absolute; top: 50%; font-size: 25px; color: #0275d2; padding: 0 !important; line-height: 0; text-align: left; margin-top: -15px; } #medical-computers-pages.medical-computer .prod-detail-slider .owl-prev, #rugged-mini-pc-pages .prod-detail-slider .owl-nav .owl-prev, #explore-pages.single-product .prod-detail-slider .owl-nav .owl-prev { left: -30px; } #medical-computers-pages.medical-computer .prod-detail-slider .owl-next, #rugged-mini-pc-pages .prod-detail-slider .owl-nav .owl-next, #explore-pages.single-product .prod-detail-slider .owl-nav .owl-next { right: -30px; } #explore-pages.press .press-list { margin: 0; padding: 0; } #explore-pages.press .press-list li { list-style: none; background: url(../images/arrow.jpg) no-repeat 0 6px; } #explore-pages.press .press-list li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-decoration: none; font-weight: 400; line-height: 22px; padding-left: 20px; } #humanmilk-workflow-page .banner-section { background-image: url(../images/bnr12c74.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 300px 0; text-align: center; color: #fff; font-family: Arial, sans-serif; } #humanmilk-workflow-page .banner-section .banner-title { font-size: 50px; font-weight: 600; margin-bottom: 15px; } #humanmilk-workflow-page .banner-section .banner-sub-title { font-size: 30px; margin-bottom: 50px; } #humanmilk-workflow-page .banner-section .btn, #humanmilk-workflow-page .next-step .btn { background: #fcb614; color: #fff; font-weight: 600; font-size: 20px; padding: 15px 40px; border-radius: 8px; } #humanmilk-workflow-page .next-step, #humanmilk-workflow-page .overview-section { padding: 100px 0 80px; background: url(../images/patter-lnd.jpg) #f3f3f3; } #humanmilk-workflow-page .overview-section .lr1 { padding-right: 40px; padding-top: 7em; padding-left: 50px; } #humanmilk-workflow-page .overview-section .lr1 h2 { font-size: 40px; font-weight: 600; color: #323232; line-height: 1.3; } #humanmilk-workflow-page .next-step h3.section-title, #humanmilk-workflow-page .workflow-section h2.section-title, #humanmilk-workflow-page .overview-section .overview-cont h2.section-title { font-weight: 400; margin-bottom: 30px; color: #323232; font-family: Arial, sans-serif; } #humanmilk-workflow-page .overview-section .overview-cont .card { border-radius: 15px; background: #fff; color: #323232; margin: 0 auto; -webkit-box-shadow: #ccc 10px 10px 15px; -moz-box-shadow: #ccc 10px 10px 15px; box-shadow: #ccc 10px 10px 15px; border: none; } #humanmilk-workflow-page .overview-section .overview-cont .card .card-body { padding: 30px 40px; font-size: 18px; } #humanmilk-workflow-page .overview-section .overview-cont .card h4 { font-size: 24px; font-weight: 600; padding-bottom: 10px; margin-top: 15px; } #humanmilk-workflow-page .workflow-section { padding: 80px 0; background: #fff; text-align: center; } #humanmilk-workflow-page .next-step h3.section-title, #humanmilk-workflow-page .workflow-section h2.section-title { text-align: center; font-weight: 600; } #humanmilk-workflow-page .workflow-section .working-progres { position: relative; margin-top: 80px; } #humanmilk-workflow-page .workflow-section .overlayProcess { position: absolute; top: 0; left: 0; right: 0; height: 100%; } #humanmilk-workflow-page .workflow-section .overlayProcess .process { border: 1px dashed #204497; max-width: 300px; width: 100%; padding: 17px; text-align: left; border-radius: 8px; position: absolute; background: #fff; padding-left: 35px; color: #333; font-size: 15px; margin-bottom: 0; font-weight: 600; } #humanmilk-workflow-page .workflow-section .overlayProcess .process.pr1 { left: 5%; top: 4%; } #humanmilk-workflow-page .workflow-section .overlayProcess .process.pr2 { left: 40%; top: 0; } #humanmilk-workflow-page .workflow-section .overlayProcess .process.pr3 { right: 0; top: 25%; } #humanmilk-workflow-page .workflow-section .overlayProcess .process.pr4 { right: 7%; bottom: 11%; } #humanmilk-workflow-page .workflow-section .overlayProcess .process.pr5 { left: 33%; bottom: -4%; } #humanmilk-workflow-page .workflow-section .overlayProcess .process .number { width: 45px; height: 45px; border-radius: 100%; background: #204497; display: block; text-align: center; font-size: 20px; font-weight: 600; color: #fff; line-height: 2.1; border: 3px solid #fff; position: absolute; left: -22px; top: 16px; box-shadow: 0 2px 6px #ccc; } #humanmilk-workflow-page .workflow-section .overlayProcess .process .img-prs { display: none; visibility: hidden; } #humanmilk-workflow-page .working-progres img.mb-none { max-width: 100%; } #humanmilk-workflow-page .next-step { padding: 80px 0 140px; } #humanmilk-workflow-page .next-step h3.section-title { font-size: 38px; } #industrial-pages { background: #f5f6f8; } #industrial-pages h2, #industrial-pages h3, #industrial-pages h4 { font-family: arial; font-size: 28px; font-weight: 500; text-align: left; } #industrial-pages .banner-section { background-image: url(../images/pc-landing-banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #eee; padding: 0; width: 100%; padding-top: 100px; } #industrial-pages .banner-section .banner-title { color: #fff; font-size: 36px; font-weight: 400; padding: 13px 20px; text-align: left; text-transform: uppercase; width: 90%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; font-family: Arial; } #industrial-pages .cont-title { color: #333 !important; font-size: 36px !important; } #industrial-pages .cont-sub-title { color: #009ddc; font-size: 26px !important; } #industrial-pages .info-section img.info-img { max-width: 360px; position: absolute; right: 0; top: -160px; width: 100%; } #industrial-pages .system-list .card { color: #666 !important; font-size: 14px; font-weight: 400; text-align: left; } #industrial-pages .system-list .card-body { padding: 0 30px; } #industrial-pages .system-list .card-title { color: #333 !important; font-size: 26px !important; } #industrial-pages .system-list .card-body img { margin: 20px auto; max-width: 260px; width: 100%; } #industrial-pages .system-list .card-body .btn-view-all { background: #00489e none repeat scroll 0 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 13px; padding: 12px 0; text-align: center; text-transform: uppercase; border-radius: 0; border: none; } #industrial-pages .cont-section { line-height: 25px; font-size: 15px; color: #666; } #industrial-pages .cont-section .cont-title { color: #00489e !important; font-size: 28px !important; font-weight: 500; padding: 30px 0 10px; text-align: left; } #industrial-pages .cont-section h4 { color: #000; font-size: 18px; font-weight: 600; } #industrial-pages.rugged-mini-pc .banner-section { background-image: url(../images/pcs-banner.jpg); } #industrial-pages.tablet-pc .banner-section { background-image: url(../images/industrial-tablet-banner.jpg); } #industrial-pages.tablet-pc .info-section img.info-img { top: -140px; } #industrial-pages.panel-pc .banner-section { background-image: url(../images/pannel-pc-banner.jpg); } #industrial-pages.medical-computers .banner-section { background-image: url(../images/filter-banner.jpg); } #industrial-pages.medical-tablets .banner-section { background-image: url(../images/tab-banner.jpg); } #industrial-pages .filter-box .input-group { border: 1px solid #52a5e0; border-radius: 4px; overflow: hidden; } #industrial-pages .filter-box .input-group .input-group-text { border-right: 1px solid #52a5e0 !important; border-radius: 0; padding-right: 35px; height: 100%; } #industrial-pages .filter-box .input-group .form-control, #industrial-pages .filter-box .input-group .input-group-text { font-size: 14px; margin-left: 0; } #industrial-pages .browse-btn-bx { color: #f60; display: inline-block; font-size: 18px; line-height: 21px; vertical-align: middle; max-width: 270px; position: relative; padding-left: 45px; } #industrial-pages .browse-btn-bx .fas { position: absolute; width: 35px; height: 35px; line-height: 35px; font-size: 35px; left: 0; top: 0; } #industrial-pages .text-big { font-size: 36px; line-height: 60px; } #industrial-pages .bottom-content { line-height: 1.6; font-size: 16px; margin-bottom: 20px; } #industrial-pages .bottom-content h4 { font-size: 30px; line-height: 1.8; margin-bottom: 4px; margin-top: 10px; font-family: "Lato"; } #medicalProducts .mix { display: none; } #medicalProducts .card-header img { margin-bottom: 45px; } #medicalProducts .card-header .card-title { font-size: 20px; color: #000; line-height: 24px; font-family: Arial; margin-bottom: 20px; font-weight: 700; } #medicalProducts .card-body { padding: 30px 0 !important; color: #5b5b5b; font-size: 13px; font-family: Arial; line-height: 18px; } #medicalProducts .card-body .info-col { border-bottom: 1px solid #52a5e0; margin-bottom: 10px; padding-bottom: 10px; } #medicalProducts .btn-group { margin-bottom: 15px; border: none; } #medicalProducts .btn-secondary, #medicalProducts .btn-group .btn { border: none; padding: 10px 12px; font-size: 12px; font-weight: 400; text-transform: uppercase; transition: all 0.7s ease 0; -webkit-transition: all 0.7s ease 0; text-align: center; } #medicalProducts .btn-group .btn { color: #fff; background: #00489e; } #medicalProducts .btn-group .btn.brown { background: #790a40; } #medicalProducts .btn-group .btn:hover { background: #3e4143; } #medicalProducts .btn-secondary { background: #ebebeb; color: #333; } #medicalProducts .btn-secondary:hover { background: #bfbebe; } #rugged-mini-pc-pages .banner-section { background: #790a40; padding: 15px 0; position: fixed; z-index: 91; left: 0; right: 0; top: 80px; } #rugged-mini-pc-pages .banner-section .banner-right, #rugged-mini-pc-pages .banner-section .banner-title { font-size: 33px; font-weight: 700; color: #fff; position: relative; z-index: 1; } #rugged-mini-pc-pages .banner-section .banner-right a, #rugged-mini-pc-pages .banner-section .banner-title a { color: #fff; } #rugged-mini-pc-pages .banner-section .banner-right { font-size: 25px; font-weight: 700; } #rugged-mini-pc-pages .info-section { position: relative; background: #f5f6f8; padding: 90px 0 20px; line-height: 30px; font-size: 20px; } #rugged-mini-pc-pages .info-section .info-section-img { max-width: 100%; } #rugged-mini-pc-pages .info-section .info-title { font-size: 30px; color: #333; font-weight: 700; } #rugged-mini-pc-pages .info-section .btn-group { flex-direction: column; max-width: 250px; } #rugged-mini-pc-pages .quote-bar .btn, #rugged-mini-pc-pages .info-section .btn { border: none; padding: 2px 0 !important; font-size: 32px; color: #fff !important; background: #790a40; width: 280px !important; display: block; text-align: center; font-weight: 700; } #rugged-mini-pc-pages .tablist { padding: 25px; border: 0; background: url(../images/menu-bg.jpg) no-repeat center bottom !important; display: flex; } #rugged-mini-pc-pages .tablist ul { max-width: 550px; margin: 0 auto; } #rugged-mini-pc-pages .tablist ul li a { font-size: 16px; color: #003288; font-weight: 600; border-right: 1px solid #055fa3; padding: 0 16px 0 8px !important; } #rugged-mini-pc-pages .tablist ul li a:hover, #rugged-mini-pc-pages .tablist ul li a.active { color: #06f; } #rugged-mini-pc-pages .tab-content { background: #f3f3f3; padding: 50px; margin-top: 0; } #rugged-mini-pc-pages .tab-content .tab-pane { margin: auto; line-height: 25px; font-size: 18px; text-align: justify; max-width: 80%; } #medical-computers-pages .specs-box .tab-title, #rugged-mini-pc-pages .tab-content .tab-title { text-align: center; font-size: 35px; font-weight: 700; } #medical-computers-pages .specs-box .tab-title span, #rugged-mini-pc-pages .tab-content .tab-title span { color: #666; font-size: 25px; display: block; } #rugged-mini-pc-pages .tab-content h4 { font-weight: 700; font-size: 20px; margin-bottom: 15px; } #rugged-mini-pc-pages .tab-content .download-spec { font-family: lato; font-size: 15px; color: #333; } #rugged-mini-pc-pages .prod-detail-slider, #rugged-mini-pc-pages .quote-bar { background: #f3f3f3; } #rugged-mini-pc-pages .in-content { background: #000; color: #fff; line-height: 25px; font-size: 15px; text-align: center; padding: 20px 0 30px; } #rugged-mini-pc-pages .in-content .cont-title { font-weight: 700; font-size: 35px; line-height: 40px; padding-bottom: 10px; padding-top: 0; position: relative; } #rugged-mini-pc-pages .in-content .cont-title:before { position: absolute; height: 1px; width: 100%; background: #fff; content: ""; left: 0; right: 0; max-width: 980px; margin: 0 auto; top: 20px; } #rugged-mini-pc-pages .in-content.bg-transparent .cont-title { font-size: 22px; } #rugged-mini-pc-pages .in-content.bg-transparent .cont-title:before { background: #b1acac; } #rugged-mini-pc-pages .in-content .cont-title span { position: relative; background: #000; padding: 3px 15px; z-index: 1; } #rugged-mini-pc-pages .in-content .btn { display: block; padding: 4px 7px 6px; position: absolute; right: 0; background: #d5ad3b; min-width: auto !important; top: 0; border-radius: 0; font-size: 13px; font-weight: 600; text-align: center; width: 108px; } #rugged-mini-pc-pages .in-content .video-block { max-width: 100%; position: relative; height: 444px; background: #000; padding: 70px 0; box-sizing: border-box; } #rugged-mini-pc-pages .in-content .video-block .play-pause-button { width: 40px; height: 40px; border-radius: 50%; cursor: pointer; argin-top: 8px; position: absolute; right: 10px; bottom: 15px; } #medical-computers-pages.bg-grey, #arm-mount-pages.bg-grey { background: #f7f7f7; } #medical-computers-pages .banner-section-top, #arm-mount-pages .banner-section-top { width: 100%; background: #0e91d7; padding: 10px 0; } #medical-computers-pages .banner-section-top .banner-title, #medical-computers-pages .banner-section-top .banner-title a, #arm-mount-pages .banner-section-top .banner-title, #arm-mount-pages .banner-section-top .banner-title a { color: #fff; } #medical-computers-pages .banner-section-top .banner-title, #arm-mount-pages .banner-section-top .banner-title { font-family: "district_prothin"; font-size: 30px; font-weight: 700; } #arm-mount-pages .banner-section { background: url(../images/banner-008.jpg) no-repeat center top; background-size: cover; } #arm-mount-pages.arm-mounts .banner-section { background-image: url(../images/banner-005.jpg); } #arm-mount-pages.antimicrobial-keyboards .banner-section { background-image: url(../images/tangent-antimicrobial-medical-grade-keyboards-and-mice.jpg); } #arm-mount-pages .banner-section .banner-head { padding: 30% 0; } #arm-mount-pages .banner-section .banner-title { font-family: "district_prothin"; color: #fff; font-size: 45px; font-weight: 600; line-height: 50px; } #arm-mount-pages .banner-section .banner-title strong { font-size: 50px; line-height: 60px; } #arm-mount-pages .banner-section .banner-title span { font-weight: 100; } #arm-mount-pages .banner-section .banner-title small { font-size: 35px; line-height: 45px; } #arm-mount-pages .arm-mount-items-title { font-family: "district_prothin"; font-weight: 700; padding: 30px 0; font-size: 40px; color: #666; text-align: center; } #arm-mount-pages .arm-mount-items .arm-mount-item { line-height: 23px; font-family: Lato; font-size: 14px; } #arm-mount-pages .arm-mount-items .arm-mount-item .card-title { font-family: "district_prothin"; color: #007cc3; font-size: 20px; padding: 16px; text-align: left; font-weight: 700; } #arm-mount-pages .arm-mount-items .arm-mount-item .btn { background: #f5f5f5; border-radius: 0 0 4px 4px; font-family: Lato; text-align: right; padding: 10px 15px; color: #000; font-size: 13px; box-sizing: border-box; } #arm-mount-pages .arm-mount-items .arm-mount-item .btn:hover { background: #007cc3; color: #fff; } #arm-mount-pages .arm-mount-cont { font-family: Lato; line-height: 25px; font-size: 15px; } #arm-mount-pages .arm-mount-cont-head { max-width: 80%; margin-left: auto; margin-right: auto; text-align: center; } #arm-mount-pages .arm-mount-cont-title { font-family: "district_prothin"; font-size: 28px; font-weight: 700; } #arm-mount-pages .arm-mount-cont h4 { font-size: 20px; margin-bottom: 15px; } #arm-mount-pages .arm-mount-cont ul { list-style: square; list-style-position: outside; } #arm-mount-pages .arm-mount-cont hr { background-color: #bdbdbd; } #arm-mount-pages .arm-mount-cont p.floating { width: 185px; line-height: 22px; font-size: 15px; position: absolute; top: 40%; left: 50%; } #arm-mount-pages .arm-mount-cont .arm-box { background: #fcfcfd; border-radius: 7px; border: #ddd solid 1px; } #arm-mount-pages .arm-mount-cont .arm-box .card-title { text-align: center; color: #007cc3; font-family: "district_prothin"; font-size: 18px; line-height: 25px; padding: 10px 0; border-bottom: #ddd solid 1px; font-weight: 700; } #arm-mount-pages.antimicrobial-keyboards .top-cols { background: #f5f5f5; } #arm-mount-pages.antimicrobial-keyboards .top-cols .col-md-2 { width: 20% !important; } #arm-mount-pages.antimicrobial-keyboards .top-cols .card { border-radius: 0; margin-left: -1px; border: #d2d2d2 solid 1px; background: #f5f5f5; } #arm-mount-pages.antimicrobial-keyboards .top-cols .card-title { font-family: Arial; font-size: 23px; font-weight: 700; color: #007cc3; line-height: 26px; text-align: center; padding: 20px 0; } #arm-mount-pages .arm-mount-items .arm-mount-item.new-tem .card-body { position: relative; } #arm-mount-pages .arm-mount-items .arm-mount-item.new-tem .card-body:before { position: absolute; content: ""; background-image: url(../images/new-img.png); z-index: 1; width: 69px; height: 42px; background-repeat: no-repeat; background-position: 0 0; top: -1px; left: -10px; } #arm-mount-pages.antimicrobial-keyboard .item { height: 100%; } #arm-mount-pages.antimicrobial-keyboard .item1 .banner-section { background-image: url(../images/key-board-bg1.jpg) !important; } #arm-mount-pages.antimicrobial-keyboard .item2 .banner-section { background-image: url(../images/key-board-bg2.jpg) !important; } #arm-mount-pages.antimicrobial-keyboard .big-slick-slider .slick-dots { position: absolute; bottom: 20px; z-index: 11; width: 44px; display: block; left: 50%; margin-left: -22px; } #arm-mount-pages.antimicrobial-keyboard .big-slick-slider .slick-dots li { float: left; width: 11px; height: 11px; margin: 0 5px; } #arm-mount-pages.antimicrobial-keyboard .big-slick-slider .slick-dots li button { background: #b8b8b8; border-radius: 1000px; border: 2px solid rgba(255, 255, 255, 0.5); width: 11px; height: 11px; } #arm-mount-pages.antimicrobial-keyboard .big-slick-slider .slick-dots li.slick-active button { background: #09c; } #arm-mount-pages.antimicrobial-keyboard.kyb-063b .big-slick-slider .item2 .banner-head { padding: 155px 0; } #medical-computers-pages .banner-section-top .nav { font-size: 14px; } #medical-computers-pages .banner-section-top .nav a { color: #fff; } #medical-computers-pages .banner-section-top .nav a.active { text-decoration: none; color: #03527c; font-weight: 700; } #medical-computers-pages .banner-title { font-size: 50px; } #medical-computers-pages .banner-tagline { font-size: 26px; margin-bottom: 20px; margin-top: 20px; font-weight: 600; } #medical-computers-pages .banner-list { color: #000; font-family: "Roboto Slab"; font-size: 18px; text-align: left; font-weight: 700; } #medical-computers-pages .cont-heading { text-align: center; font-size: 35px; margin: 0 0 20px; } #medical-computers-pages .cont-section { font-size: 20px; line-height: 30px; } #medical-computers-pages .cont-title { font-size: 28px; } #medical-computers-pages .cont-section table, #medical-computers-pages .cont-section form.tangent-eval-form, #medical-computers-pages .cont-section .nav .nav-link { font-size: 14px; } #medical-computers-pages .cont-section table { table-layout: fixed; } #medical-computers-pages .cont-section table th { font-size: 16px; } #medical-computers-pages .cont-section table thead th { padding: 0 5px; } #medical-computers-pages .cont-section form.tangent-eval-form .form-control { border-radius: 5px; padding: 15px; font-size: 14px; } #medical-computers-pages .cont-section form.tangent-eval-form .btn { font-size: 15px; border-radius: 5px; } #medical-computers-pages .cont-section .form-section h4.cont-title { font-size: 30px; line-height: 40px; } #medical-computers-pages .cont-section .form-section h4.cont-title strong { font-weight: 600; } #medical-computers-pages .cont-section .form-section a.d-block { font-size: 30px; color: #666; } #medical-computers-pages.medical-computer .banner-section { background-position: center top; background-repeat: no-repeat; background-size: cover; background-image: url(../images/t22b-banner3-bg.jpg); padding: 50px 0 0; border-bottom: #1276ab solid 3px; } #medical-computers-pages.medical-computer .banner-section .slick-dots { position: absolute; bottom: 20px; z-index: 11; width: 100px; display: block; left: 50%; margin-left: -50px; } #medical-computers-pages.medical-computer .banner-section .slick-dots li { float: left; width: 11px; height: 11px; margin: 0 5px; float: left; width: 11px; height: 11px; margin: 0 15px; } #medical-computers-pages.medical-computer .banner-section .slick-dots li button { background: #b8b8b8; border-radius: 1000px; border: 2px solid rgba(255, 255, 255, 0.5); width: 11px; height: 11px; } #medical-computers-pages.medical-computer .banner-section .slick-dots li.slick-active button { background: #09c; } #medical-computers-pages.medical-computer .banner-section .banner-links { position: absolute; right: 0; bottom: 0; z-index: 1; } #medical-computers-pages.medical-computer .banner-section .btn { position: relative; text-align: left; display: block; margin-left: 80px; } #medical-computers-pages.medical-computer .banner-section .btn-tech { font-size: 19px; color: #0e91d7; text-transform: uppercase; font-weight: 600; } #medical-computers-pages.medical-computer .banner-section .btn-quote { font-weight: 400; border: 2px solid #fff; background-color: red; color: #fff; border-radius: 10px; padding: 10px; height: 47px; margin-top: 11px; } #medical-computers-pages.medical-computer .banner-section .btn .fas { font-size: 26px; margin-left: 5px; line-height: 0; position: relative; bottom: -2px; color: #0e91d7; } #medical-computers-pages.medical-computer .banner-section .btn-quote .fas { bottom: -4px; } #medical-computers-pages.medical-computer .banner-section .banner-title { font-size: 40px; font-weight: 600; } #medical-computers-pages.medical-computer .banner-tagline { font-size: 28px; color: #333; font-weight: 400; } #medical-computers-pages.medical-computer .cont-section { font-family: lato; line-height: 25px; font-size: 15px; } #medical-computers-pages.medical-computer .cont-head { width: 70%; text-align: center; margin: 0 auto 30px; } #medical-computers-pages.medical-computer .cont-heading { font-family: "district_prothin"; font-size: 28px; font-weight: 700; } #medical-computers-pages.medical-computer .cont-col { padding: 30px; box-sizing: border-box; box-shadow: 0 0 10px #e4e4e4; border-radius: 5px; min-height: 240px; height: 100%; text-align: left; } #medical-computers-pages.medical-computer .cont-col .cont-title { font-size: 20px; font-weight: 600; } #medical-computers-pages.medical-computer .pdf-btns { max-width: 340px; margin: 0 0 0 auto; display: flex; justify-content: flex-end; } #medical-computers-pages.medical-computer .pdf-btns .btn { min-width: auto; padding: 6px 10px; background: #ddd; margin-left: 20px; font-size: 14px; border-radius: 0; text-align: center; display: block; max-width: 150px; height: 40px; overflow: hidden; } .btn-wd { max-width: 218px !important; } #medical-computers-pages.medical-computer.medical-tablet-t13 .slick-dots, #medical-computers-pages.medical-computer.medix-kw .slick-dots { width: 130px; margin-left: -65px; } #medical-computers-pages.medical-computer.medix-kw .pdf-btns { max-width: 565px; } #medical-computers-pages.medical-computer.medix-kw .pdf-btns .btn { max-width: 170px; } #medical-computers-pages.quote .cont-head { text-align: center; justify-content: center; } #medical-computers-pages.quote .cont-heading { font-size: 40px; font-weight: 600; } .quote-modal .modal-dialog { max-width: 550px !important; } .quote-modal .btn-close { position: absolute; right: -5px; top: -5px; width: 30px; height: 30px; background: #0e90d6; color: #fff !important; text-align: center; font-weight: 400 !important; padding: 2px 0; box-sizing: border-box; cursor: pointer; opacity: 1 !important; font-size: 18px; border-radius: 0; } .quote-modal .modal-content { border-radius: 0; box-shadow: -1px 52px 300px 200px #000; border: 0; padding: 10px 15px !important; font-size: 13px; color: #333; } .quote-modal .form-radio-label, .quote-modal .form-control { font-size: 14px; color: #333; } .quote-modal .modal-title { font-size: 24px; font-weight: 700; color: #000; } .quote-modal a.d-block { border: solid 1px #efefef; font-size: 15px; color: #757b7d; padding: 10px; max-height: 180px; max-width: 150px; } .quote-modal img.pop-up-img { width: auto; max-height: 180px; } .quote-modal form { position: relative; } .quote-modal form.loading:before { content: ""; position: absolute; left: -16px; top: -46px; right: -17px; bottom: -11px; z-index: 11; background: #00000073 url(../images/fancybox_loading.gif) center center no-repeat; } .quote-modal form .btn { background: #0883c9; color: #fff; font-weight: 700; font-size: 17px; padding: 6px 15px; border: 0; } .search-result-items { font-family: Arial, Helvetica, sans-serif; } .search-result-items hr { background: none; border-bottom: dashed 1px #929292; } .search-result-items .result-title { font-size: 16px; color: #0090d9; font-weight: 400; } .call-out { position: absolute; top: -7%; left: 10%; } .call-out img { margin: 0; } .video-section-block { padding: 80px 0; background: url(../images/bg2.jpg) center center #004c97 no-repeat; background-size: cover; } .video-block { max-width: 900px; width: 100%; margin: 0 auto; display: table; } .video-block iframe { border: 10px solid #fff; } .view360 { width: 85px; height: 85px; border-radius: 100%; text-indent: -999999px; display: block; background: url(../images/360-icon1.png) center center #43beff no-repeat; position: fixed; left: 20px; top: 50%; z-index: 91; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } @-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } .cnt-text-bnr { position: absolute; left: 0; right: 0; top: 15%; text-align: center; } .cnt-text-bnr h1, .banner-heading { font-size: 46px; color: #0e263c; display: table; padding: 0px 15px; margin: 0 auto; margin-bottom: 5px; line-height: 1.2; } .text-bnr { font-size: 22px; display: block; text-align: center; margin: 0 auto; padding: 5px 0; letter-spacing: 1px; position: relative; line-height: 2; text-transform: uppercase; } .text-bnr:before { max-width: 260px; height: 1px; background: #fff; margin: 0 auto; content: ""; display: block; margin-bottom: 10px; } .abt-lndr { padding: 60px 0; } .abt-blk { padding-right: 50px; } .abr-blk h2 { font-size: 32px; color: #0e263c; line-height: 1.2; margin-bottom: 30px; } .textHeading { font-size: 38px; color: #0e263c; line-height: 1.2; margin-bottom: 30px; } .abr-blk p { font-size: 18px; line-height: 1.4; letter-spacing: 0.5px; } .text-sr1 { font-size: 26px; font-weight: 500; margin-top: 20px; color: #0e263c; margin-bottom: 20px; } .img-solution img { max-width: 100%; } .cpt-slogan { color: #fff; font-size: 32px; margin-bottom: 40px; } .sectBlock { padding: 15px 0; } .requst-Btn { background: #4899b5; color: #fff !important; padding: 16px 30px; border-radius: 5px; font-size: 20px; display: table; margin: 0 auto; font-family: "Open Sans", sans-serif; } .requst-Btn:hover { background: #ffb700; } .landing-banner { position: relative; } .landing-banner ul li { position: relative; } .landing-banner .owl-nav { position: absolute; top: 47%; left: 5%; right: 5%; } .landing-banner .owl-carousel .owl-nav .owl-prev, .landing-banner .owl-carousel .owl-nav .owl-next { height: 45px; width: 45px; float: left; } .landing-banner .owl-carousel .owl-nav .owl-next { float: right; } .lnd-mArea { background: #fff; } .fd-blk p { font-size: 16px; text-align: center; min-height: auto; } .clnt-detail { font-size: 15px; } .fd-blk { min-height: inherit !important; padding-bottom: 40px; } .next-block { padding: 0 0 50px; } .next-block h2 { font-size: 30px; } .next-block .heading-block { margin-bottom: 20px; } .next-block .heading-block h2 { font-size: 28px; } .next-block .sr-heading { font-size: 17px; } .banner-block-solutions { background: url(../images/solution-banner-bg.jpg) center top no-repeat #35829f; background-size: cover; height: 190px; position: relative; } .img-ser-lis { border-radius: 7px; overflow: hidden; position: relative; } .img-ser-lis img { max-width: 100%; } .overBlock { position: absolute; top: 0; z-index: 10; background: rgba(14, 38, 60, 0.8); text-align: center; color: #fff; padding: 24px; width: 100%; font-size: 20px; opacity: 1; text-transform: uppercase; } .img-ser-lis:hover .overBlock { opacity: 0; } .overText { position: absolute; top: 0; height: 100%; width: 100%; background: url(../images/over-bg.jpg) #9f4915; background-size: cover; z-index: 3; padding: 12% 8%; text-align: center; color: #fff; opacity: 0; transition: all 1s ease; } .img-ser-lis:hover .overText { opacity: 1; } .overText .heading-tr1 { font-size: 26px; margin-bottom: 15px; display: block; position: relative; line-height: 1.25; } .overText .heading-tr1::before, .overText .heading-tr1::after { position: absolute; width: 40px; height: 1px; background: #fff; top: 45%; z-index: 91; content: ""; } .overText .heading-tr1::before { left: 0; } .heading-tr1::after { right: 0; } .overText p { line-height: 1.5; font-size: 18px; } .clientBlock { padding: 90px 0 0; text-align: center; } .clientBlock h3 { font-size: 32px; margin-bottom: 40px; } .logoBlockItem img { max-width: 100%; } .logo-slider { border-bottom: 1px solid #000; padding-bottom: 50px; } .logo-slider::before, .logo-slider::after { position: absolute; left: -46px; content: ""; top: -30px; width: 152px; height: 178px; z-index: 5; } .logo-slider::before { background: url(../images/left-arrow-bg.png) no-repeat; } .logo-slider::after { background: url(../images/right-arrow-bg.png) no-repeat; right: -46px !important; left: auto; } .testimonial-block { padding: 90px 0; } .logoBlockItem img { max-width: 100% !important; width: auto !important; display: revert !important; } .testimonial-cnt-det { text-align: right; padding-right: 50px; border-right: 1px solid #000; } .logoBlockItem p { font-size: 18px; margin-top: 10px; line-height: 1.25; } .testimonial { position: relative; } .testimonial-text-block { padding: 30px 50px; position: relative; padding-right: 70px; } .testimonial-text-block h5 { font-size: 17px; text-transform: uppercase; } .testimonial-text-block p { font-size: 17px; line-height: 1.7; } .testimonial-text-block::before { content: ""; position: absolute; left: 26px; top: 8px; width: 90px; height: 75px; background: url(../images/qoute.png); } .text-city { display: block; margin-top: 10px; } .testimonial .owl-nav { position: absolute; left: 0; right: 0; top: 35%; } .testimonial .owl-nav .owl-next, .testimonial .owl-nav .owl-prev { width: 23px; height: 38px; position: absolute; left: 0; top: 15%; background: url(../images/arrow-testi.png) left top no-repeat !important; } .testimonial .owl-nav .owl-next { right: 0 !important; background-position: right top !important; left: auto; } .testimonial .owl-nav .owl-next span, .testimonial .owl-nav .owl-prev span { display: none; } .color-lightBlue { color: #489ab6 !important; } .address-form-block { background: #e1e0e0; padding: 50px 0; } .cnt-block { padding-right: 50px; border-right: 1px solid #000; color: #0e263c; min-height: 194px; } .cnt-block .address a { color: #0e263c; } .cnt-block .address a:hover { text-decoration: underline; } .cnt-block h3 { font-size: 30px; margin-bottom: 15px; } .fromgroup { padding-left: 50px; position: relative; } .adr-text { font-size: 18px; line-height: 1.5; margin-bottom: 10px; } .address span { padding: 0 7px; } .form-tittle { font-size: 14px; color: #262626; } .form-tittle a { text-decoration: underline; color: #262626; } .form--block .form-control { border: 1px solid #aaa; font-size: 14px; padding: 10px 15px; } .form--block textarea.form-control { height: 160px; resize: none; } .form--block .submit { background: #0e263c; font-size: 18px; font-weight: 600; text-transform: uppercase; color: #fff; padding: 8px 25px; border: 0; } .submit-block { padding-top: 58px; font-size: 14px; } .footer-bg { /*background: url(../images/footer-bg.png) #09324c !important;*/ background-size: cover; padding: 60px 0 15px !important; } .footer-bg .footer-bottom { border-top: 1px solid #505f6c !important; padding: 12px 0; } .footer-bg .footer-top .widget ul li a .fab { border-color: #fff !important; } .Productivity { background: url(../images/productivity-bg.jpg) center top no-repeat #081929; } .BlockText { padding: 30px 25px; text-align: center; } .logo-Block { margin-bottom: 5px; } .logo-Block img { max-width: 100%; } .BlockText p { font-size: 17px; line-height: 1.4; color: #252525; margin-bottom: 30px; } .Learnmore { background: #656565; color: #fff; font-size: 17px; padding: 10px 30px; border-radius: 3px; text-transform: uppercase; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .BlockText:hover .Learnmore { background: #489ab6; color: #fff; } .service-listBlock { margin-bottom: 30px; } .adr-sub { margin-top: 60px; } .bg-serv { background: url(../images/productivity-list-bg.png) center top no-repeat #fefefe; background-size: cover; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; min-height: 335px; } .bg-serv:hover { box-shadow: inset 0 0 29px -3px rgba(0, 0, 0, 0.2); } .RequestDemo { border-radius: 3px; text-transform: uppercase; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; background: #0e263c; color: #fff; font-size: 17px; padding: 10px 30px; } .RequestDemo:hover { background: #489ab6; color: #fff; } .featuresBlock { background: url(../images/cubes-bg.jpg) center top no-repeat #113047; padding: 60px 0; background-size: cover; } .featuresBlock h2 { font-size: 40px; color: #78c9dc; text-align: center; margin-bottom: 30px; } .boxFeatures { border-right: 1px solid #70bdd0; } .features-blockText h4 { font-size: 24px; color: #34b3bc; } .features-blockText p { font-size: 18px; color: #fff; line-height: 1.3; } .iconBox { max-width: 80px; float: left; margin-right: 10px; } .iconBox img { max-width: 100%; } .features-blockText { overflow: hidden; } .features-blockText h4 { color: #34b3bc; letter-spacing: 0; } .features-block { padding: 15px 25px 15px 0; } .letus { font-size: 30px; color: #fff; margin-top: 60px; margin-bottom: 35px; display: block; } .menu2 { background: #78c9dc !important; color: #0e263c; } .menu2:hover { background: #4bbbc2 !important; color: #0e263c !important; } .blockSectionTwo { padding: 60px 0 0; } .block-Text-cubes { border-right: 1px solid #262626; padding-right: 50px; display: flex; padding-top: 20px; } .cubes-text h2 { color: #0d2e40; font-size: 34px; margin-bottom: 20px; } .cubes-text p { color: #252525; font-size: 18px; margin-bottom: 10px; line-height: 1.3; } .cubes-gd-img { max-width: 260px; width: 100%; margin-right: 25px; } .cubes-gd-img img { max-width: 100%; } .FeaturesDatacove { background: url(../images/Features-BG.png) center top no-repeat #e1e0e0; background-size: cover; padding: 50px 30px; border-radius: 7px; } .FeaturesDatacove h2 { font-size: 38px; color: #0e263c; } .FeaturesDatacove .features-blockText p { color: #212529; font-size: 17px; } .FeaturesDatacove .features-blockText h4 { color: #212529; } .FeaturesDatacove .boxFeatures { border-right: 1px solid #b5b5b5; } .azure-point_blk { padding-top: 10px; padding-left: 0; } .text-slogan-dwn { font-size: 26px; color: #252525; margin-bottom: 40px; } .text-wht { padding: 20px 0 0 20px; } .text-wht h4 { font-size: 25px; font-weight: 500; } .text-wht span { font-size: 19px; margin-bottom: 15px; color: #262626; display: block; } .text-wht ul { padding: 0; padding-top: 10px; } .text-wht ul li { background: url(../images/download-icon.png) left top no-repeat; margin-bottom: 20px; line-height: 1.3; list-style: none; padding-left: 50px; min-height: 40px; display: flex; flex-wrap: wrap; align-content: center; } .text-wht ul li a { color: #262626; } .btn3 { background: #676767; color: #fff; } .security-compliance { background: url(../images/Security_Compliance_bg.jpg) center top no-repeat #5d75a1; background-size: cover; } .logoTextHeading { font-size: 24px; color: #0e263c; font-weight: 700; margin-bottom: 10px; } .logoTextHeading1 { font-size: 18px; font-weight: 600; } .inlineList { margin: 15px 0; display: table; } .inlineList li { width: 50%; padding-bottom: 8px; font-size: 18px; float: left; } .brd-btm { border-bottom: 1px solid #252525; } .abr-blk li { padding-bottom: 8px; font-size: 18px; } #Solutions-menu-item .dropdown-menu { /*background:#24728e;background:linear-gradient(90deg,rgba(36,114,142,1) 0%,rgba(62,137,168,1) 50%,rgba(35,113,140,1) 100%);text-align:center;width:310px!important;top:100%;left:-90%;box-shadow:none*/ padding: 10px 0 !important; } #site-header #Solutions-menu-item .dropdown-menu ul li a.dropdown-link { padding: 5px 15px; } /*#site-header #Solutions-menu-item .dropdown-menu ul li a:hover{color:#2b9af3!important;background:none!important}*/ #site-header #Solutions-menu-item .dropdown-menu ul li .headingMenu { font-size: 15px !important; padding-top: 10px !important; font-weight: 700; } /*.serchDomainBlock{border-radius:10px 0 0 10px;padding:25px;background:#0c2963;margin-right:-30px;padding-bottom:10px; height:170px}*/ .dmarc-abt { position: relative; } .serchDomainBlock { border-radius: 10px 0 0 10px; padding: 25px; background: #0c2963; margin-right: -30px; padding-bottom: 10px; position: absolute; left: 0; width: 100%; z-index: 0; bottom: 50px; } .serchDomainBlock h4 { font-size: 30px; color: #fff; font-weight: 400; margin-bottom: 25px; display: inline-block; } .btn-dmn { background: #e25247; background: linear-gradient( 180deg, rgba(226, 82, 71, 1) 0%, rgba(218, 70, 60, 1) 50%, rgba(200, 46, 38, 1) 100% ); font-size: 17px; float: right; color: #fff; padding: 8px 20px; border-radius: 7px; } .int-domain { height: 56px; background: #a8acbb; border: 0; border-radius: 10px; font-style: italic; font-size: 24px; padding-left: 16px; font-weight: 300; } .dmrc-pints ul { display: block; padding-left: 0 !important; float: left; margin: 0 !important; } .dmrc-pints ul li { font-size: 22px; font-weight: 400 !important; } .qrt-text { color: #0c2963; font-size: 23px; float: right; display: table; margin-top: -11px; line-height: 1.3; } .dmrc-pints { padding-bottom: 20px !important; } .intro { padding: 40px 0; } .intro p { font-size: 18px; } .defender-block { background: #ebe4e1; padding: 40px 0; } .text-defend-block h3, .text-defend-block-text1 { font-size: 24px; font-weight: 700; color: #0c2963; margin-bottom: 5px; } .text-defend-block p { font-size: 20px; line-height: 1.3; color: #2c2c2c; } .text-defend-block { padding-right: 50px; } #comparison { width: 100%; padding-bottom: 48%; overflow: hidden; position: relative; max-width: 1250px; margin: 0 auto; } #comparison figure { position: absolute; background: url(../images/right-img-DMARC.jpg) no-repeat; font-size: 0; width: 100%; height: 100%; margin: 0; } #divisor { background: url(../images/Left-img-DMARC.jpg) no-repeat; position: absolute; width: 50%; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3); bottom: 0; height: 100%; } #divisor::before, #divisor::after { content: ""; position: absolute; right: -6px; width: 12px; height: calc(50% - 25px); background: #e25247; z-index: 3; } #divisor::before { top: 0; box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.15); } #divisor::after { bottom: 0; box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.15); } #handle { position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; } #handle::before, #handle::after { content: ""; width: 0; height: 0; position: absolute; top: 50%; margin-top: -6px; } #handle::before { left: 50%; margin-left: -17px; } #handle::after { right: 50%; margin-right: -17px; } #comparison input[type="range"] { -webkit-appearance: none; -moz-appearance: none; position: absolute; top: 50%; left: -24px; transform: translateY(-50%); background-color: transparent; width: calc(100% + 70px); z-index: 2; } #comparison input[type="range"]:focus, input[type="range"]:active { border: none; outline: none; } #comparison input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 70px; width: 70px; border-radius: 10%; background: url(../images/arrow-slider.png) center center no-repeat #e25247; } #comparison input[type="range"]::-moz-range-thumb { -moz-appearance: none; border: none; height: 70px; width: 70px; border-radius: 10%; background: url(../images/arrow-slider.png) center center no-repeat #e25247; } .counter-block { background: #2581cd; padding: 25px 0; color: #fff; word-break: break-all; } .statistic-counter { font-size: 42px; color: #fff; font-weight: 600; position: relative; } .statistic-counter::before { content: "+"; left: 0; } .single_counter p { text-transform: uppercase; font-size: 18px; } .map-block { padding: 30px 0; background: #fff; } .map-point { position: relative; } .map-point img { max-width: 100%; } .address-point { position: absolute; left: 0; bottom: 10%; max-width: 290px; width: 100%; } .address-point h5 { color: #0c2963; font-size: 22px; font-weight: 700; } .adr-deatail { font-size: 22px; color: #2c2c2c; font-style: italic; } .blockDmarc { padding: 50px 0 30px; background: #efe9e7; } .blockDmarc h3 { text-align: center; font-size: 34px; color: #2c2c2c; font-weight: 600; } .blockD { margin-top: 30px; border-right: 2px solid #9f9fa6; padding-right: 30px; padding-left: 5px; display: flex; } .rht-det-md h5 { color: #0c2963; font-size: 22px; font-weight: 700; } .rht-det-md p { font-size: 17px; color: #2c2c2c; line-height: 1.3; } .iconImg { margin-right: 10px; } .trusted::before, .trusted::after { display: none; } .dmrc-abt { padding: 45px 0; background: #2581cd; color: #fff; } .dmrc-abt .blockBox { border-left: 2px solid #fff; padding-left: 30px; margin-right: 10px; } .dmrc-abt .blockBox h3 { font-size: 26px; font-weight: 700; margin-bottom: 15px; } .dmrc-abt .blockBox p { font-size: 18px; line-height: 1.3; } .dmarc-record { padding: 50px 0; } .dmarc-record h3 { color: #2c2c2c; text-align: center; font-size: 34px; margin-bottom: 30px; } .img-rcd img { max-width: 100%; } .rcd-TextDeatil h5 { color: #0c2963; font-weight: 700; font-size: 22px; margin-bottom: 15px; } .rcd-TextDeatil p { font-size: 18px; color: #2c2c2c; line-height: 1.5; } .headingTable { background: #ddd; } .headingTable th { font-size: 16px; } .btn1 { padding: 8px; background: #ddd; display: inline-block; } .img-rcd { max-width: 290px; width: 100%; float: left; } .img-rcd img { max-width: 100%; } .record-textBlock { padding-top: 10px; } .rcd-TextDeatil { display: table; padding-left: 25px; } .Dmarc-directBlock { background: #ebe4e1; padding: 50px 0; text-align: center; } .Dmarc-directBlock h3 { color: #2c2c2c; text-align: center; font-size: 34px; } .BalockDirect { padding: 25px 40px 0; } .BalockDirect h4 { color: #0c2963; font-size: 22px; font-weight: 700; margin-bottom: 8px; } .BalockDirect p { color: #2c2c2c; font-size: 18px; line-height: 1.3; } .img-direct { margin-bottom: 5px; position: relative; } .img-direct img { max-width: 100%; } .Quick-respond-block { padding: 60px 0 0; } .cta-block { background: #0c2963; border-radius: 12px; padding: 15px; color: #fff; position: relative; } .textCta { padding-left: 80px; font-size: 18px; } .textCta h6 { font-size: 22px; font-weight: 700; margin-bottom: 5px; } .cta-buttonBlock { padding: 17px 0; } .btn-quick { background: #e25247; background: linear-gradient( 180deg, rgba(226, 82, 71, 1) 0%, rgba(219, 72, 62, 1) 50%, rgba(200, 45, 37, 1) 100% ); padding: 10px 17px; color: #fff; font-size: 20px; text-transform: uppercase; border-radius: 10px; display: inline-block; } .btn-quick:hover { color: #fff !important; text-decoration: underline !important; } .ctn-img { float: right; } .dmarc-secure { position: absolute; left: -63px; top: -15px; } .cta-buttonBlock span { padding: 2px 10px; font-weight: 700; } .blk-left-brd { border-left: 1px solid #9e9e9e; padding-left: 30px; } .img-solution { } .defenderImg { display: none; } .defenderImg img { max-width: 100%; } .text-tr1 { font-size: 18px !important; padding-bottom: 15px; font-family: arial !important; } .heading2 { color: #000; font-size: 18px !important; font-weight: 600 !important; } .TetxDmarc { padding-top: 30px; } .callText { text-align: center; padding-top: 25px; font-weight: 600; font-size: 28px; } .leadership-block { padding: 40px 0; } .prf-image-block { margin-top: 30px; border: 1px solid #333; } .prf-image-block img { max-width: 100%; } .prf-image-block .description { padding: 20px; } .prf-image-block .description h2 { font-size: 22px; } .prf-image-block .description h2 a { color: #212529; } .prf-image-block .description p { font-size: 18px; } .executive-bnr { top: 30%; } .team-img { } .team-img img { width: 100%; } .teamList { padding: 60px 0; } .team-detail { padding: 0 15px; } .team-detail h1 { font-size: 30px; } .team-detail h2 { font-size: 20px; margin-bottom: 25px; } .readButton { border: 2px solid #092f6e; color: #092f6e; padding: 4px 15px; margin-top: 15px; display: inline-block; font-size: 15px; font-weight: 600; } .sc-btn { border: 2px solid #008ddc; border-radius: 100%; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 1.8; font-size: 20px; } .headingText3 { font-size: 20px; margin-bottom: 20px; margin-top: 20px; font-weight: 600; } .headingText4 { font-size: 18px; margin-bottom: 15px; margin-top: 20px; font-weight: 600; } .section-list { padding: 30px 0; } .section-list h4 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .section-list .block-Box p { font-size: 16px; line-height: 1.5; } .section-list { padding: 50px 30px; background: #fff; } .block-Box { padding-bottom: 25px; } .headingTag { font-size: 32px; font-weight: bold; } .cdc2banner-section { background-image: url(../images/c1d2-c2d2-banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #3a8bfb; height: 220px; } .img-icon-flm { padding: 30px 0; } .img-icon-flm img { max-width: 100%; } .cont-headingBlock { padding: 40px 50px; background: #fff; border: 1px solid #eee; margin: 30px 0; } .cont-headingBlock h3 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 15px; } .prod-detail-slider .prod-slide-box { padding: 25px !important; background: #fff; border-radius: 5px; } .igl-logo { padding: 10px 0; display: inline-block; } .igl-logo img { max-width: 100%; } .callbutton { background: #004c97; border-radius: 20px; padding: 5px 15px; color: #fff; font-size: 13px !important; font-weight: 500; display: none; position: fixed; right: 15px; top: 10px; z-index: 99; } .header-ph-no-footer { background-color: #43b61e; color: #fff; text-decoration: none; padding: 10px; display: block; width: 200px; } .header-ph-no-footer img { width: 20px; height: auto; margin-right: 10px; } .chat-new-btn { background: #547a6f; color: #fff; text-decoration: none; height: 42px; border: none; padding: 0px; width: 150px; } .chat-icon { width: 20px; margin-right: 10px; } .callbutton:hover { color: #fff !important; } .callbutton { background: #004c97; border-radius: 20px; padding: 5px 15px; color: #fff; font-size: 13px !important; font-weight: 500; display: none; position: fixed; right: 15px; top: 10px; z-index: 99; } .callbutton:hover { color: #fff !important; } /* loader */ .chat-loader { display: none; } .chat-loader button { background-color: #03a84e; color: #fff; text-decoration: none; padding: 10.5px; display: block; width: 196px; font-size: 14px; position: fixed; bottom: 0px; height: 60px; font-weight: bold; right: 0px; z-index: 999; justify-content: center; display: flex !important; align-items: center; border: none; } .loader { width: 30px; height: 30px; border-radius: 50%; border: 4px solid #f3f3f3; border-top: 4px solid #3498db; animation: spin 1s linear infinite; } /* solution nnav menu */ #Solutions-menu-item .Solutions-menu-item-bdr { border-left: 1px solid #f3f3f3; } /* solution nnav menu */ /* Chat section and Hover Button */ .help-section img { width: 25px; height: 25px; margin-right: 10px; } .chat-btn { position: relative; } .hover-button { margin-right: -113px; width: 173px; height: 50px; border: none; background-color: white; color: #112e4b; border-bottom-left-radius: 10px; border-top-left-radius: 10px; font-size: 16px; cursor: pointer; transition: margin-right 0.5s ease; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; } .hover-button:hover { margin-right: 0px; } .help-section { position: absolute; width: 330px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background-color: #f9f9f9; font-family: Arial, sans-serif; display: none; left: -338px; top: -145px; bottom: -230px; height: 380px; } .help-section h3 { margin-top: -7px; color: white; font-size: 18px; margin: -21px; background-color: #224162; padding: 17px; border-top-left-radius: 6px; border-top-right-radius: 6px; font-family: system-ui; font-weight: 400; } .help-section ul { list-style: none; padding: 1px; margin-top: 13px; } .help-section li { margin: 23px 0; padding: 5px 4px; display: flex; } .help-section h5 { font-size: 11px; padding-left: 36px; color: gray; } .help-section a { text-decoration: none; color: #224162; font-weight: 500; font-size: 17px; /* padding-left: 9px; */ font-family: "Open Sans", sans-serif; display: inline-block; width: 100%; } .close-btn { position: absolute; top: 9px; right: 10px; background: none; border: none; font-size: 21px; cursor: pointer; color: white; } .need-icon { width: 30px; height: 30px; margin-left: 10px; } #helpButton { position: fixed; bottom: 40%; z-index: 1000; right: 0px; } .disabled-item { color: gray; text-decoration: none; padding: 10px 15px !important; /* margin: 15px 0 15px; */ font-size: 15px; font-weight: 300; line-height: 1.2; } @keyframes spin { 0% { transform: rotate(0); } 50% { transform: rotate(300deg); } 66% { transform: rotate(270deg); } 100% { transform: rotate(360deg); } } /* loader */ /* SUPPORT PAGE TABS CSS */ .support-tab-content-outer { padding: 40px 60px 23px 60px; background: #f6f6f6; box-shadow: 0px 0px 10px 0px #00000033; border-radius: 20px; margin-top: 55px; } .support-tabs { /* margin-top: 50px; */ padding: 0px 88px; margin-top: 15px; } /* .support-tab-img1 { width: auto; height: 105px; margin-bottom: 20px; } .support-tab-img2 { width: auto; height: 95px; margin-bottom: 20px; } */ .support-tab-img1 { width: auto; height: 105px; margin-bottom: 20px; /* box-shadow: 0 0 12px #00000042; */ box-shadow: 5px 3px 24px #00000036; border-radius: 6px; } .support-tab-img2 { width: auto; height: 95px; margin-bottom: 20px; box-shadow: 5px 3px 24px #00000036; } .support-tab-title h2 { font-size: 20px; font-weight: 700; line-height: 23px; } .support-tab-sub-title h3 { font-size: 16px; font-weight: 500; line-height: 19px; margin-bottom: 40px; } .suport-tab-form-label { font-size: 16px; font-weight: 500; line-height: 19.09px; color: #101010; margin-bottom: 12px; width: 100% !important; padding-top: 0px !important; } .suport-modal-form-label { font-size: 16px; font-weight: 600; line-height: 19.09px; color: #101010; margin-bottom: 12px; width: 100% !important; padding-top: 0px !important; } .suport-tab-form-input { border: 0.5px solid #336cff; height: 48px; border-radius: 8px !important; background: transparent; margin-bottom: 17px; } .contact-modal-input::placeholder { color: #10101033; font-size: 16px; font-weight: 500; line-height: 19.09px; } .suport-tab-form-select { border: 0.5px solid #336cff; background-color: transparent; height: 48px; border-radius: 8px !important; margin-bottom: 17px; } select.form-select option:disabled { color: #10101033; /* Greyish color for placeholder */ } .suport-tab-form-textarea { border: 0.5px solid #336cff; background: transparent; height: 173px; border-radius: 8px; } .support-form-alert { padding-top: 7px; font-size: 16px; font-weight: 500; line-height: 19px; color: #101010; } .support-form-submit-buttons { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 88px; } .form-submit-btn button { width: 192px; height: 48px; border: 1px solid #336cff; color: #ffffff; font-size: 17px; font-weight: 400; line-height: 21.24px; border-radius: 35px; } .contact-close-modal-btn { width: 39px; height: 39px; background: #d9d9d9; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .contact-close-modal-btn .btn-close { margin: 0px !important; } .form-submit-btn .submit-btn { background: #336cff; } .form-submit-btn .reset-btn { background: transparent; color: #336cff; } .nav.support-nav { justify-content: center; column-gap: 122px; } .social-contact-cards { display: flex; justify-content: space-between; align-items: center; margin-top: 100px; gap: 32px; padding: 0px 92px; } .support-social-card { box-shadow: 0px 4px 10px 3px #0000001a; background: #f6f6f6; border-radius: 20px; height: 200px; width: 100%; max-width: 384px; max-width: 376px; padding: 20px; justify-content: center; align-items: center; display: flex; flex-direction: column; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); color: #101010; } .support-social-card:hover { transform: scale3d(1.03, 1.03, 1.01); color: #101010; } .support-social-card:focus { box-shadow: 0px 4px 10px 3px #0000001a !important; } .support-social-icon { height: 40px; width: 40px; margin-bottom: 5px; } .social-support-title p { /* font-size: 24px; */ font-size: 20px; font-weight: 400; line-height: 23px; text-align: center; margin: 16px 0px 10px 0px; /* color: #101010; */ color: #0066cc; } .social-support-desc { font-size: 20px; font-weight: 400; line-height: 23.87px; text-align: center; } .nav-tabs.support-nav-tabs { border: none; } .support-nav-link { font-size: 20px !important; font-weight: 500 !important; line-height: 38px; text-align: center; color: #101010 !important; border: none !important; padding: 0px !important; width: 100%; } .support-nav-link img { margin: auto; } .support-nav-link:hover { border: none; } .support-nav-link.active { border: none; background-color: transparent !important; } .arrow { position: relative; } /*top arrow*/ .arrow-top:before { position: absolute; top: -49px; left: 33%; margin-left: -10px; content: ""; display: block; width: 142px; height: 50px; background-image: url(../images/arrowUp1.png); background-size: cover; background-repeat: no-repeat; } .arrow-top2:before { position: absolute; top: -49px; right: 28%; margin-left: -10px; content: ""; display: block; width: 142px; height: 50px; background-image: url(../images/arrowUp1.png); background-size: cover; background-repeat: no-repeat; } /* ******PRODUCT DETAILS CARD CSS START******* */ /* ******PRODUCT DETAILS CARD CSS START******* */ .product-details-cards { margin-top: 100px; padding: 0px 88px; } .product-details-card { border-radius: 20px; padding: 22px; display: flex; align-items: flex-end; transition: 0.4s ease-out; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); height: 300px; cursor: pointer; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); } .product-details-card:hover { box-shadow: 2px 4px 16px #00000029; transform: scale3d(1.01, 1.01, 1.01); } .product-1 { background-image: url(../images/product1.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-2 { background-image: url(../images/product2.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-3 { background-image: url(../images/product3.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-4 { background-image: url(../images/product4.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-5 { background-image: url(../images/product5.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-6 { background-image: url(../images/product6.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-7 { background-image: url(../images/product7.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-8 { background-image: url(../images/product8.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-9 { background-image: url(../images/newproduct9.png); background-repeat: no-repeat; background-size: cover; width: 100%; } .product-details-card .product-title h4 { font-size: 20px; font-weight: 500; line-height: 28px; color: #ffffff; } .product-details-content { display: flex; justify-content: center; column-gap: 56px; } .product-modal-body { padding: 0px 56px 56px 56px !important; } .custom-modal-header { width: 39px; height: 39px; background: #d9d9d9; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0px auto; margin-right: 0px; margin-top: 23px; margin-right: 28px; } .contact-modal-header .modal-title { font-size: 24px; font-weight: 700; line-height: 28.64px; color: #000000; } .contact-modal-title { font-size: 24px; font-weight: 700; line-height: 28.64px; color: #000000; margin-bottom: 24px; } .contact-modal-header { border-bottom: 0px !important; } .product-modal-content { border-radius: 20px; } .product-detail-img { width: 318px; height: 337px; } .product-detail-img img { border-radius: 20px; width: 100%; height: 100%; } .product-modal-details { width: 100%; max-width: 320px; } /* .prduct-modal-details-outer { height: auto; min-height: 300px; } */ .product-detail-title p { font-size: 24px; font-weight: 700; line-height: 28.64px; margin-bottom: 15px; text-align: left; } .product-detail-desc p { font-size: 16px; font-weight: 400; line-height: 21.48px; color: rgba(0, 0, 0, 1); margin-bottom: 0px; text-align: justify; white-space: break-spaces; hyphens: auto; } .contact-sales-button button { font-size: 17px; font-weight: 400; line-height: 21px; color: #ffffff; height: 47px; width: 192px; background: #336cff; border: none; border-radius: 35px; margin-top: 15px; } .contact-form-submit-button button { font-size: 17px; font-weight: 400; line-height: 21px; color: #ffffff; height: 47px; width: 192px; background: #336cff; border: none; border-radius: 35px; margin-top: 34px; } .modal-backdrop-blur { backdrop-filter: blur(1px); background-color: rgba( 0, 0, 0, 0.2 ) !important; /* Add a slight tint to the blur */ } /* recaptcha css start */ .captcha-label { font-size: 16px; font-weight: 500; line-height: 19.09px; color: #101010; width: auto !important; } .static-captcha-box { border: 0.5px solid #336cff; padding: 15px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; width: 100%; max-width: 302px; height: 76px; margin: 0px auto; margin-right: 0px; } .checkbox-section { display: flex; align-items: center; gap: 10px; } .checkbox-section label { font-size: 14px; font-weight: 400; } #static-recaptcha-checkbox { width: 18px; height: 18px; } .recaptcha-logo { display: flex; justify-content: center; align-items: center; flex-direction: column; } .recaptcha-logo img { width: 32px; height: auto; } .recaptcha-terms { font-size: 12px; color: #666; margin-top: 2px; text-align: center; display: block; } .recaptcha-terms a { color: #4285f4; text-decoration: none; } .recaptcha-terms a:hover { text-decoration: underline; } /* TAB PANE ANIMATION CSS START */ .tab-pane { max-height: 0; /* Collapsed height initially */ padding: 0; /* Avoid padding affecting the height animation */ opacity: 0; /* Fully transparent initially */ visibility: hidden; /* Hidden from the layout */ transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out; /* Transition with increased time for height */ } .tab-pane.show { max-height: 1900px; /* A large enough value to accommodate most content */ opacity: 1; /* Fully visible */ visibility: visible; /* Ensure visibility in the layout */ } /* Optional: Keyframe animation for a more controlled effect */ @keyframes growHeight { from { max-height: 0; opacity: 0; } to { /* max-height: 1500px; */ max-height: 1900px; opacity: 1; } } /* Apply the animation to the tab when it is shown */ .tab-pane.show { animation: growHeight 0.9s ease-in-out forwards; /* Apply the keyframe animation */ } /* ******EXPLOSION PAGE CSS START******* */ /* ******EXPLOSION PAGE CSS START******* */ .explore-banner { width: 100%; height: auto; } .explore-banner { width: 100%; height: auto; } .explore-banner img { width: 100%; height: 100%; object-fit: cover; /* Ensures the image covers the area proportionally */ } .atex-exposion-section { margin-top: 90px; text-align: center; } .atex-exposion-content { width: 100%; max-width: 1000px; margin: 0px auto; } .atex-exposion-heading.heading-main h1 { font-size: 50px; font-weight: 700; line-height: 76px; color: #000000; } .atex-exposion-heading.sub-heading h2 { font-size: 32px; font-weight: 500; line-height: 47px; color: #000000; margin-top: 21px; } .explosion-title p { font-size: 35px; font-weight: 700; line-height: 41px; color: #000000; margin: 60px 0px 30px 0px; } .explosion-desc p { font-size: 18px; font-weight: 400; line-height: 29px; text-align: center; color: #000000; margin-bottom: 0px; } .vita-section { text-align: center; } .sub-title-italic p { font-size: 25px; font-style: italic; font-weight: 300; line-height: 29px; text-align: center; color: #000000; margin-bottom: 60px; } /* Product Container */ .product-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0px auto; width: 100%; max-width: 1310px; } .product-info { flex: 1; width: 100%; max-width: 570px; } .product-info ul { list-style: none; padding-left: 0px; } .product-info li { display: flex; margin-bottom: 33px; } .product-info .icon { font-size: 20px; margin-right: 21px; color: #333; } .product-info .text { font-size: 18px; font-weight: 400; line-height: 21.48px; color: #000000; text-align: left; } /* Product Image Section */ .product-image { text-align: center; } .product-image img { width: 100%; max-width: 400px; height: auto; } .safety-content { width: 100%; max-width: 1000px; margin: 0px auto; } .brands-section { margin: 60px 0px 120px 0px; } .brands-content { display: flex; justify-content: space-between; width: 100%; max-width: 1000px; column-gap: 20px; margin: 0px auto; align-items: center; } .explosion-brand-image { width: 120px; } .sp-explosion-brand-image { width: 80px; } .sp-explosion-brand-image img { width: 100%; } .explosion-brand-image img { width: 100%; height: auto; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); } .explosion-brand-image img:hover { /* box-shadow: 2px 4px 16px #00000029; */ transform: scale3d(1.01, 1.01, 1.01); cursor: pointer; } .vita-s15-content { display: flex; justify-content: space-between; width: 100%; max-width: 1570px; column-gap: 20px; margin: 0px auto; align-items: center; } .vita-s15-image { /* width: 100%; max-width: 910px; */ margin-bottom: 30px; } .vitas22mainimg { position: relative; } .vita-s15-image img { width: 600px; } .vitas22subimg { height: 100px; width: 211px !important; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); } .vitas22subimg:hover { /* box-shadow: 2px 4px 16px #00000029; */ transform: scale3d(1.01, 1.01, 1.01); cursor: pointer; } .vitas22subimg1 { height: 100px; width: 200px !important; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); } /* .vita-s15-info{ width: 100%; max-width: 661px; padding:60px; } */ .vita-s15-title p { font-size: 35px; font-weight: 700; line-height: 41px; color: #000000; margin-bottom: 15px; } .vita-s15-desc p { font-size: 25px; font-weight: 400; line-height: 29px; color: #000000; margin-bottom: 15px; } .vita-sub-title-italic p { font-size: 20px; font-style: italic; font-weight: 300; line-height: 23px; text-decoration-skip-ink: none; color: #000000; } .vita-s15-list li { font-size: 18px; font-weight: 400; line-height: 25px; color: #000000; margin-bottom: 15px; } .vita-s22-about-section { margin-top: 60px; } .vita-s22-info { width: 100%; max-width: 45%; padding: 0px; margin-bottom: 30px; } .exlposion-cards { margin-top: 60px; } .exlposion-card { border-radius: 20px; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); overflow: hidden; } .exlposion-card:hover { box-shadow: 2px 4px 16px #00000029; transform: scale3d(1.01, 1.01, 1.01); cursor: pointer; } .card-header.exlposion-card-header { padding: 0px; } .card-header.exlposion-card-header img { height: auto; } .exlposion-card .card-title { font-size: 25px; font-weight: 700; line-height: 29px; color: #000000; } .exlposion-card-list { padding-left: 0px; } .exlposion-card-list li { list-style: none; color: #545454; font-size: 15px; font-weight: 500; line-height: 17.9px; margin-bottom: 15px; display: flex; align-items: center; column-gap: 20px; } .more-details-button { background: #336cff; border-radius: 35px; height: 47px; } .more-details-button a { width: 100%; height: 100%; color: #ffffff; font-size: 17px; font-weight: 400; line-height: 21px; display: flex; justify-content: center; align-items: center; } .explosion-card-title p { font-size: 20px; font-weight: 700; line-height: 29px; color: #090909; margin-bottom: 5px; } .explosion-card-sub-title p { font-size: 16px; font-weight: 700; line-height: 29px; color: #090909; margin-bottom: 30px; } /* Responsive Design */ @media (max-width: 992px) { .product-container { flex-direction: column; align-items: center; } .product-info { padding: 10px; } .product-info .text { font-size: 16px; } .product-image img { max-width: 100%; } } /* ***************** S15 CUSTOM POSITIONING IMAGE CSS START ************** */ .image-container-2 { position: relative; width: 640px; display: flex; justify-content: center; align-items: center; } .hardware-image { width: 62%; height: auto; margin-bottom: 20px; } .spec-bubble { position: absolute; background-color: #17324a; color: white; padding: 12px 15px; border-radius: 50px; display: flex; align-items: center; gap: 12px; font-size: 13px; width: 211px; height: 66px; transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); } .spec-bubble:hover { transform: scale3d(1.01, 1.01, 1.01); cursor: pointer; } .spec-icon { width: 20px; height: 20px; } /* Positioning for each bubble */ .memory-spec { top: 41px; left: 0px; } .screen-spec { top: 245px; left: -8px; } .temp-spec { top: 25px; right: 20px; } .processor-spec { top: 292px; right: 32px; } /* ***************** S15 CUSTOM POSITIONING IMAGE CSS START ************** */ .image-container { position: relative; height: 600px; margin: 0 auto; width: 100%; max-width: 55%; } .dashboard-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 500px; height: 400px; } .spec-capsule { position: absolute; } .top-left { right: 0px; top: 165px; } .top-right { left: 0px; top: 170px; } .bottom-left { right: 0px; bottom: 155px; } .bottom-right { left: 10px; bottom: 144px; } .vita-s15-image2 { display: none; } .divider-img { margin-right: 162px; } .brands-section-sp { display: none; margin: 60px 0px; } .swiper-slide.explosion-swiper-slide { justify-content: center; display: flex; } .custom-col-padding { padding-left: 50px; padding-right: 50px; } .c1d1explanation { display: flex; justify-content: space-between; align-items: center; margin: 60px 0px; } .info-box { display: flex; align-items: center; background-color: #0c2a44; color: white; padding: 15px; border-radius: 70px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); height: 114px; } .info-box p { margin-bottom: 0px; text-align: left; } .info-icon { height: 30px; width: 30px; margin-right: 10px; } .custom-row-c1d1-explain { justify-content: center; row-gap: 50px; } .c1d1explanation { display: flex; justify-content: space-between; align-items: center; margin: 60px 0px; } .info-box { display: flex; align-items: center; background-color: #0c2a44; color: white; padding: 15px; border-radius: 70px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); height: 114px; } .info-box p { margin-bottom: 0px; text-align: left; } .info-icon { height: 30px; width: 30px; margin-right: 10px; } .custom-row-c1d1-explain { justify-content: center; row-gap: 50px; } .s-series-heading { text-align: center; margin-bottom: 60px; padding: 0px 12px; } .s-series-heading p { font-weight: 500; font-size: 40px; line-height: 47px; color: #000000; } .slider-nav .me-1 img{ border:1px solid #bbb; margin:0 5px} /* ******EXPLOSION PAGE CSS END******* */ /* ******EXPLOSION PAGE CSS END******* */ @media (max-width: 991px) { .atex-exposion-heading.heading-main h1 { font-size: 48px; } .lhnHocChatBtnCont { display: none !important; } .live_chat_custom_button { display: block !important; } /* loader */ .chat-loader { display: block; } .chat-loader button { width: 131px; padding: 0px; } .tab-pane.show { max-height: 2300px; opacity: 1; visibility: visible; } } @media only screen and (max-width: 1024px) { .image-container, .image-container-2 { display: none; } .vita-s15-image2 { display: block; margin-bottom: 20px; } .vita-s15-content { flex-wrap: wrap; justify-content: center; } .divider-img { display: none; } .atex-exposion-section, .vita-section, .safety-section, .brands-section, .vita-section { padding: 0px 40px; } .arrow-top:before { left: 27%; } .arrow-top2:before { right: 17%; } } /* .custom-col-padding { padding: 0px 16px; } */ @media only screen and (max-width: 991px) { .custom-col-padding { padding: 0px 12px; } div#lhnHocButton.lhnslide { right: 10px; } .header-ph-no-footer { background-color: #14354e; color: #fff; text-decoration: none; padding: 10.5px; display: block; width: 160px; font-size: 14px; position: fixed; bottom: 0px; right: 120px; z-index: 999; } .chat-new-btn { background: #547a6f; color: #fff; text-decoration: none; height: 42px; border: none; padding: 0px; width: 121px; font-size: 14px; } #lhnHocButton { height: 42px !important; right: 0px !important; } /* loader */ .chat-loader button { height: 42px !important; right: 0px !important; } /* loader */ /* solution nnav menu */ #Solutions-menu-item .Solutions-menu-item-bdr { border-left: none; } /* solution nnav menu */ .product-details-content { flex-wrap: wrap; } .product-detail-img { margin-bottom: 15px; margin-top: 10px; } .product-detail-img { width: 100%; } .product-modal-details { width: 100%; max-width: 100%; } .support-form-submit-buttons { flex-wrap: wrap; margin-top: 40px; } /* .prduct-modal-details-outer { height: auto; min-height: auto; } */ .social-contact-cards { margin-top: 80px; padding: 0px 20px; } .arrow-top:before { top: -49px; left: 30%; } .arrow-top2:before { top: -49px; right: 20%; } .product-details-cards { padding: 0px 20px; } } @media only screen and (max-width: 768px) { .brands-section-sp { margin: 40px 0px; } .c1d1explanation { margin: 40px 0px; } .custom-row-c1d1-explain { row-gap: 30px; } .s-series-heading p { font-size: 22px; line-height: normal; } .info-box { border-radius: 20px; height: auto; } .vita-s22-info { max-width: 100%; } /* .brands-content { justify-content: start; } */ .vita-s15-image img { width: 100%; } .atex-exposion-section, .vita-section, .safety-section, .brands-section, .vita-section { margin-top: 50px; padding: 0px 0px; } .atex-exposion-heading.heading-main h1 { font-size: 30px; line-height: normal; } .atex-exposion-heading.sub-heading h2 { font-size: 22px; line-height: normal; } .explosion-title p { font-size: 20px; line-height: normal; margin: 40px 0px 15px 0px; } .explosion-desc p { font-size: 16px; } .sub-title-italic p { font-size: 18px; line-height: normal; margin-bottom: 30px; } .product-info li { margin-bottom: 15px; } .vita-s15-info { padding: 0px; } .vita-s15-title p { font-size: 24px; line-height: normal; } .vita-s15-desc p { font-size: 16px; line-height: normal; } .vita-s15-list li { font-size: 16px; line-height: normal; } .vita-s22-about-section { margin-top: 60px; } .exlposion-cards { margin-top: 60px; } .vita-sub-title-italic p { font-size: 16px; line-height: 23px; } .vita-s15-list { padding-left: 1rem; } .brands-section { margin: 60px 0px 60px 0px; } .brands-content { flex-wrap: wrap; } .custom-col-padding { padding: 0px 12px; } .social-contact-cards { justify-content: center; flex-wrap: wrap; gap: 20px; } .arrow-top:before { top: -49px; left: 19%; } .arrow-top2:before { top: -49px; right: 11%; } .support-tab-content-outer { padding: 30px 20px; } } @media only screen and (max-width: 767px) { .arrow-top:before { display: none; } .arrow-top2:before { display: none; } #tab_custom_height { height: 1900px; } .product-details-card { max-width: 376px; margin: auto; } @keyframes growHeight { from { max-height: 0; opacity: 0; } to { /* max-height: 1500px; */ max-height: 2300px; opacity: 1; } } #supportTab { display: flex; flex-direction: column; } #solutionsImg { margin-top: 55px; } .support-tabs { padding: 0px 40px; } } @media only screen and (max-width: 475px) { .brands-section { display: none; } .brands-section-sp { display: block; } .explore-banner img { height: 215px; } .header-ph-no-footer { width: 230px; left: 0px; } .chat-new-btn { padding: 0px 40px; } .header-ph-no-footer { text-align: center; height: 60px; padding: 20px; /*display: flex;*/ /*justify-content: start;*//*align-items: center;*/ } div#lhnHocButton.lhnslide { /* right: 10px; */ height: 60px !important; } .chat-box-btn { height: 60px !important; } .live_chat_custom_button { height: 60px !important; } .chat-new-btn { height: 60px !important; } /* loader */ .chat-loader button { height: 60px !important; right: -14px !important; width: 230px; } /* loader */ .need-icon { margin-left: 2px; } .hover-button { margin-right: -119px; } @keyframes growHeight { from { max-height: 0; opacity: 0; } to { /* max-height: 1500px; */ max-height: 2600px; opacity: 1; } } .support-tabs { padding: 0 8px; } .product-details-card { max-width: 376px; margin: auto; } #supportTab { display: flex; flex-direction: column; } #solutionsImg { margin-top: 55px; } .social-contact-cards { padding: 0px 0px; } .product-details-cards { padding: 0px 1px; } } @media only screen and (max-width: 376px) { .atex-exposion-heading.heading-main h1 { } .atex-exposion-heading.heading-main h1 { font-size: 22px; } .header-ph-no-footer { width: 200px; left: 0px; } .chat-new-btn { padding: 0px 27px; } .header-ph-no-footer { height: 60px; display: flex; justify-content: start; align-items: center; } div#lhnHocButton.lhnslide { /* right: 10px; */ height: 60px !important; } .chat-box-btn { height: 60px !important; } .live_chat_custom_button { height: 60px !important; } .chat-new-btn { height: 60px !important; } /* loader */ .chat-loader button { height: 60px !important; width: 200px; } /* loader */ .need-icon { margin-left: 2px; } .hover-button { margin-right: -119px; } .support-tabs { padding: 0 0px; } .product-details-card { max-width: 376px; margin: auto; } #supportTab { display: flex; flex-direction: column; } #solutionsImg { margin-top: 55px; } .social-contact-cards { padding: 0px 0px; } .product-details-cards { padding: 0px 1px; } } @media only screen and (max-width: 320px) { .header-ph-no-footer { width: 191px; left: 0px; } .chat-new-btn { padding: 0px 4px; } .header-ph-no-footer { height: 60px; display: flex; justify-content: start; align-items: center; } div#lhnHocButton.lhnslide { /* right: 10px; */ height: 60px !important; } .chat-box-btn { height: 60px !important; } .live_chat_custom_button { height: 60px !important; } .chat-new-btn { height: 60px !important; } /* loader */ .chat-loader button { width: 191px; right: -35px !important; } /* loader */ .need-icon { margin-left: 2px; } .hover-button { margin-right: -119px; } .product-details-card { max-width: 376px; margin: auto; } #supportTab { display: flex; flex-direction: column; } #solutionsImg { margin-top: 55px; } .social-contact-cards { padding: 0px 0px; } .product-details-cards { padding: 0px 1px; } } /*search css by azeem start*/ .product-card { box-shadow: 0 2px 2px rgba(0, 42, 88, 0.08), 0 4px 4px rgba(0, 42, 88, 0.08), 0 8px 8px rgba(0, 42, 88, 0.08) !important; border: 1px solid #e1e1e1 !important; border-radius: 2px !important; padding: 16px !important; } .product-card-buttons { display: flex; justify-content: space-between; align-items: center; } .deatilCardBtn { width: 100%; color: #ffffff; border-radius: 0px; } .deatilCardBtn a { width: 100%; color: #ffffff; } .deatilCardBtn a:hover { text-decoration: none; } .deatilCardBtnFooter { padding: 0px !important; border-top: 0px !important; } .featuresList { padding-left: 1rem !important; } .product-card-body { padding: 16px 0px 0px 0px; } .divider { border-bottom: 2px solid #17324a !important; height: 2px; margin: 0px !important; margin-top: 24px !important; } /*search css by azeem end*/ .suggestions-list { background-color: white; border: 1px solid #ccc; width: 100%; max-height: 150px; overflow-y: auto; z-index: 10; } .suggestion-item { padding: 10px; cursor: pointer; border-bottom: 1px solid #e4e2e2; } .suggestion-item:hover { background-color: #f0f0f0; } #suggestions { position: fixed; width: 650px; top: 77px; } /* ahmad faraz */ #supportTab { display: flex; flex-wrap: unset !important; } /* ahmad faraz */ /* .mySwiper .swiper-wrapper{ transform:translate3d(0px,0,0) !important; } .mySwiper .swiper-wrapper .swiper-slide{ transition-duration: 200ms !important; transition-delay: 0ms; } .mySwiper .swiper-wrapper .swiper-slide-active{ transition-duration: 200ms !important; transition-delay: 0ms !important; } */