body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin: 0; width: 100%; /*font-family: proxima-nova-1, proxima-nova-2, sans-serif;*/ font-weight: 400; background: rgb(255, 255, 255); } a { text-decoration: none; color: inherit; cursor: pointer; } a:not(.btn):hover { text-decoration: underline; } input, select, textarea, p, h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; } main { overflow: hidden; } u>span { text-decoration: inherit; } ol, ul { padding-left: 2.5rem; margin: .625rem 0; } p { word-wrap: break-word; } h1>span, h2>span, h3>span, h4>span, h5>span, h6>span { display: block; word-wrap: break-word; } iframe { border: 0; } * { box-sizing: border-box; } :root.js-text-scaling { --mobile-font-size: 4vw; --default-font-size: 16px; } .item-absolute { position: absolute; } .item-relative { position: relative; } .item-block { display: block; height: 100%; width: 100%; } .item-cover { z-index: 1000030; } .item-breakword { word-wrap: break-word; } .item-content-box { box-sizing: content-box; } .hidden { display: none; } .clearfix { clear: both; } sup { margin-left: 0.1rem; line-height: 0; } @keyframes slide-down { from { opacity: 0; transform: translateY(-50px); } } @keyframes fade-in { from { opacity: 0; } } @supports (-webkit-overflow-scrolling:touch) { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution:192dpi) { .image[src$=".svg"] { width:calc(100% + 1px); } } } .main-menu { padding: 15px;} .main-menu * { font-family: SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif !important;} .logo {padding:0 15px;} .logo img { max-width: 126px;} .main-menu span { font-size: 16px; font-weight: 600; color: #17484d; margin-top: 15px;} .top-menu { margin-top: 20px !important;} .topnav { overflow: hidden; } .topnav a { float: left; display: block; color: #17484d; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; font-weight: 600;} .active { } .topnav .icon { display: none;} .dropdown { float: left; overflow: hidden;} .dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: #17484d; padding: 13px 16px; background-color: #fff; margin: 0;font-weight: 600;} .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; max-width: 900px;} .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;} .topnav a:hover, .dropdown:hover .dropbtn { color: #06615a; text-decoration: none;} .dropdown-content a:hover { color: #06615a !important; text-decoration: none;} .dropdown:hover .dropdown-content { display: block;} .subnav { float: left; padding: 15px 10px;} .dropdown-content ul { margin: 0; padding: 0 10px; list-style: none;} .subnav h3 { font-size: 16px; font-weight: 600 !important; border-bottom: 1px solid #01323f; margin-bottom: 15px; margin-bottom: 15px !important; padding-bottom: 5px;} .dropdown-content .subnav a { color: #01323f; padding: 5px;font-size: 16px;} .dropdown-content .small a { color: #01323f; padding: 5px;font-size: 16px;} .dropdown-content .small { padding-top: 20px !important;} .dropdown-content::before { content: ""; top: 0;left: 5px; position: absolute; background: #17484d; height: 3px; width: 90px;} @media screen and (max-width: 1010px) { .get-qoute { margin-left: 15px !important; font-size: 14px !important;} } @media screen and (max-width: 768px) { .topnav a{padding: 14px 8px; font-size: 15px;} .dropdown .dropbtn { font-size: 15px; padding: 13px 8px;} .buy-btn { padding: 10px 15px; max-width: 154px; font-size: 18px; height: 40px;} .get-qoute { margin-left: 15px !important; font-size: 12px !important;} .trial-teaser-form .field-wrap-submit, .trial-teaser-form .button { width: 100%;} } @media screen and (max-width: 767px) { .topnav a:not(:first-child), .dropdown .dropbtn { display: none; } .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 767px) { /* .topnav.responsive { position: relative; } */ .topnav.responsive { position: absolute; z-index: 9999; background: #fff; width: 100%; left: 0; top: 0; height: 100%;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; max-width: 50%; } .topnav.responsive .dropdown {float: none; max-width: 50%;} .topnav.responsive .dropdown-content {position: absolute;} .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; } } .show-for-sr { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .headline { font-family: SharpSans; font-weight: 700; } .section-fit { max-width: 400px; } :root { --section-relative-margin: 0 auto; } .section-relative { position: relative; margin: 0 auto; } .js-text-scaling .section-relative { margin: var(--section-relative-margin); } .section-inner { height: 100%; } #page_block_header { height: 45.75rem; max-width: 100%; } #page_block_header .section-holder-border { border: 0; } #page_block_header .section-block { /*background: rgb(214, 238, 241);*/ height: 45.75rem; } #page_block_header .section-holder-overlay { display: none; } #element-410 { top: 0.875rem; left: 16.6875rem; height: 2.4375rem; width: 6.875rem; z-index: 6; } #element-4121 { top: 0.875rem; left: 16.6875rem; height: 2.4375rem; width: 6.875rem; z-index: 6; } #element-4122 { top: 0.875rem; left: 9.6875rem; height: 2.4375rem; width: 6.875rem; z-index: 6; } .btn { cursor: pointer; text-align: center; transition: border .5s; width: 100%; border: 0; white-space: normal; display: table-cell; vertical-align: middle; padding: 0; line-height: 120%; } .btn-shadow { box-shadow: 0 1px 3px rgba(1, 1, 1, 0.5); } #element-410 .btn.btn-effect3d:active { box-shadow: none; } #element-410 .btn:hover { background: #012B30; color: #FFFFFF; } #element-410 .btn { border: 2px solid #012B30; color: #012B30; font-size: 0.9907rem; font-family: SharpSans; font-weight: 600; height: 2.4375rem; width: 6.875rem; border-radius: 0; } #element-4121 .btn.btn-effect3d:active { box-shadow: none; } #element-4121 .btn:hover { background: none; color: #012B30; } #element-4121 .btn { border: 2px solid #012B30; color: #fff; font-size: 0.9907rem; font-family: SharpSans; font-weight: 600; height: 2.4375rem; width: 6.875rem; border-radius: 0; background: #012B30; } #element-4122 .btn.btn-effect3d:active { box-shadow: none; } #element-4122 .btn:hover { background: none; color: #f74e00; } #element-4122 .btn { border: 2px solid #f74e00; color: #fff; font-size: 0.9907rem; font-family: SharpSans; font-weight: 600; height: 2.4375rem; width: 6.875rem; border-radius: 0; background: #f74e00;} #element-579 { top: 1.375rem; left: 1.125rem; height: 1.3125rem; width: 6.25rem; z-index: 3; } #element-579 .contents img { cursor: pointer!important; } #element-414 { top: 2.5125rem; left: 1.125rem; height: 6.875rem; width: 22.5rem; z-index: 7; color: #555555; font-size: 1.9195rem; line-height: 2.7125rem; text-align: left; } #element-414 .x_93b8dd90 { text-align: left; color: rgb(23, 73, 77); line-height: 2.6875rem; font-size: 1.9195rem; } #element-414 .contents { font-family: SharpSans!important; font-weight: 700!important; } #element-414 .contents p { color: #03363D!important; } #element-574 { top: 25.9375rem; left: 1.25rem; height: 14.25rem; width: 22.5rem; z-index: 17; } #element-574 .cropped { background: url(../images/dashboard_3.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.ori { background: url(../images/dashboard_4.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.graph { background: url(../images/graphs.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.women2 { background: url(../images/dashboard_41.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.collage2 { background: url(../images/collage2.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.collage3 { background: url(../images/collage7.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.collage4 { background: url(../images/collage4.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.collage5 { background: url(../images/collage5.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.dashboard_31 { background: url(../images/dashboard_31.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.dashboard_31_muted { background: url(../images/dashboard_31_muted.png) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.gif1 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.gif2 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.gif3 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-574 .cropped.gif4 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) 0 -0.0625rem / 22.5625rem 14.1875rem; } #element-415 { top: 10.6875rem; left: 1.125rem; height: 4.875rem; width: 22.5rem; z-index: 8; color: #555555; font-size: 1.1765rem; line-height: 1.6625rem; text-align: left; } #element-415 .x_871697a9 { text-align: left; color: rgb(3, 54, 61); font-weight: 600; line-height: 1.6875rem; font-size: 1.1765rem; } #element-415 .contents { font-family: SharpSans!important; } #element-415 .contents p { color: #03363D!important; font-weight: 600!important; } #element-409 { top: 17.5625rem; left: 1.25rem; height: 5.625rem; width: 22.5rem; z-index: 12; } .full-size { width: 100%; height: 100%; } .html-widget__text-center { text-align: center; } #element-541 { top: 18.375rem; left: 1.25rem; height: 3.0625rem; width: 22.5rem; z-index: 10; } #element-541 .btn.btn-effect3d:active { box-shadow: none; } #element-541 .btn:hover { background: #012B30; color: #FFFFFF; } #element-541 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 3.0625rem; width: 22.5rem; border-radius: 0; } #element-545 { top: 22.375rem; left: 3.4375rem; height: 2.875rem; width: 18.1875rem; z-index: 11; color: #17494D; font-size: 0.8669rem; line-height: 1.4rem; text-align: center; } #element-545 .x_189771b3 { text-align: center; line-height: 1.375rem; font-size: 0.8669rem; } #element-545 .contents { color: rgb(23, 73, 77)!important; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; } #element-545 .contents p { text-align: center!important; } #element-547 { top: 17.75rem; left: 1.25rem; height: 2.875rem; width: 22.5rem; z-index: 9; } #element-547 .btn.btn-effect3d:active { box-shadow: none; } #element-547 .btn:hover { background: #012B30; color: #FFFFFF; } #element-547 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 2.875rem; width: 22.5rem; border-radius: 0; } #element-601 { top: 41.375rem; left: 2.1875rem; height: 6.75rem; width: 20.25rem; z-index: 18; } #page-block-oophpme0psb { height: 149.6875rem; max-width: 100%; } #page-block-oophpme0psb .section-holder-border { border: 0; } #page-block-oophpme0psb .section-block { background: none; height: 149.6875rem; } #page-block-oophpme0psb .section-holder-overlay { display: none; } #element-527 { top: 5.5rem; left: 1.25rem; height: 7.5rem; width: 22.5rem; z-index: 4; color: #555555; font-size: 2.1053rem; line-height: 2.975rem; text-align: center; } #element-527 .x_ffb7a299 { text-align: center; color: rgb(3, 54, 61); font-weight: 700; line-height: 3rem; font-size: 2.1053rem; } #element-527 .contents { font-family: SharpSans!important; } #element-527 .contents p { color: rgb(3, 54, 61)!important; font-weight: 700!important; text-align: center!important; } #element-529 { top: 14.6875rem; left: 0.0625rem; height: 115.625rem; width: 25rem; z-index: 5; } #element-528 { top: 142.0625rem; left: 1.25rem; height: 3.1875rem; width: 22.4375rem; z-index: 16; } #element-528 .btn.btn-effect3d:active { box-shadow: none; } #element-528 .btn:hover { background: #012B30; color: #FFFFFF; } #element-528 .btn { background: #17494D; color: rgb(255, 255, 255)!important; font-size: 1.1146rem; font-family: SharpSans!important; font-weight: 600!important; height: 3.1875rem; width: 22.4375rem; border-radius: 0px!important; background-color: rgb(23, 73, 77)!important; border: 0px!important; white-space: nowrap!important; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s!important; padding: 0px 24px!important; background-image: none!important; } #element-528 .btn-img { display: none!important; } #page-block-3c98ean267l { height: 11.5625rem; max-width: 100%; } #page-block-3c98ean267l .section-holder-border { border: 0; } #page-block-3c98ean267l .section-block { background: none; height: 11.5625rem; } #page-block-3c98ean267l .section-holder-overlay { display: none; } #element-632 { top: 0.75rem; left: 3.25rem; height: 2.625rem; width: 18.4375rem; z-index: 20; color: #37465A; font-size: 0.805rem; line-height: 1.3rem; text-align: center; } #element-632 .x_077c8203 { text-align: center; line-height: 1.3125rem; font-size: 0.805rem; } #element-555 { top: 4.125rem; left: 0.75rem; height: 3rem; width: 11.5625rem; z-index: 14; } #element-555 .btn.btn-effect3d:active { box-shadow: none; } #element-555 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-555 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 3rem; width: 11.5625rem; border-radius: 3px!important; background-image: none!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-555 .btn-img { display: none!important; } #element-549 { top: 7.5rem; left: 0.75rem; height: 3.0625rem; width: 11.5625rem; z-index: 13; } #element-549 .btn.btn-effect3d:active { box-shadow: none; } #element-549 .btn:hover { background: #1565C0; color: #FFFFFF;} #element-549 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 3.0625rem; width: 11.5625rem; border-radius: 3px!important; background-image: none!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-549 .btn-img { display: none!important; } #element-566 { top: 4.125rem; left: 12.9375rem; height: 3.125rem; width: 11.125rem; z-index: 15; } #element-566 .btn.btn-effect3d:active { box-shadow: none; } #element-566 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-566 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 3.125rem; width: 11.125rem; border-radius: 3px!important; background-image: none!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-566 .btn-img { display: none!important; } #element-608 { top: 7.5rem; left: 12.9375rem; height: 3.125rem; width: 11.125rem; z-index: 19; } #element-608 .btn.btn-effect3d:active { box-shadow: none; } #element-608 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-608 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 3.125rem; width: 11.125rem; border-radius: 3px!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-608 .btn-img { display: none!important; } .lightbox { display: none; position: fixed; width: 100%; height: 100%; top: 0; } .lightbox-dim { background: rgba(0, 0, 0, 0.85); height: 100%; animation: fade-in .5s ease-in-out; overflow-x: hidden; display: flex; align-items: center; padding: 30px 0; } .lightbox-content { background-color: #fefefe; border-radius: 3px; position: relative; margin: auto; animation: slide-down .5s ease-in-out; } .lightbox-opened { display: block; } .lightbox-close { width: 26px; right: 0; top: -10px; cursor: pointer; } .lightbox-close-btn { padding: 0; border: none; background: none; } .lightbox-btn-svg { display: block; } .lightbox-close-icon { fill: #fff; } .notification-text { font-size: 1.5rem; color: #fff; text-align: center; width: 100%; } .modal-on { overflow: hidden; } #popup-9aupcp5p6tc .lightbox-content { height: 37.375rem; width: 23.6875rem; } #element-550 { top: 0; left: 0; height: 37.375rem; width: 23.6875rem; z-index: 3; } .circle { border-radius: 50%; } .shape { height: inherit; } .line-horizontal { height: .625rem; } .line-vertical { height: 100%; margin-right: .625rem; } [class*='line-'] { box-sizing: content-box; } #element-550 .shape { border: 0; background: rgb(255, 247, 237); } #element-552 { top: 2.5625rem; left: 1.625rem; height: 4.125rem; width: 20.375rem; z-index: 299; color: #555555; font-size: 1.9195rem; line-height: 2.7125rem; text-align: center; font-weight: 700; } #element-552 .x_4587cf38 { text-align: center; color: rgb(3, 54, 61); font-weight: 700; line-height: 2.6875rem; font-size: 1.9195rem; } #element-552 .contents { font-family: SharpSans!important; } #element-552 .contents p { color: rgb(3, 54, 61)!important; font-weight: 700!important; text-align: center!important; } #element-552.headline { font-weight: 700; } #element-553 { top: 6.75rem; left: 1.625rem; height: 8.3125rem; width: 20.375rem; z-index: 597; color: #555555; font-size: 1.1765rem; line-height: 1.6625rem; text-align: center; font-weight: 700; } #element-553 .x_38548fe8 { text-align: center; color: rgb(3, 54, 61); font-weight: 600; line-height: 1.6875rem; font-size: 1.1765rem; } #element-553 .contents { font-family: SharpSans!important; } #element-553 .contents p { color: rgb(3, 54, 61)!important; font-weight: 600!important; text-align: center!important; } #element-553.headline { font-weight: 700; } #element-551 { top: 15rem; left: 1.8125rem; height: 15.0538rem; width: 20rem; z-index: 4; } #element-554 { top: 31.9375rem; left: 1.875rem; height: 2.75rem; width: 19.875rem; z-index: 623; } #element-554 .btn.btn-effect3d:active { box-shadow: none; } #element-554 .btn:hover { background: #012B30; color: #FFFFFF; } #element-554 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 2.75rem; width: 19.875rem; border-radius: 0; } #popup-h3uh1mtsyy5 .lightbox-content { height: 32.375rem; width: 22.4375rem; } #element-561 { top: 2.4375rem; left: 7.875rem; height: 1.3125rem; width: 6.5625rem; z-index: 3; } #element-562 { top: 5.625rem; left: 1.8125rem; height: 23.75rem; width: 18.75rem; z-index: 4; } #element-622 { top: 31.3125rem; left: 2rem; height: 20.9375rem; width: 20.9375rem; z-index: 5; } #element-625 { top: 31.25rem; left: 1.375rem; height: 14.25rem; width: 22.1875rem; z-index: 6; } #popup-ejzo0jovyw4 .lightbox-content { height: 24.125rem; width: 23rem; } #element-572 { top: 2.125rem; left: 1.5rem; height: 20rem; width: 20rem; z-index: 3; } #popup-ktyh44xt528 .lightbox-content { height: 26.8125rem; width: 18.6875rem; } #element-615 { top: 0; left: 0; height: 12.8438rem; width: 18.6875rem; z-index: 5; } #element-629 { top: 0; left: 0; height: 26.8269rem; width: 18.6875rem; z-index: 3; } #element-617 { top: 25.9375rem; left: 18.9375rem; height: 13.8776rem; width: 4.25rem; z-index: 7; } #element-611 { top: 8.5rem; left: 1.9375rem; height: 5.75rem; width: 15.25rem; z-index: 6; color: #555555; font-size: 2.3529rem; line-height: 2.85rem; text-align: left; font-weight: 700; } #element-611 .x_007a03df { text-align: left; color: rgb(3, 54, 61); font-weight: 700; line-height: 2.875rem; font-size: 2.3529rem; } #element-611.headline { font-weight: 700; } #element-630 { top: 3.125rem; left: 4.625rem; height: 3rem; width: 9.9375rem; z-index: 4; } #element-612 { top: 15.5rem; left: 1.9375rem; height: 5.625rem; width: 15rem; z-index: 8; color: #555555; font-size: 0.9907rem; line-height: 1.4rem; text-align: left; font-weight: 700; } #element-612 .x_30e660d8 { text-align: left; color: rgb(3, 54, 61); font-weight: 600; line-height: 1.375rem; font-size: 0.9907rem; } #element-612 .x_95ee157c { text-align: left; font-style: normal; } #element-612 .contents { font-family: SharpSans!important; } #element-612 .contents p { color: rgb(3, 54, 61)!important; font-weight: 600!important; text-align: left!important; } #element-612 .contents p * { font-style: normal!important; } #element-612.headline { font-weight: 700; } #element-613 { top: 21.125rem; left: 1.9375rem; height: 2.1875rem; width: 15.0625rem; z-index: 9; } #element-613 .btn.btn-effect3d:active { box-shadow: none; } #element-613 .btn:hover { background: #012B30; color: #FFFFFF; } #element-613 .btn { background: #17494D; color: #FFFFFF; font-size: 0.6811rem; font-family: SharpSans; font-weight: 600; height: 2.1875rem; width: 15.0625rem; border-radius: 0; } @font-face { font-family: "SharpSans"; src: url("fonts/SHSNLight.woff"), local("Open Sans"), url("../fonts/OpenSans.ttf"); font-weight: 200; } @font-face { font-family: "SharpSans"; src: url("../fonts/SHSNMedium.woff"), local("Open Sans"), url("../fonts/OpenSans.ttf"); font-weight: 400; } @font-face { font-family: "SharpSans"; src: url("../fonts/SHSNeng.woff"), local("Open Sans"), url("../fonts/OpenSans.ttf"); font-weight: 600; } @font-face { font-family: "SharpSans"; src: url("../fonts/SHSNBoldeng.woff"), local("Open Sans"), url("../fonts/OpenSans.ttf"); font-weight: 700; } @font-face { font-family: "SharpSans"; src: url("../fonts/SHSNBlack.woff"), local("Open Sans"), url("../fonts/OpenSans.ttf"); font-weight: 900; } @media screen and (max-width:400px) { :root { font-size: 4vw; } :root.js-text-scaling { font-size: var(--mobile-font-size); } } @media screen and (min-width:401px) and (max-width:767px) { :root { font-size: 16px; } :root.js-text-scaling { font-size: var(--default-font-size); } } @media screen and (min-width:768px) and (max-width:1200px) { :root { font-size: 1.33vw; } } @media screen and (max-width:767px) { .hidden-mobile { display: none; } .get-qoute { padding: 15px; margin-left: 0 !important; width: 100%; float: left; text-align: center; margin-top: 10px;} } @media screen and (min-width:768px) { .section-fit { max-width: 60rem; } #page_block_header { height: 35.75rem; max-width: 100%; } #page_block_header .section-holder-border { border: 0; } #page_block_header .section-block { /*background: rgb(214, 238, 241);*/ height: 35.75rem; } #page_block_header .section-holder-overlay { display: none; } #element-410 { top: 1.8125rem; left: 55.125rem; height: 3.0625rem; width: 8.75rem; z-index: 6; } #element-410.alignedbtn{ left: 53.125rem; } #element-410 .btn.btn-effect3d:active { box-shadow: none; } #element-410 .btn:hover { background: #012B30; color: #FFFFFF; } #element-410 .btn { border: 2px solid #012B30; color: #012B30; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 3.0625rem; width: 8.75rem; border-radius: 0; } #element-4121 { top: 1.8125rem; left: 55.125rem; height: 3.0625rem; width: 8.75rem; z-index: 6; } #element-4121.alignedbtn{ left: 53.125rem; } #element-4121 .btn.btn-effect3d:active { box-shadow: none; } #element-4121 .btn:hover { background: none; color: #012B30; } #element-4121 .btn { border: 2px solid #012B30; color: #fff; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 3.0625rem; width: 8.75rem; border-radius: 0; background: #012B30; } #element-4122 { top: 1.8125rem; left: 45.125rem; height: 3.0625rem; width: 8.75rem; z-index: 6; } #element-4122.alignedbtn2{ left: 43.125rem; } #element-4122 .btn.btn-effect3d:active { box-shadow: none; } #element-4122 .btn:hover { background: none; color: #f74e00; } #element-4122 .btn { border: 2px solid #f74e00; color: #fff; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 3.0625rem; width: 8.75rem; border-radius: 0; background: #f74e00; } #element-579 { top: 2.6875rem; left: -3.8125rem; height: 1.3125rem; width: 6.25rem; z-index: 3; } #element-579 .contents img { cursor: pointer!important; } #element-414 { top: 2.4375rem; left: 36.875rem; height: 12rem; width: 26.9375rem; z-index: 7; color: #555555; font-size: 2.9721rem; line-height: 4.8rem; text-align: left; } #element-414 .x_d395cf22 { text-align: left; color: rgb(23, 73, 77); line-height: 3.5rem; font-size: 2.9721rem; } #element-414 .contents { font-family: SharpSans!important; font-weight: 700!important; margin-bottom: 1.5rem!important; width: 26.9375rem!important; line-height: 3.5rem!important; font-size: 2.9721rem!important; } #element-414 .contents p { color: #03363D!important; line-height: 3.5rem!important; font-size: 2.9721rem!important; } #element-414 .contents p.smallfont { color: #03363D!important; line-height: 3rem!important; font-size: 2.7rem!important; } #element-414 .contents p span.smallfont { color: #03363D!important; line-height: 3rem!important; font-size: 2.7rem!important; } #element-574 { top: 3.063rem; left: -3.875rem; height: 23.6875rem; width: 37.4375rem; z-index: 17; } #element-574 .cropped { background: url(../images/dashboard_3.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.ori { background: url(../images/dashboard_4.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.graph { background: url(../images/graphs.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.women2 { background: url(../images/dashboard_41.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.collage2 { background: url(../images/collage2.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.collage3 { background: url(../images/collage7.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.collage4 { background: url(../images/collage4.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.collage5 { background: url(../images/collage5.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.dashboard_31 { background: url(../images/dashboard_31.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.dashboard_31_muted { background: url(../images/dashboard_31_muted.png) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.gif1 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) -0.0002rem -0.0625rem / 37.5rem 23.6875rem;} #element-574 .cropped.gif2 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) -0.0002rem -0.0625rem / 37.5rem 23.6875rem;} #element-574 .cropped.gif3 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-574 .cropped.gif4 { background: url(https://vdeskworks.com/content/images/index/newlanding/gif/collage13-white-bg.gif) -0.0002rem -0.0625rem / 37.5rem 23.6875rem; } #element-415 { top: 15.2rem; left: 36.875rem; height: 5rem; width: 26.9375rem; z-index: 8; color: #555555; font-size: 1.2384rem; line-height: 2rem; text-align: left; } #element-415 .x_5eb60e48 { text-align: left; color: rgb(3, 54, 61); font-weight: 600; line-height: 1.75rem; font-size: 1.2384rem; } #element-415 .contents { font-family: SharpSans!important; width: 26.9375rem!important; margin-bottom: 1.5rem!important; line-height: 1.75rem!important; font-size: 1.2384rem!important; } #element-415 .contents p { color: #03363D!important; line-height: 1.75rem!important; font-size: 1.2384rem!important; font-weight: 600!important; } #element-409 { top: 23.4375rem; left: 36.8125rem; height: 16.875rem; width: 25rem; z-index: 12; } #element-409.element-409 { top: 23.4375rem; } #element-541 { top: 25.3125rem; left: 36.875rem; height: 3.0625rem; width: 21.75rem; z-index: 10; } #element-541 .btn.btn-effect3d:active { box-shadow: none; } #element-541 .btn:hover { background: #012B30; color: #FFFFFF; } #element-541 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 3.0625rem; width: 21.75rem; border-radius: 0; } #element-545 { top: 29.1875rem; left: 38.5rem; height: 2.625rem; width: 18.25rem; z-index: 11; color: #17494D; font-size: 0.8669rem; line-height: 1.4rem; text-align: center; } #element-545 .x_5895f38a { text-align: center; line-height: 1.125rem; font-size: 0.8669rem; } #element-545 .contents { color: rgb(23, 73, 77)!important; width: 18.25rem!important; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; margin-bottom: 1.5rem!important; line-height: 1.125rem!important; font-size: 0.8669rem!important; } #element-545 .contents p { line-height: 1.125rem!important; font-size: 0.8669rem!important; text-align: center!important; } #element-547 { top: 25.3125rem; left: 36.875rem; height: 3.0625rem; width: 22.0625rem; z-index: 9; } #element-547 .btn.btn-effect3d:active { box-shadow: none; } #element-547 .btn:hover { background: #012B30; color: #FFFFFF; } #element-547 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 3.0625rem; width: 22.0625rem; border-radius: 0; } #element-601 { top: 27.0625rem; left: -0.6875rem; height: 7.25rem; width: 28.875rem; z-index: 18; } #element-601.seals { width: 21.875rem;} #page-block-oophpme0psb { height: 55.3125rem; max-width: 100%; transition:all ease .5s; } #page-block-oophpme0psb.largeblk { height: 61.3125rem; transition:all ease .5s; } #page-block-oophpme0psb .section-holder-border { border: 0; } #page-block-oophpme0psb .section-block { background: none; height: 60.3125rem; } #page-block-oophpme0psb .section-holder-overlay { display: none; } #element-527 { top: 8rem; left: 5.375rem; height: 4rem; width: 50.1875rem; z-index: 4; color: #555555; font-size: 1.9814rem; line-height: 3.2rem; text-align: center; } #element-527 .x_9838c043 { text-align: center; color: rgb(3, 54, 61); font-weight: 700; line-height: 2.5rem; font-size: 1.9814rem; } #element-527 .contents { font-family: SharpSans!important; line-height: 2.5rem!important; font-size: 1.9814rem!important; width: 50.1875rem!important; margin-bottom: 1.5rem!important; } #element-527 .contents p { color: rgb(3, 54, 61)!important; line-height: 2.5rem!important; font-size: 1.9814rem!important; font-weight: 700!important; text-align: center!important; } #element-529 { top: 14.5rem; left: -5.3125rem; height: 28.75rem; width: 70.625rem; z-index: 5; } #element-528 { top: 47.5625rem; left: 20.875rem; height: 3.3125rem; width: 18.1875rem; z-index: 16; transition:all ease .5s;} #element-528.largeblk { top: 55.5625rem; transition:all ease .5s;} #element-528 .btn.btn-effect3d:active { box-shadow: none; } #element-528 .btn:hover { background: #012B30; color: #FFFFFF; } #element-528 .btn { background: #17494D; color: rgb(255, 255, 255)!important; font-size: 1.1146rem!important; line-height: 1.3125rem!important; font-family: SharpSans!important; font-weight: 600!important; height: 3.3125rem!important; width: 18.1875rem!important; border-radius: 0px!important; background-color: rgb(23, 73, 77)!important; border: 0px!important; white-space: nowrap!important; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s!important; padding: 0px 24px!important; background-image: none!important; } #element-528 .btn-img { display: none!important; } #page-block-3c98ean267l { height: 3.25rem; max-width: 100%; } #page-block-3c98ean267l .section-holder-border { border: 0; } #page-block-3c98ean267l .section-block { background: none; height: 3.25rem; } #page-block-3c98ean267l .section-holder-overlay { display: none; } #element-632 { top: 0.3125rem; left: -4.125rem; height: 2.625rem; width: 18.4375rem; z-index: 20; color: #37465A; font-size: 0.805rem; line-height: 1.3rem; text-align: left; } #element-632 .x_26743634 { text-align: left; line-height: 1.3125rem; font-size: 0.805rem; } #element-555 { top: 0.4375rem; left: 15rem; height: 2.4375rem; width: 12.25rem; z-index: 14; } #element-555 .btn.btn-effect3d:active { box-shadow: none; } #element-555 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-555 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem!important; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 2.3125rem!important; width: 12.25rem!important; border-radius: 3px!important; background-image: none!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-555 .btn-img { display: none!important; } #element-549 { top: 0.4375rem; left: 28.0625rem; height: 2.4375rem; width: 12.125rem; z-index: 13; } #element-549 .btn.btn-effect3d:active { box-shadow: none; } #element-549 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-549 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem!important; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 2.3125rem!important; width: 12.125rem!important; border-radius: 3px!important; background-image: none!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-549 .btn-img { display: none!important; } #element-566 { top: 0.4375rem; left: 41rem; height: 2.4375rem; width: 10.9375rem; z-index: 15; } #element-566 .btn.btn-effect3d:active { box-shadow: none; } #element-566 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-566 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem!important; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 2.3125rem!important; width: 10.9375rem!important; border-radius: 3px!important; background-image: none!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-566 .btn-img { display: none!important; } #element-608 { top: 0.5rem; left: 53rem; height: 2.375rem; width: 11.125rem; z-index: 19; } #element-608 .btn.btn-effect3d:active { box-shadow: none; } #element-608 .btn:hover { background: #1565C0; color: #FFFFFF; } #element-608 .btn { background: #1E88E5; color: rgb(23, 73, 77)!important; font-size: 0.9907rem!important; font-family: proxima-nova-1, proxima-nova-2, sans-serif!important; font-weight: 400!important; height: 2.25rem!important; width: 11.125rem!important; border-radius: 3px!important; border: 1px solid rgb(23, 73, 77)!important; white-space: normal!important; } #element-608 .btn-img { display: none!important; } .notification-text { font-size: 3.125rem; } #popup-9aupcp5p6tc .lightbox-content { height: 44.25rem; width: 55.5625rem; } #element-550 { top: 0; left: 0; height: 44.25rem; width: 55.5625rem; z-index: 3; } #element-550 .shape { border: 0; background: rgb(255, 247, 237); } #element-552 { top: 2.125rem; left: 10.6875rem; height: 5rem; width: 34.125rem; z-index: 299; color: #555555; font-size: 2.9721rem; line-height: 4.8rem; text-align: center; font-weight: 700; } #element-552 .x_d84835e9 { text-align: center; color: rgb(3, 54, 61); font-weight: 700; line-height: 3.5rem; font-size: 2.9721rem; } #element-552 .contents { font-family: SharpSans!important; margin-bottom: 1.5rem!important; width: 34.125rem!important; line-height: 3.5rem!important; font-size: 2.9721rem!important; } #element-552 .contents p { color: rgb(3, 54, 61)!important; font-weight: 700!important; text-align: center!important; line-height: 3.5rem!important; font-size: 2.9721rem!important; } #element-552.headline { font-weight: 700; } #element-553 { top: 7.125rem; left: 9.25rem; height: 8.3125rem; width: 37rem; z-index: 597; color: #555555; font-size: 1.2384rem; line-height: 2rem; text-align: center; font-weight: 700; } #element-553 .x_9f347846 { text-align: center; color: rgb(3, 54, 61); font-weight: 600; line-height: 1.75rem; font-size: 1.2384rem; } #element-553 .contents { font-family: SharpSans!important; width: 37rem!important; margin-bottom: 1.5rem!important; line-height: 1.75rem!important; font-size: 1.2384rem!important; height: 6.75rem!important; } #element-553 .contents p { color: rgb(3, 54, 61)!important; font-weight: 600!important; text-align: center!important; line-height: 1.75rem!important; font-size: 1.2384rem!important; } #element-553.headline { font-weight: 700; } #element-551 { top: 12.125rem; left: 10.3125rem; height: 26.25rem; width: 34.875rem; z-index: 4; } #element-554 { top: 39.3125rem; left: 17.8125rem; height: 2.75rem; width: 19.75rem; z-index: 623; } #element-554 .btn.btn-effect3d:active { box-shadow: none; } #element-554 .btn:hover { background: #012B30; color: #FFFFFF; } #element-554 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 2.75rem; width: 19.75rem; border-radius: 0; } #popup-h3uh1mtsyy5 .lightbox-content { height: 33.1875rem; width: 49.4375rem; } #element-561 { top: 2.4375rem; left: 21.4375rem; height: 1.25rem; width: 6.5625rem; z-index: 3; } #element-562 { top: 5.8125rem; left: 2.9375rem; height: 23.8125rem; width: 18.75rem; z-index: 4; } #element-622 { top: 7.25rem; left: 25rem; height: 20.9375rem; width: 20.9375rem; z-index: 5; } #element-625 { top: 10.625rem; left: 24.375rem; height: 14.25rem; width: 22.1875rem; z-index: 6; } #element-625 .cropped { background: url() -2.375rem 0 / 26.875rem 14.25rem; } #popup-ejzo0jovyw4 .lightbox-content { height: 24.4375rem; width: 23.625rem; } #element-572 { top: 1.875rem; left: 1.75rem; height: 20.625rem; width: 20rem; z-index: 3; } #popup-ktyh44xt528 .lightbox-content { height: 25.6875rem; width: 37.375rem; } #element-615 { top: 0; left: 0; height: 25.6875rem; width: 37.375rem; z-index: 5; } #element-629 { top: 1.75rem; left: 20.5rem; height: 20.1875rem; width: 14.0625rem; z-index: 3; } #element-617 { top: 2.8125rem; left: 28.4375rem; height: 20rem; width: 6.125rem; z-index: 7; } #element-611 { top: 3.625rem; left: 2.25rem; height: 7rem; width: 22.4375rem; z-index: 6; color: #555555; font-size: 2.9721rem; line-height: 4.8rem; text-align: left; font-weight: 700; } #element-611 .x_70332f3f { text-align: left; color: rgb(3, 54, 61); font-weight: 700; line-height: 3.5rem; font-size: 2.9721rem; } #element-611.headline { font-weight: 700; } #element-630 { top: 9.8125rem; left: 22.0625rem; height: 3rem; width: 9.9375rem; z-index: 4; } #element-612 { top: 11.875rem; left: 2.25rem; height: 6.75rem; width: 19.1875rem; z-index: 8; color: #555555; font-size: 1.2384rem; line-height: 2rem; text-align: left; font-weight: 700; } #element-612 .x_2b7b70eb { text-align: left; color: rgb(3, 54, 61); font-weight: 600; line-height: 1.75rem; font-size: 1.2384rem; } #element-612 .x_95ee157c { text-align: left; font-style: normal; } #element-612 .contents { font-family: SharpSans!important; width: 19.1875rem!important; margin-bottom: 1.5rem!important; line-height: 1.75rem!important; font-size: 1.2384rem!important; height: 5.25rem!important; } #element-612 .contents p { color: rgb(3, 54, 61)!important; font-weight: 600!important; text-align: left!important; line-height: 1.75rem!important; font-size: 1.2384rem!important; } #element-612 .contents p * { font-style: normal!important; } #element-612.headline { font-weight: 700; } #element-613 { top: 19rem; left: 2.25rem; height: 2.875rem; width: 19.125rem; z-index: 9; } #element-613 .btn.btn-effect3d:active { box-shadow: none; } #element-613 .btn:hover { background: #012B30; color: #FFFFFF; } #element-613 .btn { background: #17494D; color: #FFFFFF; font-size: 1.1146rem; font-family: SharpSans; font-weight: 600; height: 2.875rem; width: 19.125rem; border-radius: 0; } } /*Footer custom styles */ footer { box-sizing: border-box; clear: both; display: block;} footer{background:#17484d;} .clear { clear: both;} .footerMenu { padding-left: 0px;} .footerblock h2{border-bottom:1px solid #fff; color:#fff; font-size:16px; font-weight:700;} .footerblock.footer_features ul h3{color:#fff; border-bottom: none; margin-bottom: 0 !important;} .subnav > .footerMenu { margin-top: 0;} .footer_request_demo{font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400 !important; color: #fff !important;} .footerblock .footer_request_demo:hover{color:#fff !important; opacity:.9; background:#009dc3 !important} .footer_buynow{ font-size: 22px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400 !important; color: #fff !important;} .footerblock .footer_buynow:hover{color:#fff !important; opacity:.9;} .btn_footer_webinar { background-color: #ffb333; border-radius: 0px; color: #fff !important; display: block; float: left; font-size: 22px; margin: 0px 0px 20px 0px; padding: 10px; text-align: center; text-decoration: none; width: 100%; } .btn_footer_webinar span{font-weight:bold;} .footerblock a.btn_footer_webinar:hover{ opacity:.9; color: #fff !important;} .footer_buynow, .footer_request_demo{background:#433f3f;} .footerMenu li a{color:#fff!important;} .footerblock a:hover, .footerblock a:hover small{color:#009dc3 !important;} .footer_buynow:hover{background:#009dc3 !important;} .btn_footer_webinar:hover{background:#433f3f;} .footerblock { color: #fff; display: inline-block; float: left; margin-right:2%; width:18%; padding:20px 0px 30px 0px;} .footerblock.footer_features{width:36%;} .footerblock.footer_features li{width:50%; float:left;} .footerblock.footer_features ul .subnav{ padding:0; padding-bottom: 7px; float: left; width: 50%; } .footerblock.footer_features ul .subnav li{width:100%;} .footerblock.footer_features ul h3{font-size: 15px; font-weight: bold; color: #fff;} .footerblock .address, .footerblock .phone { padding-bottom: 12px } .footerblock .address small, .footerblock .email small, .footerblock .phone small { color: #fff; float: left; margin-bottom: 10px; padding-left: 24px } .footerblock .address>span:first-child, .footerblock .email>span:first-child, .footerblock .phone>span:first-child { clear: both; color: #fff; display: block; float: left; font-size: 18px; font-weight: 700; padding-left: 25px; width: 100% } .footerblock a { color: #afafaf; text-decoration: none; font-weight: 400; } .footer-social-icon { float: left; width: 100%; padding-top:0px;line-height: 1.7em;} .footer-social-icon a{ } .footer-social-icon a:hover{opacity:.7;} .footer-social-icon a img{ max-width:30px;} .footer-social-icon a.facebook:hover{background-color:#1773eb !important; color:#fff !important;} .footer-social-icon a.twitter:hover{background-color:#1c9ceb !important; color:#fff !important;} .footer-social-icon a.pinterest:hover{background-color:#de0019 !important; color:#fff !important;} .footer-social-icon a.intagram:hover{background-color:#4a60cd !important; color:#fff !important;} .footer-social-icon a.intagram{} .footer-social-icon a{ display:inline-block; margin-right:5px; font-size:1em; color:#fff; border-radius:5px; box-sizing: border-box; width:25px; height:25px; color:#fff; text-align:center;} .noborder{border:none !important;} .footer_icon_logo{padding-top:0px; float:left; width:100%; display:block;} .footer_icon_logo img{float:left; width:100%;} .footerblock a:hover , .footerblock a:hover small { color: #009dc3 !important; text-decoration: none } .footerblock h2 { border-bottom: 1px solid #fff; color: #fff; font-size: 16px; font-weight: 700 !important; margin-bottom: 10px !important; padding: 5px 0; } .footerblock li { color: #fff; margin-bottom: 0 } .footerblock li span { background: url(../images/contactIcon.png) no-repeat; float: left; height: 28px; margin-right: 5px; width: 20px } .footerblock li.address span { background-position: -1px 0 } .footerblock li.phone span { background-position: 0 -58px } .footerblock li.mail span { background-position: 0 -84px } .footerblock li.heading { color: #1fb1dd; font-size: 16px; font-weight: 700; margin: 0 0 5px } .features b, .features big { font-size: 18px } #testimonials .section_heading, .clients_test>p, .copyright, .imageHover h1, .imageHover p { color: #fff } .footerMenu li { display: block } .footerMenu li a { text-decoration: none; font-size:14px; } .rating-bottom{float:left; width:100%; text-align:center; font-size:14px; line-height:normal; padding:8px 0px 0px 0px; background:#03363d; color:#fff;} .rating-bottom span.color{font-weight:bold; color:#ffb333;} .rating-bottom .rating_images{text-align:center;} .copyright { background: #03363d; clear: both; display: block; /*padding: 5px 0;*/ text-align: center ; font-size: 14px; } .dflex{ display: flex; flex-wrap: wrap; align-content: center; align-items: center;} .footer-text-content{padding-right:50px;} .full-width-block h2{ color: #fff !important;border-bottom: 1px solid #fff;padding: 5px 0;font-weight: bold !important;margin-bottom: 10px !important;} .footer_Industries .footerMenu, .footer_features .footerMenu, .footer_info .footerMenu { margin-top: 0px;} @media(min-width: 1025px){ .full-width-block h2{margin-right: 4% !important; color: #fff;} } @media (max-width: 767px){ footer {padding: 10px 0 0;} .footerblock { width: 100% !important; padding:5px 0px 0px 0px;} } @media (max-width: 480px){ .footerblock.footer_features ul .subnav { width: 100%; } } @media(min-width: 992px) and (max-width: 1199px){ footer .footerblock.footmenu.footer_Resources {width: 24%;} footer .footerblock.footmenu.footer_features {width: 50%;} footer .footerblock.footmenu.footer_Industries {width: 19%;} footer .inner_content.br-line .footerblock.footmenu.footer_features { width: 36% !important; } footer .inner_content.br-line .footerblock.footmenu { width: 20% !important; } .flex-divide .text_right { width: 52% !important; } } @media(min-width: 768px) and (max-width: 991px){ .footerblock { color: #fff; display: inline-block; float: left; margin-right: 0%; width: 18%; padding: 5px 10px 0px 10px; } } @media(min-width: 992px) and (max-width: 1024px){ .full-width-cstm, .w-50-full { width: 100%; } .w-50-full .lazyloaded { max-width: 400px; } .w-50-tab{width: 50%!important;} .pd-0-tab{margin-right: 0px !important} footer .footerblock.footmenu.footer_Industries { width: 22%; margin-right: 0; } footer .inner_content { padding: 0 16px;} } @media(min-width: 1025px) and (max-width: 1199px){ footer .inner_content { max-width: 1120px;padding: 0 16px;} .footerblock { width: 100% !important;} .footer_icon_logo img { width: auto; max-width: 100%;} } @media screen and (max-width: 860px){ .footerblock { width: 100% !important;} .footer_icon_logo img { width: auto; max-width: 100%;} .full-width-block { padding: 10px 10px 0 10px;} } /* Footer custom styles */ /* Global custom styles */ p, h1, h2, h3, h4, h5, h6 { font-weight: inherit !important; margin-bottom: 0 !important; } h1, h2, h3, h4, h5, h6{font-family:SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif !important;} .btn { transition-property: all; transition-duration: .5s; transition-timing-function: ease; transition-delay: 0s; } .btn, .btn:hover, .btn:visited, .btn:active, .btn:focus { text-decoration: none; } div.sitewide.event.alert, .i18n-banner{ display:none; } .contents.cropped { background-repeat: no-repeat!important; } /* Hide for l10n via JS before DOM load */ .trial-teaser-form label[for=owner\[email\]] {display:none!important;} .trial-teaser-form .field-wrap-submit, .trial-teaser-form .button { margin:0!important; font-family: SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif !important;} .trial-teaser-form .icon-arrow-right { vertical-align: -2px; margin-left: 8px; font-weight: bold; color:#fff; } .trial-teaser-form .opt-in-field{ margin-bottom:0;} .trial-teaser-microcopy{text-align:center;margin-top:10px;font-size:.875rem;} #link-577gozqol6m::after, #link-t5cj8yasvy::after, #link-tl5df0vhdg::after, #link-dt6etikyfsk::after, #link-xbz71275z5::after { font-family: 'greenhouse-web-icons'; content: "\e902"; vertical-align: -2px; margin-left: 8px; } .accordion-media * { text-align: left } .accordion-media h5 { font-weight:600!important; } .accordion-media .col.push-small-1 { margin-left: 0 } .accordion-media .col.col-small-5 { width: 50% } .accordion-media .tab-details { font-size: 1rem; } .accordion-media [data-accordion-tab] .tab-trigger h5 { padding-right: 4rem!important; } .accordion-media .content-container h5{margin-bottom:0.5em!important} .accordion-media video { width: 100%; } @media not all and (min-resolution: .001dpcm) { @supports (-webkit-appearance: none) { .safariFilter { filter: brightness(108.5%) } } } .global-footer{padding:32px 0; background:#f6f7f7 /*#f8f9f9*/;text-align:left;z-index:2} .global-footer .container{width:100%;max-width:1115px;padding-left:16px;padding-right:16px;margin:0 auto} .global-footer a{color:#68737d;cursor:pointer;font-size:.813em;width:auto;display:inline;margin-right:1em;line-height:1.5rem;white-space: nowrap;text-decoration:none;transition:all .25s} .global-footer a:hover{text-decoration:underline} @media only screen and (max-width:767px){ .global-footer{text-align:center} } @media screen and (min-width: 768px){ #page_block_header .section-block.bluebg { background: #1544a0; } #page_block_header .section-block.whitebg { background: #fff; } #page_block_header .section-block.mutedblue { background: #d3ebf7; } #page_block_header .section-block.bluebg #element-579 { width: 8.25rem ; } #page_block_header .section-block.bluebg #element-414 .contents p{color:#fff !important;} #page_block_header .section-block.bluebg #element-415 .contents p{color:#fff !important;} #page_block_header .section-block.bluebg p{ color: #fff;} #page_block_header .section-block.bluebg #element-410 .btn{ border: 2px solid #fff; color: #fff;} #page_block_header .section-block.bluebg .button, #page_block_header .section-block.bluebg a.button, #page_block_header .section-block.bluebg button.button{ background-color: #f65800; border: 2px solid #f65800;} #element-528.bluetheme a{ background-color: #f65800 !important; border: 2px solid #f65800 !important;} .img-align{margin-left: -34px; max-width: 396px;} } #portfolio { padding: 65px 0; float: left; width: 100%; } #portfolio.pbtm0{padding-bottom:0px;} .inner_content { margin: 0 auto; max-width: 1120px; padding: 0; width: 100%; } .clearfix { clear: both; } .portfolioItem{float:left;width:100%;padding-bottom:0;display:flex;align-items:center;justify-content:space-between} .portfolioItem.portfolio_left{flex-direction:row-reverse} .portfolio_left .port_image{float:right;width:40%} .portfolio_left .con{float:left;max-width:770px;width:55%} .portfolioItem h3{ color: #03363D !important; line-height: 3rem !important; font-size: 2.4rem !important; font-weight: 700 !important; padding: 0 0 0px 0;} .portfolio_left p{float:left} .portfolio_left p.subheading{font-weight: 700 !important; font-size: 1.2rem; font-family: SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif !important;} .portfolio_left p strong,.portflio_right p strong,.portfolioItem h1{font-weight:bold;display:block;padding:15px 0 0 0;font-size:19px;color:#17494d} ul.withcheck { margin: 0px 0px 20px 0px !important; padding: 0px 0px 0px 14px; } .h3,.innerPages_detail p,ul.withcheck,.inner_content{color:#17494d} ul.withcheck li{line-height:28px;color:#17494d} .checknone ul li, .checknone ul.withcheck li{background:none!important;padding-left:0;margin-bottom:0px} .banner-btn{background:#17494D;border:0;color:#fff;font-size:1.1146rem;padding:18px 20px;text-decoration:none;margin-top:0;display:inline-block;border-radius:0; font-weight:600!important} .error img,.p-img,.portflio_right .port_image img,.portfolio_left .port_image img{max-width:100%} .portflio_right .port_image{float:left;width:40%} .portflio_right .con{float:right;max-width:770px;width:55%} #portfolio.alternatecolor.alternatecolor3 .portflio_right h3,#portfolio.alternatecolor.alternatecolor5 .portflio_right h3,#portfolio.alternatecolor.alternatecolor3 .portfolio_left p strong,#portfolio.alternatecolor.alternatecolor3 .portflio_right p strong,.alternatecolor5 ul.withcheck li,.alternatecolor3 ul.withcheck li,#portfolio.alternatecolor5 p strong,#portfolio.alternatecolor3 p strong{color:#fff} .alternater-color1{background: #eef6f7} .alternater-color2{background: #17494d} .alternater-color2 .portfolioItem h3{ color: #fff !important;} .alternater-color2 ul.withcheck li{color:#fff} .caltoaction-btn { background: #17494D; color: rgb(255, 255, 255)!important; font-size: 1.1146rem; font-family: SharpSans!important; font-weight: 600!important; height: auto; width: auto; border-radius: 0px!important; border: 0px!important; white-space: nowrap!important; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s!important; padding: 13px 24px!important; background-image: none!important; display: inline-block;} .caltoaction-btn:hover { background: #06615a !important; text-decoration:none !important; } .alternater-color2 .caltoaction-btn { background: #fff !important; color: #17494D !important; font-size: 1.1146rem; font-family: SharpSans!important; font-weight: 600!important; height: auto; width: auto; border-radius: 0px!important; border: 0px!important; white-space: nowrap!important; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s!important; padding: 13px 24px!important; background-image: none!important; display: inline-block;} .alternater-color2 .caltoaction-btn:hover { background: #eef6f7 !important; text-decoration:none !important; } @media only screen and (max-width:1100px){ .inner_content { max-width: 90%; } } @media only screen and (max-width:768px){ .inner_content { max-width: 80%; } .portfolioItem.portfolio_left {flex-direction: column;} .portfolioItem{float:left;width:100%;padding-bottom:0;flex-direction:column} .portfolio_left .port_image,.portflio_right .port_image{width:100%;float:left;text-align:center;margin:0} .portfolio_left .con,.portflio_right .con{float:left;max-width:100%;padding-right:0;width:100%} .portfolioItem h3{font-size:192%;margin-top:25px} } /* 4 and 6 boxes */ .alternater-color3 {background: #eef6f7; background-image: linear-gradient(#fff, #eef6f7);} .alternater-color4 {background: #eef6f7; background-image: linear-gradient(#eef6f7, #fff);} .feature_images { float: left; width: 100%; margin-bottom:10px; } .inner_content.flexCont {display: flex; color:#636363; justify-content: space-between; flex-wrap:wrap;} .inner_content.flexCont-center {display: flex; color:#fff; justify-content: space-between; flex-wrap:wrap;align-items: center; } .inner_content.flexCont .colEq {padding: 10px; width: 25%;} .inner_content.flexCont .colEq.sixboxes {padding: 10px; width: 33%;} .inner_content.flexCont .colEq h3 { font-size: 1.2rem; color: #03363D; margin-bottom: 10px !important; display: block; font-weight: 600 !important; letter-spacing: .5px; width: 100%; float: left;} .inner_content.flexCont .colEq h3 img {width: 40px; margin-right: 10px;} .inner_content.flexCont .colEq p {width: 100%; float: left; font-size: 14px} @media only screen and (max-width:1100px){ .inner_content.flexCont .colEq {width: 50%;} .inner_content.flexCont .colEq.sixboxes {width: 50%;} } @media only screen and (max-width:768px){ .inner_content.flexCont .colEq {width: 100%;} .inner_content.flexCont .colEq.sixboxes {width: 100%;} } .dark-live-demo { background: #fff ; padding:13px 15px ; text-align: center; color: #fff; position: fixed;top: 0;width: 100%;z-index: 9999; transition: all .3s; border-bottom: 1px solid #17484d; display:block !important; opacity:0;} .dark-live-demo h3{ font-size:16px; margin-right:45px; color: #17494d; margin-top: 7px;font-weight: bold !important;} .live-btn {color: #01323f; padding: 6px 25px; border: 2px solid #01323f; max-width: 200px; display: inline-block; font-size: 20px; font-weight: 500; text-decoration:none;line-height: 40px;height: 43px;padding-top: 0;padding-bottom: 0;} .live-btn:hover {color: #fff; border: 2px solid #01323f; background: #01323f; text-decoration:none !important} .buy-btn {color: #fff; padding: 10px 25px; border: 2px solid #01323f; max-width: 200px; display: inline-block; font-size: 20px; height: 45px; background: #01323f; font-weight: 500; text-decoration:none} .buy-btn:hover {color:#fff; border: 2px solid #06615a; background: #06615a; text-decoration:none !important} .buy-btn.light-col {color: #fff; padding: 10px 25px; border: 2px solid #01323f; max-width: 200px; display: inline-block; font-size: 20px; background: #01323f; font-weight: 500; text-decoration:none;line-height: 40px;height: 43px;padding-top: 0;padding-bottom: 0;margin-left: 10px;} .buy-btn.light-col:hover {color:#fff; border: 2px solid #06615a; background: #06615a; text-decoration:none !important} .headline span.subheadi { font-size: 20px;font-weight: 500; color: #17484d;} .get-qoute {padding: 13px; margin-left: 19px; font-size: 18px; color: #17494d; font-weight: 600; border: 2px solid #17494d;} .get-qoute:hover { background:#17494d; color:#fff; text-decoration:none !important;} .d-block{display:block;} .d-none{display:none;} .d-block-opacity1{opacity:1;} .d-block-opacity0{opacity:0;} @media only screen and (max-width:767px){ .main-menu span { display: none;} .buy-btn { display: none;} .main-menu { display: flex; justify-content: space-between;} .inner_content.flexCont { justify-content: flex-start;} .top-menu.inner_content.flexCont { justify-content: flex-end;} .top-menu { margin-top: 0px !important;} #col-4box, #col-6box { padding: 0 15px; } } /*27-04-2022 Text-main-head 4box*/ .sub-head-main { color: #17494d; line-height: 1.5em; font-weight: 600 !important; text-align: center; font-size: 19px; } .top-head-title { padding-top: 70px; padding-bottom: 50px;} @media(min-width: 982px){ #portfolio.ptop-desk {padding-top: 30px !important;} } /*27-04-2022 Text-main-head 4box*/ /*Scrollable effect 04.05.2022 SKS START*/ .resource-pages { padding: 0 0 50px } @media (min-width:992px) { .resource-pages { padding: 0px } } .resource-pages .scrolling-container { position: relative; display: flex; align-items: stretch; justify-content: space-between } .resource-pages .scrolling-container .scrolling-image-wrapper { opacity: 0; width: 0; transition-duration: 0 } .resource-pages .scrolling-container .scrolling-image-wrapper img { width: 100%; height: auto; max-width: 600px ; opacity: 0; transition: all ease .3s} .resource-pages .scrolling-container .scrolling-image-wrapper.active img { width: 100%; transition: all ease .3s; opacity: 1;} .resource-pages .scrolling-container .scrolling-image-wrapper.active { opacity: 1; width: auto; } .resource-pages .scrolling-items { position: relative; width: 100%; height: 100%; padding: 0 20px } @media (min-width:992px) { .resource-pages .scrolling-items { width: 40%; padding: 0 } } .resource-pages .scrolling-block { width: 60%; height: 100vh;/* max-height: 700px; */ display: none; align-items: center; top: 0; position: sticky } @media (min-width:992px) { .resource-pages .scrolling-block { display: flex } } .resource-pages .scrolling-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden } .resource-pages .img-responsive { width: auto } .resource-pages .text-wrap { position: relative; height: auto; max-height: none; width: 100%; display: flex; align-items: center; margin-top: 80px } @media (min-width:992px) { .resource-pages .text-wrap { height: 100vh; /* max-height: 700px; */ margin-top: 0 } } .feature-block h5{font-weight: 700 !important; margin-bottom: 10px !important; font-size: 1.5rem !important;} .resource-pages .text-wrap ul { font-size: 16px; line-height: 24px } .resource-pages .text-wrap ul li { margin: 0px; padding: 0px; background-size: 15px auto; background-position: 5px 8px } .resource-pages .text-wrap ul li a { color: #fb806b } .resource-pages .resource-title { color: #333130 } @media (min-width:992px) { .resource-pages h4 { font-size: 32px } } @media (min-width:992px) { .resource-pages .data-limit { max-width: 434px } } .resource-pages .hide-desktop { margin-top: 30px } .resource-pages .hide-desktop img { max-width: 100% } @media (min-width:480px) { .resource-pages .hide-desktop img { max-width: 475px } } @media (min-width:992px) { .resource-pages .hide-desktop { display: none } } .scrolablebx{position:absolute;} /*Scrollable effect 04.05.2022 SKS END*/ .popup_form textarea, .popup_form input.input_fields { font-size: 17px; padding: 10px; border: 1px solid #ccc; border-radius: 0; float: left; width: 100%; resize: none; box-sizing: border-box; height:auto; background:#fff; } #buy_popup .section_heading span { display: block; font-size: 18px; padding: 15px 0; } .contact_fields {padding-bottom: 15px; float: left; width: 100%;} #overlay, #overlay123{width:100%; height:100%; z-index:99995; background: rgba(0, 0, 0, 0.8); top:0px; left:0px; position:fixed;} #buy_popup, #buy_popup121{width:100%; max-width:580px; z-index:99999; background:#fff; position:fixed; top:50%; left:50%; margin-left:-290px; transform: translateY(-50%);} .buy_form_content{position:relative;} #buy_popup .section_heading, #buy_popup121 .section_heading{ padding: 22px 94px 10px; font-size: 32px; font-weight: 300; text-align:center; line-height:normal; } .close-popup{ position: absolute; top: -17px; right: -17px; background: #17494d; font-weight: bold; height: 30px; width: 30px; line-height: 26px; text-align: center; border-radius: 50%; cursor: pointer; color: #fff; box-shadow: 0px 0px 5px 0px #000; } .close-popup:hover{ color:#ffce45;} .popup_form{padding:0px 40px;} .popup_form textarea, .popup_form input.input_fields{ height:auto; font-size: 17px; padding: 10px; font-family: "Open Sans", sans-serif; width: 100%; resize: none; border:1px solid #ccc; color:#767676;} *::-webkit-input-placeholder { /* Edge */ color:#000; } *:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#000; } *::placeholder { color:#000; } .popup_form .banner-btn{ padding: 8px 30px; margin-top: 10px; margin-bottom:20px; font-size: 20px; background:#17494d; border-color:#17494d; color:#fff;} .popup_form .banner-btn:hover{ background-color: #06615a; text-decoration:none; border-color: #06615a;} .popup_form .field-validation-error { font-size: 14px; margin-bottom: 0px;} .popup_form textarea, .popup_form input.input_fields { font-size: 17px; padding: 10px; border: 1px solid #ccc; border-radius: 0; float: left; width: 100%; resize: none; box-sizing: border-box; height:auto; background:#fff; } #buy_popup .section_heading span { display: block; font-size: 18px; padding: 15px 0; } .contact_fields {padding-bottom: 15px; float: left; width: 100%;} #overlay, #overlay123{width:100%; height:100%; z-index:99995; background: rgba(0, 0, 0, 0.8); top:0px; left:0px; position:fixed;} #buy_popup, #buy_popup121{width:100%; max-width:580px; z-index:99999; background:#fff; position:fixed; top:50%; left:50%; margin-left:-290px; transform: translateY(-50%);} .buy_form_content{position:relative;} #buy_popup .section_heading, #buy_popup121 .section_heading{ padding: 22px 94px 10px; font-size: 32px; font-weight: 300; text-align:center; line-height:normal; } .close-popup{ position: absolute; top: -17px; right: -17px; background: #17494d; font-weight: bold; height: 30px; width: 30px; line-height: 26px; text-align: center; border-radius: 50%; cursor: pointer; color: #fff; box-shadow: 0px 0px 5px 0px #000; } .close-popup:hover{ color:#ffce45;} .popup_form{padding:0px 40px;} .popup_form textarea, .popup_form input.input_fields{ height:auto; font-size: 17px; padding: 10px; font-family: "Open Sans", sans-serif; width: 100%; resize: none; border:1px solid #ccc; color:#767676;} *::-webkit-input-placeholder { /* Edge */ color:#000; } *:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#000; } *::placeholder { color:#000; } .popup_form .banner-btn{ padding: 8px 30px; margin-top: 10px; margin-bottom:20px; font-size: 20px; background:#17494d; border-color:#17494d; color:#fff;} .popup_form .banner-btn:hover{ background-color: #06615a; text-decoration:none; border-color: #06615a;} .popup_form .field-validation-error { font-size: 14px; margin-bottom: 0px;} #overlay.slide_popup, #buy_popup.slide_popup{top:-100vh; transition: all .5s ease-in-out;} #overlay.slide_popup_open, #buy_popup.slide_popup_open{transition: all .5s ease-in-out;} @media (min-width:992px) and (max-width:1199px){ .inner_content { max-width: 100%; } #page-block-oophpme0psb.largeblk { height: auto; transition: all ease .5s; } .portfolioItem h3 { font-size: 2.5rem !important; font-weight: 600 !important; padding: 0 0 15px 0; } } @media (min-width:768px) and (max-width:991px){ .headline span.subheadi { font-size: 16px; } .inner_content { max-width: 98%; } .img-align { margin-left: -37px; max-width: 333px; } .resource-pages .hide-desktop { margin-top: 30px; margin-bottom: 30px; } .feature-block h5 { font-size: 2.5rem !important; } .resource-pages .hide-desktop img { max-width: 100%; } .resource-pages .scrolling-items { position: relative; width: 100%; height: 100%; padding: 0 0px; } .inner_content.flexCont .colEq { width: 49%; } .inner_content.flexCont .colEq h3 { font-size: 2.0rem; color: #03363D; margin-bottom: 0px !important; } .get-qoute { padding: 9px; margin-left: 19px; font-size: 18px; color: #17494d; font-weight: 600; border: 2px solid #17494d; display: inline-block; width: 100%; text-align: center; margin-left: 0px !important; margin-top: 15px; } .button.button-medium, a.button.button-medium, button.button.button-medium { font-size: 14px; line-height: 1.75rem; padding: 0.6rem 1.5rem; width: 100%; } #portfolio { padding: 45px 0 0; float: left; width: 100%; } } @media (max-width:767px){ .buy-btn { display: inline-block; } .inner_content { max-width: 100%; padding: 0 15px; } .resource-pages .scrolling-items { position: relative; width: 100%; height: 100%; padding: 0 0px; } .resource-pages .hide-desktop { margin-top: 30px; margin-bottom: 25px; } .inner_content.flexCont .colEq { width: 100%; padding: 0; margin-bottom: 21px; } .inner_content.flexCont .colEq h3 { margin-bottom: 0px !important; } .dark-live-demo h3 { font-size: 14px; margin-right: 0; color: #fff; margin-top: 0; margin-bottom: 6px; } .inner_content.flexCont .logo {padding: 0;} .top-menu.inner_content.flexCont .topnav { display: none; } #buy_popup, #buy_popup121 { left: 0; right: 0; margin: 0 auto; width: 87%; } #buy_popup .section_heading, #buy_popup121 .section_heading { padding: 22px 20px 10px; font-size: 24px; font-weight: 300; text-align: center; line-height: normal; } } /*responsive */ @media (min-width: 768px) and (max-width: 991px){ .feature-block { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; } .feature-block h5 {order: 2;} .feature-block .hide-desktop {order: 1;} .feature-block .data-limit {order: 3;} .resource-pages .hide-desktop { text-align: center; max-width: 90% !important; } } @media (min-width: 480px) and (max-width: 767px){ .inner_content.flexCont .colEq { width: 49%; padding: 9px; margin-bottom: 21px; } } @media (max-width: 767px){ .feature-block { width: 100% !important; } .feature-block .hide-desktop { text-align: center; } .feature-block .caltoaction-btn { max-width: max-content; } .main-menu { background: #fff; } #element-574 .cropped.gif2, #element-574 .cropped.gif3 { background-position-x: 7vw; } .inner_content.flexCont-center { align-items: center; padding: 0; } .dark-live-demo h3 { margin-right: 15px; } .section-fit { max-width: 100%; } .resource-pages .text-wrap:first-child { margin-top: 0; } .feature-block { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; } .feature-block h5 {order: 2;} .feature-block .hide-desktop {order: 1;} .feature-block .data-limit {order: 3;} } /* new header form */ .popup_form form{display:block;} .slide_popup_1{overflow:hidden; transition: all .5s ease-in-out; width: 100%; height: 0px; transition: width 2s, height .5s; overflow:hidden; max-width:1140px; margin:0px auto; } .slide_popup_1open{height:524px; width:100%; max-width:1140px; margin:0px auto; transition: width 2s, height .5s; overflow:hidden;} #buy_popup_1 .buy_form_content .section_heading, .slide_popup_1 .buy_form_content .section_heading{ font-size: 1.9814rem!important; font-weight: 700!important; text-align:center;} #buy_popup_1 .contact_fields, .slide_popup_1 .contact_fields{float:left; width:50%; padding:5px 5px;} #buy_popup_1 .contact_fields:nth-child(5n), .slide_popup_1 .contact_fields:nth-child(5n){width:100%;} .#buy_popup_1 .close-popup, .slide_popup_1 .close-popup{top:15px; right:15px;} .contact_fields.livedemo_textarea{width:100% !important;} #buy_popup_1 .submit_button{float:left; padding:4px 5px 14px 8px !important; } #buy_popup_1 .form-group{float:left; padding:10px 5px;} a.cntctuss_new {font-size: 20px; font-weight: 500; cursor: pointer; color: #fff; background: #e59a11; box-shadow: 0px 4px 8px rgb(0 0 0 / 15%), inset 0px 1px 0px #ffa953, inset 0px -1px 0px #ca7103; border-radius: 4px; border-radius: 4px; width: auto; text-align: center; padding-top: 2px; padding-bottom: 4px; padding-left: 30px; padding-right: 30px; border:none !important; line-height: 37px!important; margin-left:15px;} a.cntctuss_new:hover{ background: #e59a11; opacity: .85; box-shadow:0px 4px 8px rgb(0 0 0 / 15%), inset 0px 1px 0px #ffa953, inset 0px -1px 0px #ca6703; } #buy_popup{width: 90%; max-width: 1140px; z-index: 9999999999999999999; background: #fff; position: fixed; top: 25%; left: 50%; margin-left: auto; transform: translate(-50%,-50%); padding-bottom:15px;} #buy_popup .popup_form {padding:0px 20px;} #buy_popup .contact_fields{width:25%; padding:0px 5px 10px 5px;} #buy_popup .contact_fields.livedemo_textarea{width:100%;} #buy_popup .form-group{padding:0px 5px; float:left;} .popup_form .banner-btn{margin:0px;} #buy_popup .submit_button{float:left; border-bottom:0px !important; } #cancel_popup.banner-btn{ background: #e59a11;} #cancel_popup.banner-btn:hover{background-color:#efaf3b;} #scollable_header{position:relative;} #scollable_header #new-header-popup{display:block; padding-top:130px;} #scollable_header .new-landing-banner{background-position:center -70px;} #buy_popup .popup_form .banner-btn, #buy_popup_1 .submit_button .banner-btn{width:auto;} /*#buy_popup_1{position:fixed; width:410px; right:20%; top:0px; z-index: 9999999999999999999;}*/ #buy_popup_1{position:fixed; width:356px; right:10px; top:0px; z-index: 9999999999999999999;} .buy_form_content{ background:#eef6f7; border:0px solid #e59a11; border-top:0px solid #e59a11; border-radius:0px 0px 5px 5px; float:left; width:100%; } .buy_form_content .section_heading{padding:10px 10px 0px 10px;} .mobile_liveWbinar #buy_popup_1 .buy_form_content .section_heading, .mobile_liveWbinar .slide_popup_1 .buy_form_content .section_heading{ color:#000;} .popup_form{padding:0px 10px;} .section_heading span{padding:0px; font-weight:normal; font-size: 18px; line-height: 21px;} .popup_form textarea, .popup_form input.input_fields{ padding:4px;} .popup_form textarea{height:50px; min-height:50px;} #buy_popup .popup_form .banner-btn, .mobile_liveWbinar .submit_button .banner-btn {line-height:normal; margin-right:15px; border-bottom:0px !important; font-weight:normal !important; color:#fff; box-shadow: none !important; padding:6px 15px;} .close-popup{display:none;} .opened_popup{position:absolute; top:0px; left:0px; opacity:0px; display:none;} .popup_label{font-size:14px; color:#2f2f2f; float:left; width:100%; line-height:17px;} .header_contactus {margin-top: -13px;} #buy_popup_1 .submit_button{padding-top:0px;} #buy_popup_1 .form-group{padding-top:5px;} .liveDemofull .contact_fields, .liveDemofull .liveDemofull .contact_fields{width:100% !important; } .liveDemofull #buy_popup_1 {width:368px !important;} .liveDemofull .slide_popup_1open{height:677px !important;} /*Css 05-05-2022*/ @media (min-width:768px) and (max-width:991px){ .liveDemofull #buy_popup_1 { max-height: 350px; overflow-y: scroll; } #buy_popup_1 .submit_button .banner-btn { margin-right: 10px !important; } } /*Css 05-05-2022*/ @media (max-width:1600px){ #buy_popup_1 {right: 15.5%;} } @media (max-width:1440px){ #buy_popup_1 {right: 12%;} } @media (max-width:1366px){ #buy_popup_1 {right: 11%;} } @media (max-width:1280px){ #buy_popup_1 {right: 7%;} } @media (max-width:1024px){ #buy_popup_1 {right: 5%;} } @media (max-width:480px){ #buy_popup_1 {right: 0; left: 0; width: 100%;} } /*CSS 11-05-2022*/ @media(max-width: 767px){ ul.withcheck { padding: 0px 0px 0px 24px; } .slide_popup_1open { overflow-y: auto; max-height: 99vh; } .section-holder-border.item-block.item-absolute {display: none;} #element-414 .x_93b8dd90, #element-415 .x_871697a9 {text-align: left;} #page_block_header .section-block { height: 45.75rem; padding: 50px 15px 0px 15px;} .item-absolute { position: relative; } #element-409 { top: auto; left: auto; height: 5.625rem; width: 100%; z-index: 12; } #element-414 { top: auto; left: auto; height: 130px; width: 94vw; z-index: 7; color: #555555; font-size: 1.9195rem; line-height: 2.7125rem; text-align: left; margin-bottom: 17px;} .element-415.item-absolute, #element-601.item-absolute { position: absolute; } #element-415 { top: auto; left: auto; height: auto; width: 100%; z-index: 8; color: #555555; font-size: 1.1765rem; line-height: 1.6625rem; text-align: left; margin-bottom: 20px;} #element-574 { top: auto; left: auto; height: 351px; width: 100%; z-index: 17; margin-bottom: 50px; /* right: calc(50% - 205px); */ } #element-574 .cropped.gif2, #element-574 .cropped.gif3 {background-position-x: initial !important;} #element-601 { top: 350px; left: auto; right: auto;height: 6.75rem; width: 20.25rem; z-index: 18; } } @media(min-width:480px) and (max-width: 767px){ #page_block_header .section-block { padding: 50px 25px 0px 25px;} .headline span.subheadi {font-size: 25px;font-weight: 500;} #element-414 .x_93b8dd90 {line-height: 2.6875rem; font-size: 2.5rem; } #element-414 {height: 150px;} } @media(max-width: 990px){ .footer_Industries .footerMenu ul li a, .footer_features .footerMenu ul li a, .footer_info .footerMenu ul li a{ color:green;-webkit-text-size-adjust:100%;-moz-text-size-adjust: 100%;} .footerblock li a{-webkit-text-size-adjust:100%;-moz-text-size-adjust: 100%; } } @media(min-width:480px) and (max-width: 991px){ .footerblock.footer_Resources ul li,.footerblock.footer_Industries ul .subnav,.footerblock.footer_Industries ul li{width:50%;float:left} .footerblock.footmenu { padding-bottom: 0; padding-top: 5px; } .footerblock.footmenu.footer_Industries { padding-bottom: 6px; } } /*CSS 11-05-2022*/ /* testimonials */ #clienttestimonials { background:#f9f9f9; color: #fff; padding:60px 0px; float:left; width:100%;} #clienttestimonials.grey_background{background:#ebf9ff;} #clienttestimonials.grey_background .it-style3>ul>li>.it-content{background:none;} #clienttestimonials .inner_content{max-width:772px;} #clienttestimonials .section_heading, .client_logo .section_heading{padding:0px; margin-bottom:30px; padding:30px 0px; color: #03363D !important; line-height: 3rem !important; font-size: 2.4rem !important; font-weight: 700 !important; text-align:center; } .client_logo{padding-bottom:60px; padding-top:30px; float:left; width:100%;} .inner_client_logo{float:left; width:16.66%; text-align:center;} .inner_client_logo a{ text-align:center; outline:none; cursor:pointer; display:inline-block;} .client_logo img{max-width:100%; float:left;} .ideaboxTestimonials { width: 100%; height: auto; position: relative; line-height: 1.2; font-weight: normal; font-size: 100%; float:left; min-height:288px !important; } .ideaboxTestimonials::after{content: ""; position: absolute; width: 40px; height: 40px; background-image: url(../images/tquote.png); background-repeat: no-repeat; background-size: 40px; top: 20px; left: 20px; } .it-style3>ul { padding: 0; margin: 0; list-style: none; position: relative; display: block; height: auto; } .it-style3>ul>li { width: 100%; position: absolute; display: none; } .it-style3>ul>li>.it-content { width: 100%; height: auto; display: block; padding:40px 20px 40px 20px; position: relative; box-sizing: border-box; text-align: center; } .it-style3>ul>li>.it-content h1, .it-style3>ul>li>.it-content h2, .it-style3>ul>li>.it-content h3, .it-style3>ul>li>.it-content h4, .it-style3>ul>li>.it-content h5, .it-style3>ul>li>.it-content h6 { padding: 0; margin: 0; margin-top: 10px; } .it-style3>ul>li>.it-content a { color: #f54b56; } .it-style3>ul>li>.it-content h2 { font-size: 30px; } .it-style3>ul>li>.it-content h3 { font-size: 24px; } .it-style3>ul>li>.it-content h4 { font-size: 20px; font-size: 20px; text-transform: uppercase;} .it-style3>ul>li>.it-content h5 { font-size: 18px; } .it-style3>ul>li>.it-content h6 { font-size: 16px; } .it-style3>ul>li>.it-content p{ padding-left:50px; line-height: 28px; min-height:130px;} .it-style3>ul>li>.it-content em{ color:#03363D; font-style:italic;} .it-style3>ul>li>.it-info { width: 100%; height: 30px; text-align: center; } .it-style3>ul>li>.it-info .it-navi { width: 160px; height: 60px; position: relative; top: -30px; left: 50%; margin-left: -80px; } .it-style3>ul>li>.it-info button { width: 30px; height: 30px; background-color: #03363D; padding: 0; border: none; position: absolute; display: inline-block; top: 13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; outline: none; background-image: url(/content/images/it-arrows.png); background-repeat: no-repeat; } .it-style3>ul>li>.it-info button:first-child { left: 0; background-position: 6px center; } .it-style3>ul>li>.it-info button:last-child { right: 0; background-position: -36px center; } .it-style3>ul>li>.it-info h3 { display: inline-block; padding: 0; margin: 0; height: 60px; width: 60px; overflow: hidden; box-sizing: border-box; position: absolute; left: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 5px; background: #f1f1f1; cursor: pointer; transition: .25s linear; -moz-transition: .25s linear; -webkit-transition: .25s linear; } .it-style3>ul>li>.it-info h3:hover { transform: scale(1.2); } .it-style3>ul>li>.it-info h3>img { width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .client_logo .section_heading{padding:30px 0px;width: 100%;} @media (max-width: 1024px){.client_logo { display: flex; flex-wrap: wrap; align-items: center; } } @media (min-width:570px) and (max-width:760px){ .client_logo { display: flex; flex-wrap: wrap; } .inner_client_logo { width: 33%; margin-bottom: 15px; } } @media screen and (max-width: 750px){ .section_heading { font-size: 160%; } } @media (max-width:767px) { .inner_client_logo{width:33.33%; margin-bottom: 15px; } } @media (max-width:650px) { .inner_client_logo{width:100%; } } /* /* testimonials */ .top_ad div { position: absolute; bottom: 0px; left: -253px; color: #03363D; font-size: 18px !important; width: 240px; text-align: right; } .top_ad { position: relative; } .top_ad div i{font-style:normal; font-size:16px;} @media (min-width:768px) and (max-width:991px){ .top_ad div { top: -29px; left: -106px; color: #03363D; font-size: 13px !important; width: 240px; text-align: right; } .main-menu span {font-size: 13px;} .top_ad div i{font-size: 13px;} } @media (max-width:480px){ .inner_content.flexCont { justify-content: flex-start; padding: 0; } .top_ad { position: relative; } .top-menu.inner_content.flexCont { justify-content: end; } .top_ad div { display: none; } } .user-link .live-btn{ padding: 13px; margin-left: 19px; font-size: 18px; color: #17494d; font-weight: 600; border: 2px solid #17494d; } .user-link .live-btn:hover{ background: #17494d; color: #fff; text-decoration: none !important; } /*Top Bar*/ @media (max-width:767px){ .hide-mob{display: none;} } @media (min-width: 768px) and (max-width:1025px){ .buy-btn.light-col, .live-btn{padding: 0px 10px;font-size: 16px;} } @media (min-width:768px){ .dark-live-demo h3{margin-right: 0px !important;} } /*Top Bar*/ /*Footer Schedule Btn*/ .footer_request_demo_1, .footer_request_demo_2{font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400; color: #fff;} .footerblock .footer_request_demo_1:hover, .footerblock .footer_request_demo_2:hover{color:#fff !important; opacity:.9; background:#009dc3} .footer_buynow, .footer_request_demo_1{background:#433f3f;} .footer_request_demo_1, .footer_request_demo_2 {font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400 !important; color: #fff !important;} .footer_request_demo_1, .footer_request_demo_2{font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400; color: #fff;} .footerblock .footer_request_demo_1:hover, .footerblock .footer_request_demo_2:hover{color:#fff; opacity:.9; background:#009dc3 !important;} .footer_buynow, .footer_request_demo_1, .footer_buynow, .footer_request_demo_2{background:#433f3f;} .footer_request_demo_1, .footer_request_demo_2 {font-size: 21px; padding: 10px; text-align: center; width: 100%; float: left; display: block; margin-bottom: 10px; font-weight: 400 !important; color: #fff !important;} /*Footer Schedule Btn*/ .wrapRight { display: flex; align-items: center; } .wrapRight .offer_top { border: 2px solid #01323f; margin-right: 15px; padding: 5px 24px; text-align: center; color: #01323f; font-weight: 700; /* box-shadow: 0px 4px 8px rgb(0 0 0 / 15%), inset 0px 1px 0px #01323f, inset 0px -1px 0px #01323f; */ animation: boxZoom 2s linear 1; text-decoration:none } .wrapRight .offer_top a:hover{text-decoration:none;} @keyframes boxZoom { 0% { transform: scale(1.0); } 50% { transform: scale(1.2); } 100% { transform: scale(1.0); } } .contents.heading { padding: 40px 0 30px; text-align: center; } .contents.heading h2 { color: rgb(3, 54, 61); line-height: 2.5rem!important; font-size: 1.9814rem!important; font-weight: 700!important; text-align: center!important; display: block; } .fab { font-family: "Font Awesome 5 Brands" !important;} .compare-btn { margin: 0 !important; width: 100% !important; background: transparent !important; box-shadow: none !important; border: 1px solid #fff !important; max-width: 450px;} /***table***/ .indivual.comparison-table { position: relative; ; } .indivual.comparison-table .container { overflow-y: auto; height: 793px; padding:0; margin-bottom: 0px; transition: all .4s;} .indivual.comparison-table table { border-spacing: 0; width: 100%; min-width: 1083px; font-family:SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif !important; border: 1px solid #dedede;} .indivual.comparison-table table tr.highlighted td { background: #e1e1e1 !important; font-weight: 600 !important; font-size: 20px;} .indivual.comparison-table td:first-child { font-weight: 600;} .indivual.comparison-table td, .indivual.comparison-table th { border-bottom: 1px solid #dedede; background: #F9F9F9; padding: 10px 15px; font-size: 16px; vertical-align: middle;line-height: 28px; color: #333;} .indivual.comparison-table td + td { border-left: 1px solid #dedede;} .indivual tr td:nth-child(3), .indivual tr td:nth-child(4) { background: #F9F9F9 !important;} .indivual th.vdesk div, .indivual td.vdesk, .indivual.comparison-table table tr.highlighted td.vdesk { background: #fff !important; color: #313131 !important; width: 362px;} .indivual.comparison-table table tr:hover td { background: #eefdff !important;} .indivual.comparison-table table tr td span.cross-mark { color: #e74c3c; font-size: 23px; padding: 0px; display: inline-block; width: 31px; height: 31px; background-image: url(https://vdeskworks.com/Content/images/r-cross-icon.png); background-repeat: no-repeat; text-indent: -99999px;} .indivual.comparison-table table tr td span.check-mark { color: #27ae60; font-size: 23px; padding: 0px; display: inline-block; width: 31px; height: 31px; background-image: url(https://vdeskworks.com/Content/images/g-check-icon.png); background-repeat: no-repeat; text-indent: -99999px;} .indivual.comparison-table table tr td.text-center { text-align: center;} .note { font-weight: 300; font-size: 13px; line-height: 16px; width: 100%; max-width: 80%; display: inline-block; } html { scroll-behavior: smooth;} .text-center.centerbtn { width: 100%; float: left; text-align: center; padding: 45px 0 0 0;} .highlighted.firstc { position: sticky; top: 0; display: table-row;} .centerbtn .banner-btn { margin: 0; width: 300px;} .highlighted { display: none;} .t-green{color:#27ae60;font-weight: 600;} .t-red{color:#e74c3c;font-weight: 600;} .expand-btn{ float: right; margin:0px 0px 10px 0; background: #17494D; color: #fff; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; } .container.overflow-hid { overflow-y: hidden !important; height: 496px !important; border-bottom:4px solid #17494D;} .btnhid{display:none;} .banner_ad{float:left; width:100%; padding-top:15px; font-size:18px; font-weight: bold; float: left; color:#03363D; line-height: normal; text-align: left; animation: boxZoom 2s linear 1;} @keyframes boxZoom { 0% { transform: scale(1.0); } 50% { transform: scale(1.2); } 100% { transform: scale(1.0); } } .banner_sub_heading{display:block; width:100%; font-size:93%; padding:5px 0px;} #element-414 .contents p a{text-decoration:underline; color:#6a52a3;} #element-414 .contents p a:hover{color:#01323f;} @media (min-width:992px) and (max-width:1199px){ #portfolio {padding: 65px 20px;} } @media (min-width:768px) and (max-width:991px){ div#compare-table { padding: 0 8px; } .wrapRight .offer_top { margin-right: 9px; padding: 5px 13px; font-size: 13px; } .buy-btn { padding: 10px 19px; font-size: 17px; height: 40px; } .header_banner_gif #comparion_button { max-width: 213px; } } @media (max-width:767px){ .main-menu .inner_content.flexCont { width: 60%; display: flex; justify-content: flex-start; } .main-menu .top-menu.inner_content.flexCont { width: 100%; display: flex; justify-content: end; } .header_banner_gif #comparion_button { display: none; } .header_banner_gif { text-align: center; width: 60%; } } @media (max-width:480px){ .wrapRight .offer_top{ display:none; } .main-menu .top-menu.inner_content.flexCont { width: auto; } .banner_sub_heading { font-size: 100%; padding: 5px 0px; } #element-415 .contents p { padding: 5px 0px !important; } .header_banner_gif { text-align: center; width: 72%; } #element-574{ height: 280px; } } .header_banner_gif{ text-align:center;} .header_banner_gif div{ text-align:center;} .header_banner_gif #comparion_button{display:inline-block; margin-top:15px; text-decoration:none !important; color:#17494d !important; background:none !important; border:2px solid #17494d !important;} .header_banner_gif #comparion_button:hover{background:#17494d !important; color:#fff !important;} .header_banner_gif img{border:1px solid #dbdbdb;} .header_banner_gif img.img-align{margin-left:0px; border:none !important;} @media (max-width:360px){ .buy-btn { padding: 12px 17px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ @font-face { font-family: "SharpSans-bold"; src: url("../fonts/SHSNBoldeng.woff"), local("Open Sans"), url("../fonts/OpenSans.ttf"); font-weight: 700; } #element-414 .contents p{ font-family: "SharpSans-bold", Arial,sans-serif !important } /*@media screen and (min-width:768px)*/ #element-414 .contents { width: 29.93rem !important; } .resource-pages .hide-desktop { display: block; position: absolute; right: 0; margin-top: -55px; padding-top: 0; top: 34%; } .resource-pages .feature-block-11 .hide-desktop { top: 24%; } .resource-pages .scrolling-items { width: 100%; padding: 0; } .resource-pages .scrolling-block { display: none; } } /* 29-7-22 css added */ .section_list #element-414 {top: 1.4375rem; line-height: 2.8rem;} .section_list #element-415 { top: 12.2rem; height: 17rem; } .section_list #element-409 { top: 29.8375rem; } .section_list #element-415 ul { padding: 0; list-style-type: none; margin-top: 20px; } .section_list #element-415 li { font-weight: 600; font-size: 19px; color: #03363D; position: relative; padding-left: 23px; line-height: 24px; margin-bottom: 12px; } .section_list #element-415 li::before { position: absolute; background: #17494d; content: ""; left: 0; top: 3px; width: 10px; height: 10px; border-radius: 50%; } /* comparisonpage css */ .section_listcomparison #element-414 { top: 1.4375rem; line-height: 3.8rem; } .section_listcomparison #element-415 { top: 13.5rem; height: 21rem; } .section_listcomparison #element-415 ul { padding: 0; list-style-type: none; margin-top: 0; } .section_listcomparison #element-415 li { font-weight: 600; font-size: 19px; color: #03363D; position: relative; padding-left: 23px; line-height: 24px; margin-bottom: 12px; } .section_listcomparison #element-415 li::before{ position: absolute; background: #17494d; content: ""; left: 0; top: 3px; width: 10px; height: 10px; border-radius: 50%; } .section_listcomparison #element-409 { top: 33.4375rem; } .section_listcomparison#page_block_header { height: 38.75rem; max-width: 100%; } .section_listcomparison #element-574 { top: 4.063rem; } .section_list #element-409.widget_bottom { top: 31.838rem; } @media (max-width:1024px){ .section_list #element-415 li { font-size: 17px; padding-left: 20px; line-height: 20px; margin-bottom: 12px; } .section_listcomparison #element-415 li { font-size: 16.4px; padding-left: 20px; line-height: 18px; margin-bottom: 11px; } .section_listcomparison #element-415 .contents p { padding: 30px 0px 25px 0px; } } @media (min-width:771px) and (max-width:991px){ .section_list #element-415 li { font-size: 14.5px; padding-left: 20px; line-height: 17px; margin-bottom: 9px; } .section_listcomparison #element-415 li { font-size: 13.4px; padding-left: 20px; line-height: 13px; margin-bottom: 10px; } .section_listcomparison #element-415 li::before { top: 3px; width: 6px; height: 6px; } .section_listcomparison #element-415 .contents p { padding: 30px 0px 25px 0px; } .section_list #element-601 { top: 277px; } } @media (max-width:770px){ .section_listcomparison#page_block_header { height: 45.75rem; max-width: 100%; } .section_listcomparison #element-415 .contents p { padding: 30px 0px 16px 0px; } .section_listcomparison #element-415 li { font-size: 13.4px; padding-left: 20px; line-height: 13px; margin-bottom: 10px; } .section_listcomparison #element-415 li::before { top: 3px; width: 6px; height: 6px; } .section_list #element-415 li { font-size: 13px; padding-left: 15px; line-height: 16px; margin-bottom: 8px; } .section_list #element-415 li::before { width: 7px; height: 7px; } .top_ad { font-size: 14px; } .section_list #element-415 ul { margin-top: 12px; } } @media (max-width:767px){ .section_list #element-415 li { font-size: 17px; padding-left: 20px; line-height: 20px; margin-bottom: 12px; } .section_list #element-415 { top: 5.2rem; height: 12rem; } .section_list #element-409 { top: 4.8375rem; } } @media (max-width:480px){ .section_list #element-414 { top: 0.4375rem; } .section_list #element-415 { top: 0.7rem; height: 17rem; } .section_list #element-409 { top: 0.8375rem; } .section_list #element-574 { top: 0.9375rem; } .section_list #element-601 { top: 391px } .section_listcomparison #page_block_header .section-block { height: 45.75rem; padding: 15px 15px 0px 15px; } .section_listcomparison #element-415 { top: 4.5rem; height: 21rem; } .section_listcomparison #element-415 ul { padding: 0; list-style-type: none; margin-top: 11px; } .section_listcomparison #element-415 li { font-size: 18px; padding-left: 20px; line-height: 20px; margin-bottom: 10px; } .section_listcomparison #element-409 { top: 0; } .section_listcomparison .header_banner_gif { text-align: center; width: 85%; } .top_ad { font-size: 14px; height: auto; } .section_list #element-409.widget_bottom { top: 0.838rem; } } /*CSS 20-12-2022*/ .d-flex.flex-wrap.top-bar-btn.offer_btns { display: flex; } .offer_btns .live-btn.hide-mob { margin-right: 10px; height: 46px; } /*CSS 20-12-2022*/ /*CSS 30-10-2023*/ .buy_form_content{background: #fff; padding: 0 !important;} .top-head-title{text-align: center;color: #17494d; line-height:1.5em} .top-head-title {padding-top: 40px !important;} .intl-tel-input .country-list{max-height: 164px !important;} @media(min-width: 1025px){ #buy_popup_1{right: 0 !important;} #element-409{left: 33.875rem !important;} .popup_form { padding: 0 !important;} #element-415 {top: 7.8rem !important;} #element-409 {top: 14.938rem !important;} .inner_content.flexCont .colEq h3 { font-size: 1.0rem;} #element-414 .contents p { font-size: 2.6rem !important;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="text"]{height: 33px;padding: 6px 0px 4px 76px !important;} } .footer_buynow{background:#009dc3 !important} .footer_buynow:hover{background:#433f3f !important} .subheader_section_heading, .subheader_section_heading_1{width:100%; padding-bottom:25px; float:left; font-size:1.7rem; text-align:center;} #faq{padding:50px 0px;} #faq_box input { position: absolute; opacity: 0; z-index: -1; } .row { display: flex; } .row .col { flex: 1; } .row .col:last-child { margin-left: 1em; } /* Accordion styles */ .tabs { border-radius: 0px; overflow: hidden; box-shadow: 0; } .tab { width: 100%; color: white; overflow: hidden; } .tab-label { display: flex; justify-content: space-between; padding: 1em; font-weight: normal; cursor: pointer; font-size: 17px; color: #222; border-bottom: 1px solid #dedede; /* Icon */ } .tab-label:hover { background: #17494D; color:#fff; } .tab-label::after { content: "+"; width: 1em; height: 1em; text-align: center; transition: all 0.35s; transition-timing-function: ease-in; } .tab-content { max-height: 0; padding: 0 1em; color: #2c3e50; background: white; transition: all 0.35s; transition-timing-function: ease-in; } .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 1em; background: #2c3e50; cursor: pointer; } .tab-close:hover { background: #1a252f; } #faq_box input:checked + .tab-label { background: #17494D; color:#fff; } #faq_box input:checked + .tab-label::after { content: "-"; } #faq_box input:checked ~ .tab-content { max-height: 100vh; padding: 1em; } .white_dash_image video{max-width:90%; height:auto !important;} /*CSS 30-10-2023*/ /*New Header CSS*/ .header-banner-container{height: auto !important;} .header-banner{padding: 45px 10px 0px;} .header-banner-left{ width:50%; margin:0px; padding:0px; position:relative; } .header-banner-left .header-banner-offer{ position: absolute; top:0px; left:0px; cursor: pointer;} .header-banner-left .header-banner-img{ width:100%; height:auto; margin:0px; padding:0px;} .header-banner-left .header-banner-logos{ width:100%; height:auto; margin:0px; padding:0px; text-align:center;} .header-banner-right{ width:50%; margin:0px; padding:0px 0px 0px 60px; font-family: SharpSans;} .header-banner-right .header-banner-tagline{ line-height: 20px; text-align: left; font-size: 20px; font-weight: 500; color: #17484d; margin-bottom: 15px;} .header-banner-right .header-banner-heading{ margin: 5px 0px !important; font-size: 27px; color: #03363D; line-height: 40px; text-align: left; font-family:SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif; font-weight:700 !important;} .header-banner-right .header-banner-sub-heading{ margin: 0px 0px 5px !important; color: #03363D !important; line-height: 28px !important; font-size: 20px!important; font-weight: 600 !important; font-family:SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif; } .header-banner-right ul{list-style:none; margin: 0px 0px 15px !important; padding:0px;} .header-banner-right ul li{margin:0px; padding:0px 0px 0px 20px; position:relative; color: #03363D !important; line-height: 28px !important; font-size: 20px!important; font-weight: 600 !important; font-family:SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif; } .header-banner-right ul li::before{content:""; width: 8px; height: 8px; margin-top: 8px; margin-right: 10px; float: left; border-radius: 50%; background: #17494d; position:absolute; left:0px;} .header-banner-right div#buy_popup_1 { position: relative; height: auto; width: 100%; right: 0 !important; top:0px; } #free_demo_form h3{ color: #03363D !important; line-height: 28px !important; font-size: 18px !important; font-weight: 400 !important; font-family: SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif; margin-bottom: 3px !important;} .header-banner-right .section_heading{ display:none;} .header-banner-mobile{ width:100%; margin:0px; padding:0px 0px 0px 0px; font-family: SharpSans;} .header-banner-mobile .header-banner-tagline{ line-height: 20px; text-align: left; font-size: 20px; font-weight: 500; color: #17484d; margin-bottom: 15px;} .header-banner-mobile .header-banner-heading{ margin: 5px 0px !important; font-size: 27px; color: #03363D; line-height: 40px; text-align: left; font-family:SharpSans, sharp sans accents,sharp sans symbols,sharp sans,Arial,sans-serif; font-weight:700 !important;} @media only screen and (max-width: 1080px) { .header-banner-right{ padding:0px 0px 0px 20px;} } @media only screen and (min-width: 768px) { .header-banner-mobile{display:none;} } @media only screen and (max-width: 767px) { .header-banner-mobile{display:block;} .header-banner-left{ width:100%; } .header-banner-right{ width:100%; padding:0px;} .header-banner-right .header-banner-tagline, .header-banner-right .header-banner-heading{display:none;} .header-banner-logos{display:none;} .header-banner { padding: 16px 24px 0px !important; } .header-banner-left .header-banner-img { margin-bottom:20px;} .header-banner-img img{width:100%;} .header-banner-right #buy_popup_1 .contact_fields, .header-banner-right .slide_popup_1 .contact_fields { min-height: 65px;} .header-banner-right .popup_form{padding:0px;} .header-banner-left .header-banner-img, .header-banner-offer{display:none; } .inner_content.flexCont .colEq{width:50%;} } #main_website{display:none !important;}