/* PathSolutionsGlobal2020-12.css Global Stylesheet * edition # * author - Rowley Designs * date - Sept. 21, 2022 * sources - originally part of style.css and custom-style.css from Beluga Labs (combined) * * 1a. Imports, Variables, Macros * 1b. Global rules * 2. Headers * 3a. Designers Mobile Menuf * 3b. Other characteristics for Mobile devices * 4. Footers * 5. Minimal Footers * 6. Fancybox lightbox * 7. Home Page Custom elements * 8. Section heading boxes * 9. People and product-solution pages * 10. Pages with slides_at_top - Section Overview pages * 11. About Pages * 12. Contact page * 13. Leadership page * 14. Blog Post pages * 15. Tool Page * 16. Support Page * 17. Resources Page * 18. Partners Page * 19. Technology Partners page * 20. Managed Service Providers page * 21. News Media Press Pages * 22. Widget-type-simple_menus * 23. Events, Shows, Conferences * 24. Case Study section * 25. Solution page, Benefits section * 26. Fact sheet page * 27. Library page * 28. Buttons * 29. Site search form * 30. Video page elements * 31. Page Banner Area * 32. Forms and Form elements * 33. Blog elements - Network Visibility Blog * 34. Responsive Pantelope style landing pages * 35. Hubspot body chat customization * 36. Press Release Page singles * 37. Feature card lightboxes * 38. Other * 100. Responsive media elements */ /***************************** 1a. Imports ******************************/ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Red+Hat+Display:wght@400;500;700;900&display=swap'); /***************************** 1a. Set Variables ***************************/ /********* 1a. Macros ****************/ -webkit-transition: ; -moz-transition: ; -o-transition: ; -ms-transition: ; transition: ; /*********** 1b. Global Syles *************/ body, body p { font-size: 17px; color: #313438; line-height: 1.5; margin: 0; font-family: 'Red Hat Display',sans-serif; font-weight: 400;} /*clearing scss presets*/ .body-container-wrapper { font-size: 17px; color: #313438; line-height: 1.5; margin: 0; font-family: 'Red Hat Display',sans-serif; font-weight: 400;} .body-container-wrapper .container-fluid { padding-left: 0; padding-right: 0; } body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl { max-width: 1200px; float: none!important; margin: 0 auto!important;} body { margin:0; padding: 0;} img { max-width: 100%; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;} .row-fluid .page-center {max-width: 1200px; padding: 0 15px; margin: 0 auto !important; float: none;} .row-fluid [class*="span"] { min-height: 0.1px;} * { outline: none;} *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-fluid .row-fluid .page-center { float: none; max-width: 1200px; margin: 0 auto; padding: 0 15px; } .font-white, .font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white h5 {color: #fff;} /***** Global Padding *******/ .paddingt10 {padding-top: 10px;} .paddingt20 {padding-top: 20px;} .paddingt30 {padding-top: 30px;} .paddingt40 {padding-top: 40px;} .paddingt50 {padding-top: 50px;} .paddingt60 {padding-top: 60px;} .paddingt70 {padding-top: 70px;} .paddingt80 {padding-top: 80px;} .paddingt90 {padding-top: 90px;} .paddingb10 {padding-bottom: 10px;} .paddingb20 {padding-bottom: 20px;} .paddingb30 {padding-bottom: 30px;} .paddingb100{padding-bottom:100px;} .paddingtb10{padding-top: 10px; padding-bottom: 10px;} .paddingtb20{padding-top: 20px; padding-bottom: 20px;} .paddingtb30{padding-top: 30px; padding-bottom: 30px;} .paddingtb40{padding-top: 40px; padding-bottom: 40px;} .paddingtb50{padding-top: 50px; padding-bottom: 50px;} .paddingtb60{padding-top: 60px; padding-bottom: 60px;} .paddingtb70{padding-top: 70px; padding-bottom: 70px;} .paddingtb80{padding-top: 80px; padding-bottom: 80px;} .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} @media(max-width:767px){ .mobile_paddingt10{padding-top:10px;} .mobile_paddingt20{padding-top:20px;} .mobile_paddingt30{padding-top:30px;} .mobile_paddingb10{padding-bottom:10px;} .mobile_paddingb20{padding-bottom:20px;} .mobile_paddingb30{padding-bottom:30px;} .mobile_paddingtb10 {padding-top: 10px; padding-bottom: 10px;} .mobile_paddingtb20 {padding-top: 20px; padding-bottom: 20px;} .mobile_paddingtb30 {padding-top: 30px; padding-bottom: 30px;} .mobile_paddingtb40 {padding-top: 40px; padding-bottom: 40px;} .mobile_paddingtb50 {padding-top: 50px; padding-bottom: 50px;} .set-height{height:auto !important} .mobile-text-left {text-align: left;} .mobile-text-center {text-align: center;} .mobile-text-right {text-align: right;} } /***** Global Typography *******/ a {text-decoration:none; transition: .25s;} a:hover {text-decoration: none;} h1,h2,h3,h4,h5,h6 {font-family: 'Red Hat Display',sans-serif; font-weight: bold; line-height: 1.2em; margin: 8px 0;} h1 {font-size: 40px;} h2 {font-size: 35px;} h3 {font-size: 23px;} h4 {font-size: 21px;} h5 {font-size: 17px;} p {font-size: 17px; line-height: 1.5;} @media(max-width: 767px) { h1 {font-size: 35px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 16px;} p {font-size: 16px; line-height: 1.5;} ;} h2 { color: #39404a; font-weight: bold; text-align: center; line-height: 1.5em;} /* Responsive typography */ @media(max-width: 1285px) { h1 {font-size: 50px;} } @media(max-width: 991px) { h1 {font-size: 40px;} } @media(max-width: 480px) { h2 {line-height: 30px; padding-top: 10px;} } /***** Global Transforms *******/ .come-in { -webkit-transform: translateY(150px); -webkit-animation: come-in 1s ease forwards; -webkit-animation-delay: 0.2s; transform: translateY(150px); animation: come-in 1s ease forwards; animation-delay: 0.2s; } .come-in:nth-child(odd) { animation-duration: 0.6s; } .already-visible { -webkit-transform: translateY(0); -webkit-animation: none; transform: translateY(0); animation: none; } @-webkit-keyframes come-in { to { transform: translateY(0); } } @keyframes come-in { to { transform: translateY(0); } } /* 2. Header and Main Navigation Elements */ .header-container { font-family: 'Red Hat Display',sans-serif; margin: 0; padding: 0; } .header-container .site-log a img { width: auto !important; display: block; height: auto; max-width: 100%; } .header-container.container-fluid { position: relative; border-bottom: 1px solid #696b6d1c; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .header-container.container-fluid .row-fluid .site-log { min-width: 275px; max-width: 350px; text-align: center; border-right: 1px solid #696b6d1c; padding: 10px 10px 13px 12px; } .header-container.container-fluid .main-menu.custom-menu-primary { width: auto; min-width: 630px; margin-left:5px;} .header-container.container-fluid .button { min-width: 100px; margin-left: 6px; margin-right: 6px; background-color: transparent; } .header-container .button { padding: 16px 0; } .header-container .button.first, .header-container .button.second, .header-container .button.third { text-align:left; } .header-container .button .cta_button a, .header-container .button .cta_button a:hover { text-decoration: none;} span.cta-button.button.first img { width: 55px!important; max-width: 100%; } span.cta-button.button.second img{ width: 122px!important; max-width: 100%; } span.cta-button.button.third img { width: 55px!important; max-width: 100%; } .header-container.container-fluid .page-center { float: none; max-width: 100% !important; max-width: 100%; float: none; margin: 0 auto; padding: 0;} .header-container.container-fluid .row-fluid { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; } .home .header-container.container-fluid .button { min-width: 100px; } .buttonstyle.buttonstyle-a { text-decoration: none;} .header-container .buttonstyle.buttonstyle-a { white-space: nowrap;} /* 2a. Header Navigation Section */ .header-container.container-fluid ul { padding-left: 0; text-align: end; margin-bottom: 0; margin-top: 0; display: flex; justify-content: flex-start; } .header-container.container-fluid ul li { list-style: none; display: inline-block; vertical-align:middle; position: relative; padding: 20px 0; min-width: max-content; } .header-container.container-fluid ul li:hover ul { display: block; transition: .3s ease-in-out; } .header-container.container-fluid ul li a { color: #000; font-size: 15px; font-weight: 500; font-family: 'IBM Plex Sans',sans-serif; text-decoration: none; padding: 20px 30px 27px 0px; } .header-container.container-fluid ul li a:hover { text-decoration: none; color: #000; } .hs-item-has-children a:after { /*dropdown arrow*/ display: inline-block; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transform: translate(11px,2px); } .hs-item-has-children ul li a:after { display:none; } .header-container.container-fluid .hs-menu-children-wrapper { top: 80% !important; border: 1px solid #c0c6cc; border-radius:6px; transition: .3s ease-in-out; box-shadow: 0px 10px 32.5px rgba(32,57,138,0.16); left: .5em !important; width: max-content; display: none; position: absolute; padding-top: 0px; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; min-width: 14em; text-align: left; top: 100%; z-index:99999; } .header-container.container-fluid .hs-menu-children-wrapper li { list-style: none; vertical-align:middle; position: relative; padding: 0; min-width: 165px; display: block; } .header-container.container-fluid .hs-menu-children-wrapper li:hover, .header-container.container-fluid .hs-menu-children-wrapper li:hover a{ color: #fff !important; background: #4687f2; } .header-container.container-fluid .hs-menu-children-wrapper li a { border-collapse: collapse; padding: 6px 9px; display:block; } .header-container.container-fluid .hs-menu-children-wrapper ul:last-child { right: 80px !important; } .header-container .cta_button.btn-blue.grid-color { padding: 14px 75px; font-weight: 600; } .mobile-trigger, .child-trigger{ display: none; } .home .header-container.container-fluid { position:absolute; z-index:100; } .home .header-container.container-fluid ul li a{ color: rgba(255,255,255,.82); } .home .header-container.container-fluid ul li a:hover { color: #fff; } .home .header-container.container-fluid .hs-menu-item ul li a { color: #000; } .home .navbar-nav .nav-link:active, .home .navbar-nav .nav-link:focus { color:#fff; } .home span.navbar-toggler-icon { color:#fff; } .home .header-logo a{ border-right: 1px solid #696b6d !important; } #custom-header-top-section { background: #000; text-align: center; padding: 7px 0; } #custom-header-top-section a { color: #fff; font-size: 16px; font-weight: bold; } /*Header responsive style rules*/ @media(max-width:1599px){ .header-container.container-fluid ul li a { font-size: 15px; } .site-log a img { object-fit: contain; } } @media(max-width:1350px){ .header-container .cta-button.third { display: none; } .home .header-container .cta-button.third { display: inline; } } @media(max-width:1270px){ .home .header-container .cta-button.third { display: none; } .header-container.container-fluid .row-fluid .site-log { min-width: 200px; max-width: 250px; } } @media(max-width:1120px){ .navbar-collapse { justify-content: flex-start; } .header-container .cta-button.second { display: none; } .home .header-container.container-fluid .button {margin-left: 120px;} } @media(max-width:975px){ .header-container .cta-button.first { display: none; } } @media(max-width:767px){ /* to clear a PathSolutions carrot in the drop down menus*/ .hs-item-has-children a:after { vertical-align: 0; border-top: none; border-right: none; border-left: none; transform: none; } /*fluid positioning*/ .header-container.container-fluid .span12.widget-span.widget-type-global_group, .header-container.container-fluid .span12.widget-span.widget-type-cell.header-wrapper, .header-container.container-fluid .span12.widget-span.widget-type-cell.page-center { width: 100%; } .header-container.container-fluid .row-fluid { flex-wrap: wrap; } .header-container.container-fluid .row-fluid .site-log { margin-top: 10px; min-width:210px; width: 210px; position: unset; top: 0; padding: 0 10px 10px 10px; } .navbar-collapse { background: #fff;} .header-container.container-fluid .row-fluid-wrapper.row-depth-1.row-number-4 { height: auto; margin-top: 0; } #custom-header-top-section { width: 100%; text-align: center !important; display: flex; justify-content: center; } .mobile-trigger { top: auto !important; margin-top: -53px; } } @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } } @media (min-width: 1200px) { .navbar-collapse { justify-content: flex-start; } } @media(min-width:768px) and (max-width:1300px){ .header-container.container-fluid ul li:last-child ul { right: 80px !important; } } /*End of Header-Navigation Section */ /*3a. Designer's Mobile Toggle Menu style */ /* append designers-mobile0-menu-ps2020.css */ /* 3b. Other characteristics for Mobile devices */ /* 4. Footer Section */ .footer-wrapper, .footer-container-min { font-family: 'Red Hat Display',sans-serif;} .grey-bottom .footer-container-wrapper { background:#e5e5e5; padding:0; margin:0; border-radius:0; } .blue-bottom .footer-container-wrapper { background: #445dd5; padding:0; margin:0; border-radius:0; } .footer-container-wrapper .container-fluid .row-fluid .page-center { max-width: 1400px; } .footer-container { background: #25262f; padding-top: 70px; border-radius: 130px 130px 0px 0px; } .footer-outer { background: #25262f; padding-top: 35px; border-radius: 130px 130px 0px 0px; } .footer-container-wrapper .footer-inner { padding: 0 60px 30px 60px; } .footer-container-wrapper .footer-wrapper{ background: transparent; } .footer-container-wrapper .footer-wrapper h2 { font-size: 35px; color: #fff; text-align: left; font-weight: 600; padding-bottom: 60px; } .footer-container-wrapper h3 { font-size: 20px; color: #fff; margin-bottom: 45px; font-weight: 600; } .footer-container-wrapper .cta_button.btn-blue.grid-color { padding: 14px 75px; font-weight: 600; } .footer-container-wrapper .footer-wrapper .bottom_footer { padding: 30px 20px 0 80px; border-top: 2px solid #373843; } .footer-container-wrapper .widget-type-simple_menu { background-color:transparent; padding: 0; margin-bottom: 10px; box-sizing: border-box; margin-top: 0; } .footer-container-wrapper .image-col h3 { font-size: 20px; color: #fff; margin-bottom:10px; font-weight: 600; margin-top: 12px; width: 100%; } .footer-container-wrapper .footer-wrapper .bottom_footer p a, .footer-container-wrapper .footer-wrapper .bottom_footer p { color: #4687f2; margin-bottom: 0; margin-top: 14px; } .footer-container-wrapper .footer-wrapper .bottom_footer ul { margin:0; padding: 0; } .footer-container-wrapper .footer-wrapper .bottom_footer ul li { list-style: none; } .footer-container-wrapper .footer-wrapper .bottom_footer ul li a { font-size: 16px; transition: .3s all ease; padding: 0; color: #fff; text-decoration: none; } .footer-container-wrapper .footer-wrapper .bottom_footer ul li a:hover { color: #ccc; transition: .3s all ease; } .footer-container-wrapper .row-depth-1.row-number-3 { margin: 0 80px 10px 80px; } .phone_em a { font-size: 16px; display: block; margin-bottom: 18px; color: #4687f2; font-weight: 600; } .footer-container-wrapper .social_icn ul li { display: inline-flex; margin-bottom: 0; } .phone_em a:hover, .footer_menu ul li a:hover { text-decoration: none; } .footer-container-wrapper .widget-type-simple_menu ul li { display:block; } .footer-container-wrapper .socialstuff { margin-top:12px; } .bottom_footer .social_icn { margin-right: 20px;} .bottom_footer .social_icn ul li { background-repeat: no-repeat; list-style: none; transition: .5s all ease; display: inline-flex; border-radius: 50%; width: 44px; height: 44px; justify-content: center; align-items: center; margin: 0; } .bottom_footer .social_icn ul li:hover {transition: all ease-in-out 0.3s; } .bottom_footer .social_icn ul li.facebook-ps {background-image: url("https://www.pathsolutions.com/hubfs/social-media/icon-facebook-dk.png");} .bottom_footer .social_icn ul li.facebook-ps:hover {background-image: url("https://www.pathsolutions.com/hubfs/social-media/icon-facebook-lt.png");} .bottom_footer .social_icn ul li.twitter-ps {background-image: url("https://www.pathsolutions.com/hubfs/social-media/icon-twitter-dk.png");} .bottom_footer .social_icn ul li.twitter-ps:hover {background-image: url("https://www.pathsolutions.com/hubfs/social-media/icon-twitter-lt.png");} .bottom_footer .social_icn ul li.linkedin-ps {background-image:url("https://www.pathsolutions.com/hubfs/social-media/icon-linkedin-dk.png");} .bottom_footer .social_icn ul li.linkedin-ps:hover {background-image: url("https://www.pathsolutions.com/hubfs/social-media/icon-linkedin-lt.png");} .bottom_footer .social_icn ul li.youtube-ps {background-image: url("https://www.pathsolutions.com/hubfs/social-media/icon-youtube-dk.png");} .bottom_footer .social_icn ul li.youtube-ps:hover {background-image :url("https://www.pathsolutions.com/hubfs/social-media/icon-youtube-lt.png");} .bottom_footer .social_icn ul li a { padding: 0; width: 100%; display: block; } body .minimal .footer_head h2 , body .footer-container-wrapper h2{ font-size: 35px !important; font-weight: 600 !important; } .minimal .footer-container.container-fluid .row-number-3 { margin: 0 80px 10px 80px !important; } .footer_menu { margin-top: 0; } .footer ul { padding: 0; margin: 0; } .footer_menu ul li { list-style: none; margin-bottom: 10px; } .footer_menu ul li a { font-size: 16px; color: #6d6f84; } .phone_em p { margin: 0; } .footer-container-wrapper ul li a:hover, .footer_contct .hs-button:hover { text-decoration: none; } .background_e5e5e5 {background: #e5e5e5;} /* footers - blue button */ .footer-inner .btn { background: none; border: none; } .footer-container-wrapper .cta_button.btn-blue.grid-color { padding: 14px 20px; font-weight: 600; } .footer-container-wrapper{ padding-top: 35px; } .footer-container-wrapper .btn a { margin-top: 50px; padding: 14px 20px; background: #4687f2 !important; color: #fff !important; border: 1px solid #4687f2; font-family: 'IBM Plex Sans',sans-serif; font-weight: 500; font-size: 18px; line-height: 1.5em; text-transform: capitalize; border-radius: 9px; box-shadow: 0px 10px 23px 3px rgba(32,57,138,0.1); transition: .4s ease-in-out; } .footer-container-wrapper .btn:hover, .footer-container-wrapper .btn:focus { background: transparent; } .footer-container-wrapper .btn a:hover, .footer-container-wrapper .btn a:focus { color: #007bff !important; background: #fff !important; border: 1px solid #4687f2; text-decoration:none;} /*clears grid.scss */ .footer-container.container-fluid { padding-left:0px; padding-right:0px; } /*copyright at bottom */ .copyright_F { color: #999; background: #000; margin-top: 40px; padding: 5px; } .copyright_F p { margin: 6px auto; font-size: 14px; text-align: center; color: #999; font-weight: 500; } .footer-container-wrapper .image-col { text-align: center; } @media(max-width:1139px){ .footer-container-wrapper .footer-wrapper h2 { font-size: 24px; padding-bottom:10px;} .footer-container-wrapper .image-col h3 {font-size: 17px;} } @media(max-width:999px){ .footer-container-wrapper .cta_button.btn-blue.grid-color { padding: 11px 12px; } .footer-container-wrapper .widget-type-simple_menu ul li {padding:0;} } @media (min-width: 768px) { .footer-container-wrapper .span3 { width: 25%;} .footer-container-wrapper .span3.footer_menu { width: 20%;} .footer-container-wrapper .span3.image-col { width: 20%;} .footer_head.span9 { width: 60%;} } @media(max-width:767px){ .footer-container, .footer-outer { border-radius: 90px 90px 0px 0px; } .footer-container-wrapper { padding-top: 35px; border-radius: 30px 30px 0px 0px; } .footer-container-wrapper .cta_button.btn-blue.grid-color { padding: 11px 14px; } .footer-container-wrapper .footer-inner { padding: 0 35px 15px 35px; } .footer-container-wrapper .footer-wrapper h2 { font-size: 18px; line-height: 22px; padding-bottom: 5px; } .footer-container-wrapper .footer-wrapper .bottom_footer { padding: 0 30px 0 30px; border:0 none;} .footer-container-wrapper .footer-wrapper .bottom_footer p a, .footer-container-wrapper .footer-wrapper .bottom_footer p { font-size: 15px; margin-top: 0;} .footer-container-wrapper .cta_button.btn-blue.grid-color { padding: 9px 14px; font-weight: 600; display: block; text-align: center; margin: 0 auto;width:135px;} .footer_contct button.btn, .footer_contct a.hs-button { padding: 9px 14px; } .footer ul { text-align: center; } .footer-container-wrapper ul { margin-top: 12px; text-align: center; } .footer-container-wrapper .footer-wrapper .bottom_footer ul { padding: 20px 0; } .footer_menu {margin-top: 0;} .footer-container-wrapper .footer-wrapper .hs-menu-wrapper ul { display:block; margin: 0; padding: 0; width: 100%; border-top: 0px none; } .footer-container-wrapper .footer-wrapper .hs-menu-wrapper ul li { display:block; text-align: left; padding: 0 18px;} .footer-container-wrapper .footer-wrapper .hs-menu-wrapper ul li a { padding:0;} .footer-container-wrapper div#hs_menu_wrapper_module_1602491059257632_ {/* menu left col*/ float: left; width: 40%; margin: 0 13px 10px 10%;} .footer-container-wrapper .footer-inner { padding: 0 30px 15px 30px; } .footer_contct .hs-button { font-size: 14px; padding: 15px 28px; } .footer_head h2 { font-size: 24px; margin-bottom: 20px; line-height: 32px; padding-bottom: 0px;} .footer-container-wrapper h3 { } .phone_em { margin-bottom: 3px; text-align: center; } .phone_em h3 {display: none;} footer .col-md-3 { text-align: center; } .copyright_F { margin-top: 0px; } .footer_contct { display: block; text-align: center; margin-bottom: 15px; } .footer-container-wrapper .widget-type-social_sharing { text-align: center; } .footer-container-wrapper .socialstuff { margin: 0;} .footer-container-wrapper .footer-wrapper .bottom_footer .social_icn { margin-right:0; padding:0;} .footer-container.container-fluid .social_icn { border-bottom: 2px solid #373843; padding-bottom: 8px;} .footer-container-wrapper .row-depth-1.row-number-3 { margin: 0 40px 10px 40px;} .row-fluid-wrapper.row-depth-2.row-number-3 {display: block; margin-top: 40px;} .footer-container-wrapper .btn {padding:0;} .footer-container-wrapper .btn a {margin-top: 0;} .footer-container-wrapper .image-col img {/*footer turtle */ margin: 10px auto; width: 115px; font-size: 15px;} .footer-container-wrapper .image-col h3 {margin: 40px auto 10px; font-size: 15px; text-align: center;} } @media(max-width:479px){ .footer-container, .footer-outer { padding:0; } .footer-container-wrapper .footer-wrapper h2 { font-size: 18px; padding-bottom: 10px; } .footer-container-wrapper { padding-top: 40px; padding-bottom:0px; } .footer-container-wrapper.footer-inner { padding: 0 40px 9px 40px; } .footer-container-wrapper .span12.widget-span.widget-type-custom_widget.copyright_F { margin-top: 0; position: absolute; left: 0; } .footer-container-wrapper p span a strong { color: #fff !important; font-size: 17px; letter-spacing: 1px; } body .footer-container-wrapper .row-fluid [class*="span"]:nth-child(2), body .footer-container-wrapper .row-fluid [class*="span"]:nth-child(3){ width: 50% !important; float: left !important; } .footer-container-wrapper ul li { justify-content: center; } .footer-container-wrapper .hs-menu-wrapper ul { margin-bottom: 44px; border-top: 0 none; } } /* 5. Minimal Footer style */ .minimal .footer-container { background: #25262f; padding-top: 70px; border-radius: 75px 75px 0px 0px; } .minimal .footer-container-wrapper .footer-inner { padding: 0 30px 6px 30px; } .minimal .footer_head h2 { font-size: 20px; color: #fff; text-align: left; font-weight: 500; } .minimal .column1 { color: #fff; font-size:13px; margin: 0 40px; width: 30%; } .minimal .column2 { color: #fff; font-size:13px; width: 25%; margin: 0 10px; } .minimal .column3 { color: #fff; font-size:13px; margin: 0 40px; width: 20%; } .minimal .footer-container-min p { color: #fff; font-size:13px; } .minimal .column1 a, .minimal .column1 a:visited, .minimal .column2 a, .minimal .column2 a:visited, .minimal .column3 a, .minimal .column3 a:visited { color: #fff; text-decoration: none; } .minimal .column1 a:hover, .minimal .column1 a:active, .minimal .column2 a:hover, .minimal .column2 a:active, .minimal .column3 a:hover, .minimal .column3 a:active{ color: #6d6f84; text-decoration: none; } .minimal .column3 img { margin: auto; } .minimal .footer-container-min .row-depth-1.row-number-3 { border-top: 0 none; margin-top: 0 !important; padding-top: 0px; } .footer-container.container-fluid .row-number-2 { margin: 0 auto; } .minimal .footer-container.container-fluid .row-number-3 { max-width: 1295px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .minimal .copyright_F { margin-top: 0; } .minimal .copyright_F p { color: #4d4f5c; } @media(max-width:770px){ .footer-container-wrapper .minimal .column1 {float: left;} .footer-container-wrapper .minimal .column2 { width: 55%; margin: 0 auto 0 39%;} .footer-container-wrapper .minimal .column3 {width:100%;} } @media (max-width: 500px) { .minimal .footer-container.container-fluid .column2 p, .minimal .footer-container.container-fluid .column2 img, .minimal .footer-container.container-fluid .column3 p, .minimal .footer-container.container-fluid .column3 img { display:block; text-align:center; } } /* 6. Fancybox Lightbox customized*/ .fancybox-close-small, .fancybox-content button.fancybox-button.fancybox-button--close { background: #fff !important; color: #1b1b1b !important; top: -21px !important; right: -21px !important; width: 34px !important; height: 34px !important; line-height: 34px !important; border: 3px solid #1b1b1b !important; border-radius: 50% !important; position: absolute !important; padding: 5px !important; } .fancybox-content { background-color: #1b1b1b !important; border: 8px solid #1b1b1b; border-radius: 6px; overflow: visible !important; box-shadow: 0 0 12px rgba(0,0,0,.8); max-width: 90vw; max-height: 90vh; } body .fancybox-toolbar { display:none;} /*.fancybox-button--arrow_left.fancybox-is-open { position: fixed; top: 49%; z-index: 99994; left:1%; } .fancybox-button--arrow_right.fancybox-is-open{ position: fixed; top: 49%; z-index: 99994; right:1%; } */ /* 7. Home Page Custom elements */ /* clears scss */ .home .container-fluid, .home .container-lg, .home .container-md, .home .container-sm, .home .container-xl { padding-left: 0; padding-right: 0;} /* Home page - carousel banner */ body .carousel-caption { z-index: 0;} .home .carousel { background-color: #000; height: 95.5vh; } .banner h1 { color: #fff; font-size: 28px; font-weight: 700; line-height: 1.5em; margin-bottom: 22px;} .banner h2 { color: #fff; font-size: 60px; font-weight: 900; line-height: 1.5em; margin-bottom: 22px;} .banner h3 { font-size: 40px; font-weight: 500; color: #fff;} .banner p { color: #fff; font-size: 20px; line-height: 1.5em;} .banner .content-col h3 { font-size: 24px; color: #fff; font-weight: 700; line-height: 1.5em; text-align: center;} .banner .content-col p { color: rgba(255,255,255,0.7); font-size: 16px; font-weight: 400; text-align: center; margin-top: 15px;} .banner .carousel-item { height: 95.5vh; border-radius: 0px 0px 100px 100px; overflow: hidden;} .banner .carousel-item .btn { /*clearing presets*/ margin: 50px 0 0 0; background: none; padding: 0; border: none; color: transparent;} .banner .carousel-item .btn a { padding: 16px 35px; background: #4687f2; border: 1px solid #4687f2; font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.5em; text-transform: capitalize; border-radius:9px; box-shadow: 0px 10px 23px 3px rgba(32,57,138,0.1); transition: .4s ease-in-out; margin-top: 10px; color: #fff;} .banner .carousel-item .btn a:hover, .banner .carousel-item .btn a:focus { color: #4687f2; background: #fff; border: 1px solid #4687f2; text-decoration:none;} .overlay { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(29, 30, 33, 0.6);} .banner .carousel-item img { height: 95.5vh; width: 100vw; object-fit: cover;} .banner .carousel-item .carousel-caption { bottom: auto; top: 43.5vh; transform: translateY(-50%);} .banner ol.carousel-indicators { margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1295px; background: transparent; padding: 0; overflow: hidden;} .banner ol.carousel-indicators li { text-indent: unset; opacity: 1; color: #fff; box-sizing: border-box; width: 17%; border: 0 none rgba(255,255,255,0.4); height: 80px; background: rgba(255,255,255,0.4); margin: 0px; font-family: 'Red Hat Display', sans-serif; font-size: 22px; font-weight: 500; line-height: 25px; padding: 12px 25px; text-align: center; position: relative;} .banner ol.carousel-indicators li.active{ background: rgba(255,255,255,0.5);} .banner ol.carousel-indicators li:after { content: ""; height: 50%; width: 1px; background: rgba(255,255,255,0.4); position: absolute; right: -1px; top: 50%; transform: translateY(-50%);} .banner ol.carousel-indicators li:last-child:after { display:none;} .carousel-control-next-icon, .carousel-control-prev-icon { background-image: none !important;} .carousel-control-next-icon i, .carousel-control-prev-icon i { font-size: 24px;} @media(min-width: 1600px) { .banner .carousel-item .carousel-caption { top: 43.5vh;} } @media (max-width: 1599px){ .banner .content-col h3{ font-size: 20px;} .banner h2{ font-size: 32px;} .banner p{ color: #fff;font-size: 20px;} .banner ol.carousel-indicators li{ font-size: 20px;} } @media (max-width: 1365px){ .banner .carousel-item{ border-radius: 0 0 50px 50px;} .banner ol.carousel-indicators{ margin-left: 43px;margin-right: 43px;max-width: 100%;background: transparent;} .banner ol.carousel-indicators li{ background: rgba(255,255,255,0.3);font-size: 16px;padding: 12px 17px;} } @media (max-width: 1330px) { .banner .carousel-inner {height: 95.5vh; min-height: 600px; max-height: 95.5vh;} } @media(max-width: 1200px){ .banner .carousel-item {height: 95.5vh; min-height: 600px; max-height: 95.5vh;} } @media (max-width: 1025px){ .banner h1 { font-size: 20px;} .banner h2{ font-size: 35px;} .banner h3 { font-size: 28px;} .banner p{ font-size: 16px;} } @media(max-width: 991px){ .banner ol.carousel-indicators li{ font-size: 14px;height: 70px;padding: 12px 17px;max-height: 10vh;} } @media (max-width: 767px){ .banner .carousel-item button { font-size: 14px;} .banner .carousel-item { height: 90vh; border-radius: 0px 0px 20px 20px;} .banner .carousel-item .carousel-caption { top: 43.5vh;} .banner h1, .banner h2 { font-size: 24px; margin-bottom: 10px;} .banner .content-col h3 { font-size: 16px;} .banner .content-col p { font-size: 13px;} /* .banner h2 { font-size: 22px;} */ .banner .carousel-item button { padding: 10px 25px; margin-top: 15px;} .banner .content-col p { margin-top: 5px; margin-bottom: 5px;} .banner ol.carousel-indicators { display: none;} section.solution-section { padding: 40px 0px 0px;} } @media(max-width: 480px){ .banner .carousel-item {height: 90vh; min-height: 600px; max-height: 90vh;} .banner .carousel-item .carousel-caption { top: 41.5vh;} } /* carousel banner end */ /* home page - solutions and gallery */ .home section.solution-section { padding: 40px 0 70px 0; } .row.solutions-row .col-md-3 a { text-decoration: none;} /* home page - solution section end */ /* home page - testimonial section start */ .testimonial_section { padding: 80px 0 100px; position: relative;} .testimonial_section h2 { font-size: 45px; font-weight: 800; color: #393f4a; margin-bottom: 80px;} .testimonial_section:before { content: ""; background: #eef7ff; height: 65%; width: 82%; position: absolute; top: 0; left: auto; right: 0; border-radius: 80px 0;} .testimonial_section .container { position: relative; z-index: 1;} .testimonial_section .slick_item { padding: 35px 24px 30px 24px; background: #ffffff; box-shadow: 0 4px 12px 0 #e8e8e8; margin: 20px 0 14px; border-radius: 20px; position: relative;} .testimonial_section .slick_item:before { content: ""; position: absolute; height: 33px; width: 50px; display: inline-block; background: url('https://www.pathsolutions.com/hubfs/images/quote.png'); background-repeat: no-repeat; background-position: center center; top: -21px;} .testimonial_section .slick_item p { font-size: 18px; color: #181616; font-style: italic; font-weight: 400; line-height: 28px;} .testimonial_section .slick-slide { padding-left: 15px; padding-right: 15px;} .testimonial_section .slick_item h4 { font-size: 20px; color: #4687f2; font-weight: 600;} .testimonial_section .slick_item span { color: #727272; font-size: 14px; line-height: 15px;} .home .testimonial_section ul.slick-dots { display: none;} .testimonial_section ul.slick-dots { position: static; margin-top: 40px;} .testimonial_section ul.slick-dots button:before { font-size: 7px; width: 10px;} .testimonial_section ul.slick-dots button { display: none; padding: 0; width: auto; height: auto;} .testimonial_section ul.slick-dots .slick-active button:before { color: #4687f2;} .testimonial_section button.slick-arrow:before { content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 28px; height: 40px; width: 40px; color: #4687f2;} .testimonial_section button.slick-arrow.slick-next:before { content: "\f054";} .testimonial_section button.slick-arrow.slick-prev:before { content: "\f053";} .testimonial_section button.slick-next.slick-arrow { right: -8%;} .testimonial_section button.slick-prev.slick-arrow { left: -8%;} .testimonial_section button.slick-arrow:hover:before { opacity: 1 !important;} /* Testimonial section end */ /* home page - Trusted logo section */ .trusted_logo h2 { font-size: 45px; color: #393f4a; font-weight: 600; margin-bottom: 115px;} .trusted_logo { text-align: center; padding: 80px 0 80px; background: #e5e5e5;} .trusted_logo .imagecells-top { width: 150px; padding: 10px 25px;} .trusted_logo .flexcontainer-top.logopanel { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: space-around; flex-flow: space-around; -webkit-align-content: flex-end; align-content: flex-end; overflow: hidden; padding: 12px 12px 3px 12px; font-size: 9px; color: #555;} .logo-img:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0;} .logo-img:after { content: ''; position: absolute; right: 0; height: 100%; width: 1px;} .logo-img { min-height: 235px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .col-md-3:nth-child(4) .logo-img:after, .col-md-3:nth-child(8) .logo-img:after { display: none;} .logo-img.bottom_b:before { display: none;} .col-md-3:nth-child(5) .logo-img:before, .col-md-3:nth-child(6) .logo-img:before, .col-md-3:nth-child(7) .logo-img:before, .col-md-3:nth-child(8) .logo-img:before { display: none;} /* Trusted logo section end */ /*home page - news, blog section */ .news-box-home h3 { font-size: 24px; color: #30353d; font-weight: 700; line-height: 1.5em; margin: 0 0 10px;} .news-box-home p { font-size: 16px; margin: 0;} .news-box-home p a { color: #000;} .news-box-home .news-read { margin-bottom: 14px;} .news-read a img, a.seemore img { width: 6px;} .news-read a, .news-box-home .news-read p a, .news-box-home p a.seemore { font-weight: 500; color: #007bff;text-decoration: none;} .news-text p { display: inline; font-size: 16px;} .news-text a, .news-text a:visited, .news-text a:hover { color: #000;} .ps-blog-and-news { background: #eef7ff; padding: 80px 0;} .ps-news, .custom-home-recent-post, .twitter-block { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px 0 #e8e8e8; height: 100%;} .ps-blog-and-news .row-fluid { display: flex; flex-wrap: wrap;} a.seemore { margin-bottom: 10px; display: inline-block;} .ps-blog-and-news .row-fluid .hs_cos_wrapper { height: 100%;} /* home page end */ /* 8. Section heading boxes */ .section-heading-box { text-align: center; margin-bottom: 75px;} .biggrid .section-heading-box { margin-bottom: 20px;} .feature-top .section-heading-box { text-align: center; margin-bottom: 75px;} .section-heading-box h2 { color: #39404a; font-weight: 900; font-size: 45px; text-align: center; line-height: 1.5em;} p.sub-heading { text-align: center;} p.sub-heading, .section-heading-box p { text-align: center; max-width: 600px; margin: auto;} /* Section heading boxes - end */ /* 9. People and product-solution pages start */ /* People and product-solution pages - top section */ section.solution-section { padding: 100px 0px;} .solution-section { position: relative;} .solution-section.feature-top.single_page:before{ content: ""; height: 93%; width: 60%; position: absolute; left: 0px; top: 0px; border-radius: 0 0 75px; background-image: linear-gradient(#dcedf5, #cbf0ff); z-index: -1;} .solution-section.feature-top.our-solution.container { max-width: 100%; padding-bottom: 70px;} .top_people_page:after { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; border-radius: 0 0 100px 100px; background-image: linear-gradient(#dcedf5, #cbf0ff); z-index: -1;} .top_people_page.section-heading-box { position: relative; margin: 0; padding: 60px 0 200px;} .people_page_body section.solution-section { padding-top: 0; margin-top: -180px;} .feature-top h1 { font-size: 35px; font-weight: 700; line-height: 1.2em; margin: 0 0px 40px;} .solution-section.single_page { padding-bottom: 0px;} .single_page .text-side h2 { font-size: 35px; text-align: left; line-height: 1.2em; margin: 0 0 40px;} .media-side { align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .single-media-box { margin-left: 5%;margin-bottom:20px;} .solution-single .single-media-box { /*rounded fill is default*/position: relative; overflow: hidden; margin: 0 10% 10px 10%; box-shadow: 0 24px 51.5px rgba(61,83,193,0.15); min-width: 400px; min-height: 350px; text-align: center;} .solution-single .single-media-box img { max-height: 350px; transform: scale(1); transform-origin: center;} .rectangle-fit .single-media-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 0 0 0 0;} .round-fit .single-media-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 75px 75px 20px 75px;} .rectangle-fill .single-media-box { border-radius: 0 0 0px 0px;} .round-fill .single-media-box { border-radius: 75px 75px 20px 75px;} .round-fit .single-media-box img { max-height: 100%; transform: none; width: 100%; height: auto; padding: 20px; border: 0 !important;} .rectangle-fit .single-media-box img { transform: none; width: 100%; height: auto; padding: 0px; border: 0 !important;} .single_page .text-side p { font-size: 17px;} /*end top section */ /* People and product-solution pages - middle section */ .single-content-col ul { font-weight: 600; padding: 0px; list-style: none;} .single-content-col ul li { padding: 0 0 0px 21px; line-height: 1.5em; position: relative; margin: 3px 0px;} .single-content-col ul li:before { content: ""; position: absolute; left: 0px; top: 12px; width: 8px; height: 8px; background: #4058cb; border-radius: 50%;} .single-content-col ul li ul li { list-style-type: none; font-size: .9rem; font-weight: normal; padding: 0 0 1em 1.5em;} .single-content-col ul li ul li:before { content: none; position: absolute; left: 0; top: 0; width: 0; height: 0; background: none; border-radius: 0px;} .single-content-col ul li b { color: #000;} .single-content-col h2 { text-align: left; font-size: 30px;} .single-content-col p.head-para { color: #757e8b; font-size: 24px;} .single-content-col .single-media-box { right: 0; left: 0; width: 100%; margin: 50px 0px; border-radius: 0 75px 75px 75px;} .sidebar h2 { text-align: left; font-size: 25px;} .sidebar-box.resource-box { margin-bottom: 40px;} .sidebar .single-media-box { border-radius: 0 75px 0 75px; right: 0;} .sidebar .resources-row { display: -ms-flexbox; display: flex; align-items: self-start; padding: 8px 0;} .sidebar .resources-row .resources-media { padding: 8px; border-radius: 50%; height: 60px; width: 60px; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .sidebar .resources-row .resources-text h3 { font-size: 21px; font-weight: 700; margin: 0 0 6px;} .sidebar .resources-row .resources-text a { color: #30353d;} .sidebar .resources-row .resources-text a:hover { text-decoration: none;} .sidebar .resources-row .resources-text p { margin: 0; color: #6c6c6c; font-size: 17px;} .sidebar .resources-row .resources-text { padding-left: 25px;} .single-content-col button span { color: #415acf;} .single-content-col p b { color: #000;} .single-content-col blockquote { padding: 10px 15px 15px 25px; border-left: 2px solid #000; font-style: italic; font-weight: 700; color: #000; margin: 30px 0px;} /*end middle section */ /* home, People and product-solution pages - feature galleries */ .solution__single .our-solution.productfeatures { padding: 60px 0 20px 0;} .solution__single .our-solution.productfeatures .row.solution-mes-col-row { padding-bottom: 0;} .our-solution { overflow: hidden; padding: 100px 0 70px;} section.our-solution.productfeatures { /* feature gallery wrap */ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;} .row.solution-mes-col-row { /* feature gallery rows */ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;} .row.solution-mes-col-row a:hover { text-decoration: none;} .media-box { background: #eef7ff; border-radius: 15px; overflow: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; height: 100%;} .media-box:hover { box-shadow: 0 13px 21.5px rgba(112,119,153,0.28); cursor: pointer;} .media-box .icon-box { position: absolute; top: -45px; left: 50%; margin: auto; background: #eef7ff; transform: translateX(-50%); padding: 20px; border-radius: 10px;} .media-box h3 { color: #30353d; font-size: 24px; font-weight: bold; margin: 0 0 30px;} .media-box p { color: #5a646e; font-size: 16px; line-height: 1.5;} .media-box .text-box { padding: 30px 30px 15px;} .media-box .image-box { border-radius: 15px; overflow: hidden;} .sol-text .image-box img, .people-txt .image-box img { transform: scale(1);} .sol-text .image-box:hover img, .people-txt .image-box:hover img { transform: scale(1.1);} .our-solution .row.solution-mes-col-row { margin: 0 auto; padding-bottom: 0;} .mess-col { margin-bottom: 30px;} .mess-col:nth-child(3n+2) { margin-top: 0;} .solution-box { padding: 30px; border-radius: 10px; text-align: center; height: 100%; transform: scale(1); transition: .5s all ease;} .solution-box:hover { box-shadow: 0 0 7px 6px #dddddd; } .solution-box h3 { font-size: 24px; color: #30353d; font-weight: 700; line-height: 1.5em; margin: 0 0 40px;} .solution-box p { color: #6c6c6c; font-size: 18px; font-family: 'IBM Plex Sans', sans-serif; margin: 0 0 45px;} .solution-box img { box-shadow: 0 10px 27.5px rgba(0,0,0,0.15); border-radius: 15px; border: 15px solid #fff;} .solution-box .image-box:hover { transform: scale(1.1); transition: .5s all ease;} .solution-box .image-box { transition: .5s all ease;} .our-solution.productfeatures { padding: 100px 0px; padding-bottom: 20px;} .productfeatures .mess-col:nth-child(3n-1) .solution-box { background: #eff6f1;} .productfeatures .mess-col:nth-child(2n-2) .solution-box { background: #f2f1ff;} .our-solution.productfeatures .mess-col:nth-child(3n+2) { margin-top: 0px;} .our-solution.productfeatures .row.solution-mes-col-row { margin-top: 0px; padding-bottom: 50px;} .productfeatures .popup-acchor-row { margin-top: 90px;} .people__single .productfeatures .popup-acchor-row { margin: 0 auto 30px;} .productfeatures .solution-box { height: 100%;} .solution-box { background: #f1fbff;} .solution-box p { font-family: myriad-pro, sans-serif; font-weight: 400;} .solution-box img { height: 210px; object-fit: cover;} .productfeatures .solution-box h3 { margin: 35px 0 20px; color: #000;} .our-solution.productfeatures.solution-single { border-radius: 75px; overflow: hidden; background-image: linear-gradient( #dcedf5 20%, #fff 80%);} .solution__single .row.solution-mes-col-row { padding: 0;} @media(min-width:650px) and (max-width:1005px){ .solution-mes-col-row .col-md-4.mess-col {width: 48.9%;} } /* end galleries */ /* Product-solution pages - simple style page */ .simple_single .solution-section.feature-top:before { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; border-radius: 0 0 70px 70px; background-image: linear-gradient(#dcedf5,#cbf0ff); z-index: -1;} .simple_single .feature-top.our-solution { padding: 80px 20px 94px 20px; } .simple_single .feature-top.our-solution.container { padding-bottom: 0;} .simple_single .feature-top h1 { font-size: 50px; font-weight: 700; margin: 0 auto;} .simple_single .about_left {padding:0;} .simple_single .about_left.content {align-items: top;} .simple_single .about_left h2 { font-size: 25px; text-align: left;} .simple_single .row .ph-img {margin-bottom: 50px;} .simple_single .row .ph-img img { box-shadow: 0 24px 51.5px rgb(61 83 193 / 15%);} .solution-section .media-box, .media-box .image-box { overflow: inherit;} .solution-section .media-box img, .media-box .image-box img { width: 100%; object-fit: cover;} /* end simple page style */ /* end people and product-solution pages */ /* 10. Pages with slides_at_top - Section Overview pages */ .slides_at_top .solution-section.feature-top:before { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; border-radius: 0 0 70px 70px; background-image: linear-gradient(#dcedf5,#cbf0ff); z-index: -1;} .slides_at_top .row.solution-mes-col-row { margin-top: 160px; padding-bottom: 100px;} .slides_at_top .our-solution.productfeatures { margin-top: 290px; padding: 0px; padding-bottom: 20px;} .slides_at_top .solution-section.feature-top.our-solution.container { max-width: 100%; padding-bottom: 70px; position: absolute;} .slides_at_top .our-solution { overflow: inherit;} @media (max-width: 767px) { .slides_at_top .row.solution-mes-col-row { margin-top: 130px;} .our-solution.productfeatures .row.solution-mes-col-row { margin-top: 0px;} } /* end of slides_at_top */ /* 11. About Pages start */ .about_left { position: relative; z-index: 1; padding: 110px 15px 120px 0px;} .about_left.content { padding-top: 0; padding-bottom: 0; height: 100%; display: flex; align-items: top; justify-content: center; flex-wrap: wrap;} .about_left.content .content-inner div > a { font-size: 19px;} .about_left.content .content-inner div { padding-top: 26px;} .about_left h3 { font-size: 40px; color: #39404a; font-weight: 800; margin: 20px 0 50px;} .about_left P a.newflag { color: #4687f2; font-size: 18px; font-weight: 600;} .about_left p { font-size: 17px; color: #5a646e;} .about_top { position: relative;} .about_top:after { content: ""; position: absolute; display: block; width: 50%; height: 93%; background-image: linear-gradient(#dcedf5,#cbf0ff); left: 0; top: 0; z-index: 0; border-radius: 0 0 75px 0px;} .about_turtle .row {margin-left: 0; margin-right: 0;} .about_turtle .about_left { padding: 110px 20px 20px 0px; } .about_turtle .about_left h1 { font-size: 17px; color: #4687f2; } .about_turtle .about_left h2 { font-size: 35px; color: #39404a; text-align:left;font-weight: 800; margin: 20px 0 50px;} .about_turtle .turtle_img img, .about_top .ph-img img { margin: 0 auto; display: block; padding: 80px 0;} .about_turtle .saving-turtle { width: 100%; max-width: 670px; margin: 0 auto !important; padding: 45px 0px 90px; float: none !important;} .about_turtle .saving-turtle h2 { padding-bottom: 60px; margin: 0 auto; font-size: 35px; color: #39404a; font-weight: 700;} .about_turtle .saving-turtle p, .saving-turtle ul li { font-size: 17px; color: #5c646e;} .about_turtle .sup_turtle { padding-bottom: 110px;} .about_turtle .sup_turtle .about_left { padding: 0;} .about_turtle .sup_turtle .about_left h3 { font-size: 35px; margin: 50px 0;} /* About pages end */ /* 12. Contact page Start */ section.contact-wrap-2col:before { content: ""; height: 98%; width: 60%; position: absolute; left: 0px; top: 0px; border-radius: 0 0 75px; background-image: linear-gradient(#dcedf5,#cbf0ff); z-index: -1;} section.contact-wrap-2col { padding: 80px 0px; position: relative;} section.contact-wrap-2col .text-side { padding: 0 60px;} .contact-wrap-2col h1 { font-size: 40px; margin: 0 0 50px -60px; text-align: left;} .contact-wrap-2col .text-side a { color: #5c646e; text-decoration: none;} .contact-wrap-2col .text-side a.link { color: #4e6af1; text-decoration: none;} .map-box { width: 100%; text-align: center;} .map-wrap { margin-bottom: 185px;} .map-wrap iframe { width: 100%; border: 20px solid #fff; border-radius: 0 70px 70px 70px; box-shadow: 0 0 18px 0 #ccc; height: 600px;} #contact .map-wrap { margin-top: -120px;} #contact .contact-left h3 { margin-bottom: 45px; font-size: 40px;} /* Contact page End */ /* 13. Leadership page Start */ .Leadership-wrap { padding: 35px 15px; width: 100%; float: none !important; margin: 0 auto !important; text-align: left; max-width: 1090px; padding: 60px 15px;} .Leadership-wrap h2 { font-size: 35px; margin-bottom: 30px; font-weight: 700;} .Leadership-wrap p { color: #5a646e; margin-bottom: 30px;} .Leadership-wrap p:last-child { margin-bottom: 35px;} .Leadership-members .container { max-width: 100%;} .Leadership-members .row:nth-child(2n) .text-wrap { border-radius: 50px 0px; padding: 65px 155px 60px 105px; text-align: left;} .Leadership-members .row:nth-child(2n) .text-wrap:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 270px; background: #eef7ff; border-radius: 50px 0px; z-index: -1;} .Leadership-members .row:nth-child(2n) .img-wrap .img-box { border-radius: 50px 0px; margin-top: -40px; border-top: 20px solid #fff; border-left: 20px solid #fff; border-bottom: 20px solid #fff;} .Leadership-members .img-wrap .img-box { border-radius: 50px 0px; margin-top: -40px; border-top: 20px solid #fff; border-right: 20px solid #fff; border-bottom: 20px solid #fff;} .Leadership-members .img-wrap .img-box img { border-radius: 30px 0;} .Leadership-members .text-wrap { background: #eef7ff; border-radius: 0 50px; position: relative; padding: 65px 55px 60px 55px; margin-bottom: 70px; text-align: left;} .Leadership-members .row:nth-child(2n) .text-wrap { padding: 65px 55px 60px 55px;} .Leadership-members .text-wrap:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: -230px; background: #eef7ff; border-radius: 0 50px; z-index: -1;} .Leadership-members .text-wrap h2 { text-align: left; line-height: 50px; margin-bottom: 5px;} .Leadership-members .text-wrap h6 { color: #2974df; margin-bottom: 30px;} .Leadership-members .text-wrap p { color: #5c646e; font-size: 17px;} .span12.widget-span.widget-type-cell.Leadership-members { width: 100%; margin: 0 auto !important; float: none !important; max-width: 100%;} /* Leadership End */ /* 14. Blog Post Pages */ .blog-june-single .blog_section { background: #deedf3; border-radius: 75px; padding: 110px 0 0;} .blog-june-single .blog_section h2 { font-size: 45px; text-align: center; font-weight: 700; color: #393f4a; margin-bottom: 110px;} .blog-june-single .blog_detail { background: #fff; padding: 30px; border-radius: 20px; position: absolute; top: 0; max-width: 410px; z-index: 99;} .blog-june-single .blog_detail h3 a, .blog-june-single .blog_detail h3 { font-size: 20px; color: #30353d; line-height: 30px; font-weight: 600;} .blog-june-single .blog_detail p { color: #9ea4ad; font-size: 12px; margin-bottom: 10px;} .blog-june-single .read_more { font-size: 12px; text-transform: uppercase; color: #4687f2; font-weight: 600;} .blog-june-single .blog_img { padding: 50px 0 0 50px; margin-bottom: -115px;} .blog-june-single .blog_img img { margin: 0 auto; float: none; width: 100%; max-width: 100%;} .blog-june-single .cta-section { text-align: center; margin: 0 auto;} .blog-june-single .blog-section table { border : none;} .blog-june-single .blog-section td { padding: 6px; border: none;} .blog-june-single .blogs_box .blog_img { margin: 0 auto 30px;} .blog-june-single .blogs_box .blog_detail { border-radius: 15px; filter: drop-shadow(0px 24px 51.5px rgba(61,83,193,0.15)); background-color: #ffffff;} .blog-june-single .our-solution.productfeatures { padding: 30px 12px;} .blog-june-single .our-solution.productfeatures .section-heading-box { margin-bottom: 20px;} .blog-june-single .our-solution.productfeatures .col-md-4 { min-width: 300px;} .blog-june-single .learning-section { padding: 60px 0;} .blog-june-single .learning-section { padding-top: 0 !important;} .blog-june-single .learning-section .anchor-box-col { width: 100% !important; max-width: 50% !important; flex: 0 0 50%; margin-bottom: 20px;} .blog-june-single .learning-section .anchor-box-col a { padding: 9px 0;} .blog-june-single .single_BL .standarize .cta_button { text-align: center; font-family: 'Red Hat Display',sans-serif; font-weight: 900; font-size: 20px; background-image: linear-gradient(0,#4058cb 0%,#5371ff 100%); box-shadow: 0 10px 32.5px rgba(32,57,138,0.16); border-radius: 15px; padding: 12px 12px !important; color: #fff;} .blog-june-single .BL_short .blog_detail { border-radius: 15px; box-shadow: 0 20px 19px 6px rgba(61,83,193,.05); filter: drop-shadow(0px -1px 11.5px rgba(61,83,193,0.09));} .blog-june-single .blog-postscripts { padding: 0px; margin-bottom: 12px;} .blog-june-single .blog-postscripts img { height: auto !important; max-width: 100%; border-radius: 7px;} .blog-june-single .pathsolution-first-post { padding: 85px 0 70px;} .blog-june-single .blog-section .hs-featured-image-wrapper { padding: 70px 0;} .blog-june-single #hubspot-author_data { font-size: 14px;} .blog-june-single .recent_img { margin-top: 50px;} .blog-june-single .recent_img img, .blog-june-single .sup_img img { width: 100%; max-width: 100%; float: none; margin: 0 auto;} .blog-june-single .recent_img a { display: block; height: 230px;} .blog-june-single .recent_img img { height: 100%; object-fit: cover; border-radius: 40px;} .blog-june-single .post-listing .hs-featured-image { margin: 0 auto; border-radius: 50px;} .blog-june-single .BL_short h2 { font-size: 30px; color: #39404a; font-weight: 700; text-align: left;} .blog-june-single .BL_short .blog_detail { border-radius: 15px; filter: drop-shadow(0px 24px 51.5px rgba(61,83,193,0.15)); background-color: #ffffff; position: relative; margin-top: -50px; max-width: 85%; margin-left: auto; margin-right: auto;} .blog-june-single .single_BL .hs-featured-image { float: none; max-width: 100%;} .blog-june-single .single_BL .row-fluid-wrapper.row-depth-1.row-number-10 { margin-top: 45px;} .blog-june-single .single_BL .row-fluid-wrapper.row-depth-1.row-number-10 h3 { font-weight: 600;} .blog-june-single .post_body h2 { text-align: left; font-size: 25px; line-height: initial !important; font-weight: 500 !important;} .blogs_box .event-gallery .event_detail { background: transparent; filter: none; box-shadow: none; padding-left: 0; margin-left: 0;} .blog-june-single .blogs_box .blog_img a img { width: 100%; max-width: 100%; border-radius: 50px; height: 100%; object-fit: cover;} .blog-june-single .blogs_box .blog_img a { display: block; width: 100%; height: 360px;} .blog-june-single .post-header h2 a { font-size: 35px; font-weight: 700; color: #39404a; text-align: left; display: block;} .blog-june-single .detail-content.single-page { padding: 50px 0px; padding-bottom: 30px} .icon-list li.list-group-item { background: transparent; border: 0px; padding: 0 0 0px 38px; color: #2440ca; font-weight: 700; line-height: 1.5em; position: relative;} .icon-list li.list-group-item:before { width: 8px; height: 15px; border: solid #2440ca; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; left: 6px; top: 5px;} .blog-june-single .simple_blog_cont .hs_cos_wrapper_type_module { padding-bottom: 100px;} .blog-june-single .simple_blog_cont .hs_cos_wrapper_type_module:last-child { padding-bottom: 0;} .simple_blog_cont { padding-top: 60px;} .blog-june-single .BL_detail .blog_detail { position: static; max-width: 100%;} .blog-june-single .single_BL { padding: 70px 0 150px;} .blog-june-single .BL_detail h2 { font-size: 21px; color: #000; font-weight: 700; font-family: 'IBM Plex Sans', sans-serif; margin-bottom: 0px; text-align: left; } .blog-june-single .blog-section .post-item { margin-bottom: 70px;} .blog-june-single .BL_detail h3 { font-size: 17px; color: #000; font-family: 'IBM Plex Sans', sans-serif; font-weight: 700; margin-bottom: 15px;} .blog-june-single .share_here a { font-size: 17px; color: #000; font-weight: 700;} .blog-june-single .share_here { padding: 70px 0;} .blog-june-single .comment_sec { background: #eef7ff; width: 100%; max-width: 440px; text-align: center; padding: 45px 0; border-radius: 0 40px 40px 40px;} .blog-june-single .BL_detail .comment_sec h2 { margin: 0; color: #39404a; font-size: 24px; font-family: 'Red Hat Display', sans-serif;} .blog-june-single .share_here a i { margin-left: 10px;} .blog-june-single .blog-section .more-link { text-transform: uppercase; color: #4687f2; font-weight: 600; font-size: 15px;} .blog-june-single .blog-section .custom_listing_comments { margin-top: 15px;} .blog-june-single .blog-section p { padding: 12px 3px;} .blog-june-single .blog-section .section.post-body span a img { overflow: hidden; display: unset;} .blog-june-single .blog-cta-bttn a { background: transparent !important;} .blog-june-single .blog-section .hs-featured-image-wrapper { padding: 30px 0;} .blog-june-single .blog-section .post-item { margin-bottom: 40px;} .blog-june-single .BL_detail .section.post-header h1 { font-size: 35px; font-weight: 700; color: #39404a;} .blog-june-single .span12.widget-span.widget-type-custom_widget.blog-cta-bttn { padding-bottom: 40px;} /* Blog Post Pages End * / /* 15. Tool page */ .Leadership-wrap.tools_des p { text-align: left;} .cisco_tool .Leadership-wrap { padding-top: 0;} .window_utility h5 { color: #000; font-size: 25px; font-weight: 600; margin-bottom: 15px;} .Utility_des { text-align: left;} .tools_des .window_utility { background: #ecfaff; padding: 30px; margin-top: 35px;} .cisco_tool .tools_des .window_utility { background: transparent; margin-top: 0;} .window_utility b { color: #000;} .window_utility .Leadership-wrap.tools_des { padding-bottom: 0;} .window_utility .utilities_detail p a { margin: 0 8px;} /* Tool page end */ /* 16. Support page */ .support_des ul li { text-align: left;} .Leadership-wrap.support_des p { margin-bottom: 20px;} .Leadership-wrap.support_des p strong { color: #000;} /* Support page end */ /* 17. Resource page */ .re-detail a { display: block; margin-bottom: 15px; font-size: 20px; font-weight: 500;} .re-detail { text-align: left; background: #d4eff9; padding: 30px 20px; border-radius: 10px;} .re-detail a img { text-align: center; margin: 0 auto; display: block; padding-bottom: 20px;} .col-md-3.main_re_detail { display: flex; padding: 0 7px;} /* Resource page end */ /* 18. Partners, Company pages */ .Leadership-wrap.partner_wrap { text-align: left;} .partner_wrap .content h2 { text-align: left; margin-bottom: 25px; } .partner_wrap .content p { margin-bottom: 20px;} .partner_wrap .content h3 { font-size: 20px; margin-top: 40px; font-weight: 600;} .partner_wrap .content ol li { line-height: 40px; color: #5c646e; list-style: none; position: relative; font-size: 17px; } .partner_wrap .content ul { padding-left: 20px;} .partner_wrap .content ul li { margin-bottom: 10px;} .partner_wrap .content strong { font-size: 24px; font-weight: 600; color: #39404a; } .partner_wrap .content span { color: #5a646e; font-family: 'Red Hat Display',sans-serif !important; font-size: 17px; line-height: 37px; } .partner_wrap .sidebar { margin-top: -12px; padding: 12px;} .partner_wrap .sidebar h2 { font-size: 25px; margin: 10px 0 20px;} .partner_wrap .sidebar h2 br { display: none;} .partner_wrap .sidebar-box.resource-box .resources-row { margin-bottom: 26px; } .partner_wrap .resources-row .resources-text p { color: gray; } /* Partners page end */ /* 19. Technology Partners page */ .custom-partners-inner { width: 49%; padding: 20px 15px; position: relative; text-align: center; cursor: pointer; display: inline-block; vertical-align: top;} .custom-partners-group { overflow: hidden; margin: 0 -20px;} .custom-partners-inner:hover .uabb-face.uabb-back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); z-index: 1;} .custom-partners-group { overflow: hidden; margin: 0 -20px; display: flex; flex-wrap: wrap; justify-content: space-between;} .custom-partners-inner { width: 48%; padding: 0; position: relative; text-align: center; cursor: pointer; display: inline-block; vertical-align: top; margin: 14px 9px; height: 450px; align-self: center; display: flex; box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.04); transition: all ease-in-out 0.3s;} .custom-partners-inner:hover .uabb-face.uabb-front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg);} .custom-partners-group .uabb-face.uabb-back p { width: 90%; margin: 0 auto; text-align: justify; font-size: 18px; font-weight: 600; line-height: 29px; overflow: hidden;} .custom-partners-inner:hover .uabb-face.uabb-back { transition: all ease-in-out 0.3s;} .custom-partners-inner:hover .uabb-face.uabb-back { transition: all ease-in-out 0.4s; background: #4687F2; border-radius: 10px;} .custom-partners-inner:hover .uabb-face.uabb-back p { color: white;} .custom-partners-inner:hover .uabb-face.uabb-back p a { color: #fff; font-weight: 800; text-decoration: underline; font-size: 27px; padding: 0 10px;} .uabb-flip-box-section img { width: 100%; height: 100%;} .uabb-face.uabb-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: -1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-duration: 800ms; -moz-transition-duration: 800ms; -o-transition-duration: 800ms; -ms-transition-duration: 800ms; transition-duration: 800ms; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; display: flex; align-items: center; justify-content: center;} .uabb-face.uabb-front { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-duration: 800ms; -moz-transition-duration: 800ms; -o-transition-duration: 800ms; -ms-transition-duration: 800ms; transition-duration: 800ms; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; display: flex; width: 100%; align-items: center; justify-content: center; background: #fff; position: absolute; top: 0; height: 100%;} /* Technology Partners end */ /* 20. Managed Service Providers page*/ .divswithlists img { max-width: 380px;} .divswithlists .left-group { padding: 27px; width: 69.99%; float: left;} .divswithlists .right-group { width: 30.01%; float: left; padding: 27px;} .divswithlists .left-group h3 { font-weight: 500;} .divswithlists .two-col-right-content-with-bg { margin-top: 40px; margin-bottom: 40px;} .divswithlists .content-with-left-icon .item { margin-bottom: 10px; filter: none; background: transparent; padding: 0;} .divswithlists .content-with-left-icon { margin-bottom: 35px;} .divswithlists .content-group strong { display: block;} .divswithlists .custom-services-mod { -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); padding: 0 29px 29px; margin-bottom: 46px;} .divswithlists .custom-services-mod .inner-group { padding: 27px;} .divswithlists .custom-services-mod table { width: 100%; border-collapse: collapse; margin: 0;} .divswithlists .custom-services-mod table tr { border-bottom: 1px solid #eee;} .divswithlists .custom-services-mod table tr th { text-align: left; padding: .4em; display: table-cell;} .divswithlists .custom-services-mod table tr td:first-child, .divswithlists .custom-services-mod table tr th:first-child { padding-left: 0;} .divswithlists .custom-services-mod table tr td { display: table-cell; padding: .4em;} .divswithlists .custom-services-mod table tr td img[src*="/icon-checkmark-no-circle.svg"] { width: 27px; display: block; margin-left: auto; margin-right: auto;} .divswithlists .content-group br { display: none;} .divswithlists .content-with-left-icon .item .content-group { padding-left: 50px; position: relative;} .divswithlists .content-with-left-icon .item .content-group:before { content: ''; position: absolute; left: 0; width: 30px; height: 30px; background-image: url('//2613869.fs1.hubspotusercontent-na1.net/hubfs/2613869/Path%20Solutions%20-%20October%202018%20Folder/Images/icon-checkmark-no-circle.svg'); background-repeat: no-repeat; top: 9px;} .divswithlists .two-col-right-content-with-bg h3 { margin-top: 0;} .divswithlists p.checkmark-text.indentedflex { display: none;} /* Managed Service Providers end */ /* 21. News Media Press Pages */ .news_wrap { margin-top: 50px;} .news-image { display: flex; justify-content: center; align-items: center; margin-bottom: 25px;} .image-control .news-image img { max-width: 92%; max-height: 155px; /*180-25*/} .custom-news-tab-group .col-md-6 a {text-decoration: none;} .news-blog-D .news_detail { left: 0; right: 0; margin: 0 auto; min-width: 93%; max-width: 93%; min-height: 150px; box-shadow: 3px 7px 19px 6px rgb(61 83 193 / 15%); z-index: 9; position: relative; background: #fff; padding: 30px; border-radius: 20px; border-top: 1px solid #f0f0f9; border-right: 1px solid #f0f0f9;} .news-blog-D .news_detail:hover { box-shadow: 3px 20px 19px 6px rgba(61,83,193,.25);} .news-blog-D { margin-bottom: 50px !important; position: relative; display: flex; flex-direction: column-reverse;} .news-blog-D .col-md-6 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .news-blog-D .news_detail, .news-blog-D .news_detail p { color: #313438; font-size: 14px;} .news-blog-D .news_detail em, .news-blog-D .news_detail span, .news-blog-D .news_detail p { background: transparent !important;} .news-blog-D .news_detail p { font-size: 14px;} .news-blog-D .news_detail h3, .news-blog-D .news_detail h3 a { font-size: 16px; font-weight: 600; color: #313438;} .news-blog-D p.linkmore { font-size: 14px; position: relative; font-weight: 600;color: #007bff;margin:12px 0;} .news-blog-D p.linkmore .span.cherub {margin: 0 6px;} .news-blog-D p.linkmore .cherub::before { content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 9px solid #4687f2; border-bottom: 6px solid transparent; top: 50%; transform: translateY(-50%);} } @media (max-width: 767px) { .news_page .popup-acchor-row ul { font-size: 14px; padding: 9px;} .news_page .popup-acchor-row ul li a { font-size: 14px; padding: 6px;} } /* News Media Page end */ /* 22. Widget-type-simple_menus */ .widget-type-simple_menu { background: #f0f0f0; padding: 27px; margin-bottom: 20px; box-sizing: border-box; margin-top: 60px;} .widget-type-simple_menu ul { margin: 0;} .widget-type-simple_menu ul li { display: inline-block; padding: 0 31px;} /* Widget-type-simple_menu end */ /* 23. Events, Shows, Conferences */ /*current events*/ section.events .row {margin-left 0; margin-right:0;} .ps-show-and-events .event_detail h3 { font-size: 20px; color: #30353d; width:100%;line-height: 30px; font-weight: 600;} .ps-show-and-events .event_detail p { font-size: 17px; color: #212529; width:100%; margin-bottom: 10px;} .ps-show-and-events .read_more { font-size: 15px; text-transform: uppercase; color: #4687f2; font-weight: 600;} .ps-show-and-events .event-gallery p b { color: #000;} .ps-show-and-events .PR_img { border-radius: 70px; filter: drop-shadow(0px 24px 51.5px rgba(61,83,193,0.15)); display: flex; align-items: center; justify-content: center; padding: 25px 0px;} .ps-show-and-events .PR_img img { background: transparent; border: none;} .ps-show-and-events .gallery_top .row {} .ps-show-and-events .gallery_top .event_detail { padding: 30px 0; margin: 0 auto;} .ps-show-and-events .gallery_top .event-gallery .event_detail { position: static; padding: 30px 0;} .ps-show-and-events .gallery_top .event-gallery h3 { font-size: 30px; font-weight: 700; color: #39404a;} .ps-show-and-events .gallery_top .event-gallery p { font-size: 17px;} .ps-show-and-events .linkmore a { font-size: 14px; position: relative; font-weight: 600;} .ps-show-and-events .linkmore a::before { content: ""; position: absolute; left: auto; right: -20px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 9px solid #4687f2; border-bottom: 6px solid transparent; top: 50%; transform: translateY(-50%);} /*past events */ .pre-event .row {margin-left 0; margin-right:0;} .ps-show-and-events .gallery_bottom .event_detail { background: #fff; padding: 30px; border-radius: 20px; position: absolute; top: 97px; left:5%; max-width: 80%; z-index: 99;position: static; margin: 0 auto 30px; max-width: 90%; min-height: 150px; box-shadow: 2px 10px 19px 6px rgb(61 83 193 / 15%); display: flex; flex-wrap: wrap; border-top: 1px solid #dde; border-right: 1px solid #dde;} .pre-event .event_img img { border-radius: 25px;} .ps-show-and-events .gallery_bottom .event_img { padding: 0; margin-bottom: -20px; text-align: center;} .ps-show-and-events .gallery_bottom .event_img img { margin: 0 auto 20px 0; float: none; max-width: 100%; max-height: 300px;} .ps-shows-and-events .gallery_bottom .PR_img img { max-width: 100%; border-radius: 40px; border: 20px solid #fff;} .ps-shows-and-events .gallery_bottom .PR_img a { display: block; filter: drop-shadow(0px 24px 51.5px rgba(61,83,193,0.15));} .pre-event { padding-bottom: 80px;} .pre-event h2 { font-size: 45px; margin: 60px auto;} .pre-event p b { color: #000;} @media (max-width: 767px) { .ps-show-and-events .popup-acchor-row ul { font-size: 14px; padding: 9px;} .ps-show-and-events .widget-type-simple_menu ul li a { font-size: 14px; padding: 6px;} .ps-show-and-events .popup-acchor-row ul { font-size: 14px; padding: 9px;} .ps-show-and-events .widget-type-simple_menu ul li a { font-size: 14px; padding: 6px;} } /* Events, Shows, Conferences end */ /* 24. Case Study section */ .case-study-blog-section { margin-bottom: 40px;} .blog-case-studies .featurerow.solution-mes-col-row { flex-wrap: wrap; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;} .blog-case-studies .section-heading-box {margin-bottom: 20px; } .blog-case-studies .our-solution { padding: 20px 0 20px; } .col-block-wrap .solution-box {background: none;} .col-block-wrap.mess-col:nth-child(4n+0) {background: #D9EAD3;} .col-block-wrap.mess-col:nth-child(4n+1) {background: #D0E0E3;} .col-block-wrap.mess-col:nth-child(4n+2) {background:#CFE2F3;} .col-block-wrap.mess-col:nth-child(4n+3) {background:#D9D2E9;} .cases h3 a,.cases h3 a:visited {color: #39404a!important;} /* 25. Solution page - Benefits sections */ #benefits-wrap { background: #dcedf5; margin-top: 50px; padding-bottom: 127px; margin-bottom: -71px; } #benefits-wrap h3 { font-weight: 800; color: #39404a; } #benefits-wrap .flexcontainer-qr { justify-content: space-evenly; -webkit-justify-content: space-evenly; padding: 60px 0; } #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box { width: 32%; transition: all ease-out .5s; background: #fff; border-radius: 15px; padding-top: 25px; padding-bottom: 23px; box-shadow: 17px 29px 103px rgba(0, 0, 0, 0.015); } #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box:hover { transform: scale(1.04); border-radius: 32px !important; transition: all ease-in 0.5s; } #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box .description p { line-height: 24px; } #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box h5 { text-align: end;padding-right: 12px; font-weight: 600; } #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box p.designation { text-align: end; color: #6c6c6c;padding-right: 12px; font-size: 16px; font-weight: 600; line-height: 24px; margin-top: -2px; } .mesonary-col-wrapper { columns: 3; column-gap: 20px; overflow: auto; padding: 0 15px; } .masonary-box.benefit-box { width:32%; background: #fff; padding: 30px; border-radius: 15px; display: inline-block; box-shadow: 0px 17px 51.5px rgba(91,149,172,0.15); margin-bottom: 20px; } .benefits .section-heading-box { margin-bottom: 50px; } section.benefits { padding: 60px 0px; border-radius: 75px; overflow: hidden; background-image: linear-gradient(0deg, #cbf0ff 0%, #deedf3 100%); } .benefit-box .icon-box i { color: #759cad; font-size: 22px; } .benefit-box .icon-box { display: -ms-flexbox; display: flex; margin:auto; align-items: center; justify-content: center; height: 80px; width: 80px; border-radius: 100%; background: #cae7f9; } .benefit-box h3 { color: #30353d; font-size: 24px; font-weight: 700; margin: 30px 0px 40px; } .benefit-box p { color: #6c6c6c; font-weight: 400; } #solution_benefit { margin-top: 50px; margin-bottom: 35px; } #solution_benefit .benefit_row .mesonary-col-wrapper .masonary-box.benefit-box { width: 29%; margin: 15px 15px; box-shadow: 0px 17px 51.5px rgba(91,149,172,0.15); background: #fff; padding: 30px; border-radius: 15px; margin-bottom: 20px; } @media(max-width:991px){ .masonary-box.benefit-box {width:48.5%;} #solution_feture .col-block-wrap.mess-col, .txt_cta-block.col_three .loop-box, #solution_benefit .benefit_row .mesonary-col-wrapper .masonary-box.benefit-box { width: 100%; margin: 10px 0px; padding: 15px; } #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box { width: 100%; padding-top: 30px; transition: all ease-out 0.5s; padding-bottom: 7px; margin-bottom: 10px; } #benefits-wrap h3 { padding-bottom: 10px; padding-top: 11px; } } @media(max-width:767px){ #benefits-wrap .flexcontainer-qr {padding: 20px 0;} } @media(max-width:640px){ .masonary-box.benefit-box {width: 100%;} .benefits .section-heading-box { margin-bottom: 30px; } section.benefits { padding: 40px 0px; border-radius: 35px; } .mesonary-col-wrapper {columns: 1;} .benefit-box h3 { font-size: 20px; margin: 20px 0px 20px; } .benefit-box p {font-size: 14px;} } @media(max-width:480px){ #benefits-wrap .flexcontainer-qr .quote-lp.masonary-box.benefit-box .description p { line-height: 24px; width: 90%; margin: 0 auto; } } /* Solutions, benefit end */ /* 26. Fact Sheets */ .fact-sheets .about_left {padding: 0;} .fact-sheets .download-wrap .col_two .about_left {padding: 0;} .bg-grey { background-color: #e5e5e5; padding:12px;} /* 27. library Page */ .library-content-col { width: 48%; background: #fff; margin: 16px 0; padding: 20px 30px; border-radius: 16px; } .single .library-content-col { width: 100%; } .library-content-col .custom-blog-site-search { background: #fff; padding: 0; border-radius: 0; margin: 0; } .library-content-row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: space-between; } .library-content-col p strong { font-size: 21px; margin-bottom: -11px; display: block; } .library-content-col p { line-height: 30px; } .library-content-col .watch-btn a { color: #2D7BD4; font-size: 18px; letter-spacing: 1px; } .library-content-col .watch-btn a img { width: 29px; height: 23px; transform: translate(5px,5px); } .library-wrapper-seciton .section-heading p strong { line-height: 43px; letter-spacing: 1px; } @media(max-width:767px){ .library-content-col { width: 100%; background: #fff; margin: 16px 0; padding: 10px 10px; border-radius: 10px; } } /* end library */ /* 28. Buttons and CTA-buttons */ .btn { background: #4687f2; padding: 16px 35px; border: 1px solid #4687f2; color: #fff; font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.5em; text-transform: capitalize;} .btn:focus { outline: none; box-shadow: none;} .btn:hover { color: #4687f2; background: #fff;} .btn-blue { font-size: 18px; font-weight: 500; border-radius:6px; } .instant-wrapper a { background: #fff; padding: 13px 75px !important; font-weight: 500 !important; font-size: 21px !important; border-radius: 17px; } .instant-wrapper .content-cta { margin-top: 50px; } .blue-section .instant-wrapper a { color:#445dd5; padding: 13px 55px; font-size: 18px !important; margin: 20px; background: #fff; font-weight: 500 !important; border-radius: 17px; line-height: 2.7em; border: 1px solid #4687f2; } .popup-acchor-row .cta_button { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-family: 'Red Hat Display', sans-serif; color: #fff; font-weight: 900; font-size: 21px; line-height: 1.5em; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background-image: linear-gradient(0deg, #4058cb 0%, #5371ff 100%); box-shadow: 0px 10px 32.5px rgba(32,57,138,0.16); border-radius: 15px; padding: 30px; transform: scale(1); } .btn-white h4,.btn-white p {color: #fff;} a.button-blue-embedded p {color: #fff;} .features-btn { font-size: 21px; background-image: linear-gradient(0deg, #4058cb 0%, #5371ff 100%); box-shadow: 0px 10px 32.5px rgba(32,57,138,0.16); border-radius: 15px; color: #fff; margin-top: 15px; display: inline-block; margin-bottom: 40px; padding: 10px 35px; } a.features-btn:hover { text-decoration: none; color: #fff; } /*28a. Popup Anchor Row - big grid type of buttons */ .biggrid .popup-acchor-row { display: inline-flex; flex-wrap: wrap; gap: 24px; justify-content: left; } .row.popup-acchor-row { margin-right: 24px; margin-left: 0px; } .biggrid .popup-acchor-row .col-md-3 { max-width: 23%; } .biggrid .popup-acchor-row a.cta_button { height: 100% !important; display: flex !important; font-size: 21px !important; background-image: linear-gradient(0deg, #4058cb 0%, #5371ff 100%) !important; box-shadow: 0px 10px 32.5px rgba(32,57,138,0.16); border-radius: 15px !important; padding: 15px 15px !important; font-family: 'Red Hat Display', sans-serif !important; font-weight: 900 !important; } .popup-acchor-row .cta_button:hover { color: #fff; text-decoration: none; transform: scale(1.01); } @media (max-width: 1365px){ .popup-acchor-row { margin-top: 70px; } .biggrid .popup-acchor-row a.cta_button{ font-size: 18px !important; padding: 10px 15px !important; } } @media (max-width: 900px){ .biggrid .popup-acchor-row { gap: 18px; } .row.popup-acchor-row { margin-right: 18px; } .biggrid .popup-acchor-row a.cta_button { height: 75px !important; margin-bottom: 20px; font-size: 16px !important; padding: 7px 15px !important; } } @media (max-width: 767px){ .biggrid .popup-acchor-row { gap: 15px; justify-content: center; } .biggrid .popup-acchor-row .col-md-3 { max-width: 220px; } .biggrid .popup-acchor-row a.cta_button { height: 75px !important; margin-bottom: 20px; font-size: 16px !important; padding: 7px 15px !important; } } .biggrid.cta-learning-section .popup-acchor-row { justify-content: center; width: 100%; margin-bottom: 9%;margin-left:-10%;} .biggrid.cta-learning-section .anchor-box-col.col-md-5 { max-width: 270px; } .biggrid.cta-learning-section .popup-acchor-row a.cta_button { font-weight: 700 !important;} /* container for flex rows of buttons */ .flexed-cta .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: baseline; line-height: 70px; } @media (max-width: 767px) { .instant-wrapper a, .blue-section .instant-wrapper a { padding: 13px 15px !important; font-size: 18px !important; } } /* more containers for buttons */ .txt_cta-block.col_two {display: flex; align-items: center;} .txt_cta-block.col_two .loop-box {width: 50%; padding-right: 80px;} .txt_cta-block.col_two .loop-box img {width: 100%!important;} .txt_cta-block.col_two .loop-box a {background: #3a7ff9; color: #fff; padding: 18px 36px; margin-top: 14px; display: inline-block;} .cta-wrapper.col_two {display: flex;} .cta-wrapper.col_two .cta-btn-btn {width: 48%;} .cta-box span a { background: rgb(53,116,227) !important; color: #fff; border: 1px solid #3a7ff9; padding: 13px 42px; text-align: center; margin-top: 0; border-radius: 6px; font-size: 21px;} .txt_cta-block.col_three {display: flex; padding-bottom: 50px;} .txt_cta-block.col_three .loop-box {width: 33%; margin: 0 26px;} @media (max-width: 991px) { .txt_cta-block.col_two {flex-direction: column;} .txt_cta-block.col_two .loop-box {width: 100%; padding-right: 00px;} .txt_cta-block.col_two .loop-box a {padding: 13px 17px; margin-bottom: 15px;} } /* 29. Site search forms */ .search-page .prelude_banner h1 { margin: 0 auto; } .custom-blog-site-search { background: #F1FBFF; padding: 20px 20px 0 20px; border-radius: 15px; margin:20px auto; max-width: 500px; } .custom-blog-site-search .hs-search-field__bar form input { width: 100%; display:inline; background: #fff; border: solid 2px #e1e2e7; padding: 9px; border-radius: 7px; } .custom-blog-site-search .hs-search-field__bar form input:focus { border: solid 2px #4687f2; font-weight: 600; color: #4687f2; opacity: 1; font-size: 19px; } .custom-blog-site-search input.hs-search-field__input { color: #666; background: #fff; outline-offset: -2px; font-size: 0.9375rem; font-weight: normal; line-height: 1.5; box-sizing: border-box; box-shadow: none; } .custom-blog-site-search input.hs-search-field__input:focus{ color: #222; border-color: #333; } .custom-blog-site-search input[type="text"], input[type="search"] { max-width: 500px; width: 100% !important; transition: border .2s linear,box-shadow .2s linear; border-radius: 7px; display: block; margin: 0 0 20px; } .custom-blog-site-search button.search-submit { bottom: 3px; height:36px; background:transparent; padding: 0.5em 1em; position: absolute; top: 3px; background-color: #FFF; border: 0; border-radius: 2px; color: #222; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 800; line-height: 1; transition: background 0.2s; left: auto; width: 36px; right: 16px; } .custom-blog-site-search button.search-submit:hover { background: #DDD; } .custom-blog-site-search button.search-submit svg { height: 24px; top: -2px; width: 24px; display: inline-block; fill: currentColor; position: relative; } .custom-blog-site-search input.hs-search-field__input::-webkit-input-placeholder, .custom-blog-site-search input.hs-search-field__input::-moz-placeholder, .custom-blog-site-search input.hs-search-field__input:-ms-input-placeholder { opacity:1; color: #333; } .hs-search-field__suggestions #results-for { display: block; background:rgba(0,0,0,0.01); } .hs-search-field--open .hs-search-field__suggestions { color: #313438; background:rgba(0,0,0,0.01); padding:6px; font-size:.9em; border: 1px solid #c0c6cc; border-radius: 7px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1), 0 6px 10px 0 rgba(0,0,0,0.1); transition: .3s ease-in-out; } .hs-search-field__suggestions a { display: block; border: 0px none; padding:6px; color: #313438; } .span12.widget-span.widget-type-cell.center50percent { width: 50%; margin-left: 25%; } .center50percent .custom-blog-site-search input[type="text"], input[type="search"] { max-width: auto; } .center50percent .custom-blog-site-search button.search-submit { right: 1em; } /*end site-search */ /* 30. video display elements */ .single-media-box { position: relative; overflow: hidden; border-radius: 75px 75px 0px 75px; margin-left: 10%; } .single-media-box-2 { position: relative; } #video-col-block h1 > div { color: #39404a; font-size: 50px; font-weight: 800; line-height: 69px; padding-bottom: 50px; } #video-col-block .lefthand h1 > div { font-weight: 700; font-size: 36px; font-weight: 700; line-height: 44px; padding-bottom: 0; } #video-col-block .lefthand .videowrapper a img { max-height: 300px !important; height:100%; margin-bottom:24px; } #video-col-block .videowrapper p a img { border-radius: 0; } #video-col-block .content h1 { font-size: 1.4rem; font-family: 'Red Hat Display',sans-serif; font-weight: bold; font-style: normal; } #video-col-block .content h3 { font-weight: 800; padding-bottom: 22px; color: #39404a !important; } #video-col-block .playlist h3 { margin: 0; } #video-col-block .text-cta p.trouble { width: 100%; margin: 0 10px; } #video-col-block .text-cta { display: flex; display: -webkit-flex; } #video-col-block .text-cta .hs-cta-wrapper { margin-top: 47px; display: block; } #video-col-block .text-cta .hs-cta-wrapper span { display: block; } #video-col-block .row.solution-mes-col-row h3 { padding-bottom: 0; padding-top: 35px; margin-bottom: 26px; } #video-col-block .row.solution-mes-col-row img { width: 100%; } #video-col-block .learning-section { padding-top: 0; margin-top: 0; } #video-col-block .span4.widget-span.widget-type-cell .accentblue { display: block; } #video-col-block .accentblue strong, #video-col-block .content h3 .accentblue { display: block; text-align: center; background: #526ffd; padding: 18px 12px; color:#fff; border-radius: 20px 20px 0px 0px; } #video-col-block .videowrapper p.duration { font-style: italic; font-size: 15px; margin: 0 0 24px 0; } #video-col-block .col-wap-block { margin: 10px 0; padding:0px; } #video-col-block .playlist p { background: #f1fbff; text-align: left; padding: 3px 23px; color: #6c6c6c; margin: 3px 0; border-radius: 0px; font-weight: 500; text-align:left; } #video-col-block .playlist a, #video-col-block .playlist a:visited {color: #007bff;} #video-col-block .playlist a:hover, #video-col-block .playlist a:active {color:#4d2f59; text-decoration:underline;} .masterclass #video-col-block .videowrapper p.duration { border-bottom:1px solid #333; padding-bottom: 6px; } #video-col-block .txt_cta-block.col_two { display: flex; justify-content: space-between; } #video-col-block .txt_cta-block.col_two .loop-box { width: 48%; } #video-col-block .loop-box .cta-btn-btn span { width: 100%; display: block; } #video-col-block .loop-box .cta-btn-btn span a { width: 100%; display: block; text-align: center; font-size: 21px; font-weight: 600; background: linear-gradient(0,#4058cb 0%,#5371ff 100%); color: #fff; padding: 15px 0; border-radius: 20px; } #video-col-block .loop-box p { min-height: 64px; } #video-col-block .txt_cta-block { padding-bottom: 50px; } #video-col-block .txt_cta-block.col_one p { min-height: auto !important; padding-top: 20px; padding-bottom: 30px; } #video-col-block .txt_cta-block.col_two .loop-box .content-color { padding-bottom: 42px; } #video-col-block .videowrapper a img { height: 550px !important; width: 100% !important; object-fit: contain !important; } #video-col-block .lefthand .videowrapper a img { height: 100% !important; } #video-col-block.video-series-col .videowrapper a img { height: auto !important; object-fit: cover !important; } #video-col-block.video-series-col h1 > div { font-size: 40px !important; } #video-col-block.video-series-col .txt_cta-block { padding-bottom: 0; } #video-col-block a.fancybox-media img { width: 100% !important; height: auto !important; } #video-col-block .sidebar { margin-top: -12px; padding: 12px;} #video-col-block .sidebar h2 { font-size: 20px; margin-top: 30px;} #video-col-block .sidebar .resources-row .resources-text h3{ font-size: 16px; margin-bottom: 3px;} #video-col-block .sidebar .resources-row .resources-text p{ font-size: 14px;} #video-col-block.span12 .col-col2 { width: 100%;} #featured-box-wrap .video-text-webi table h2 span { color: #39404a !important; padding-right: 20px; line-height: 44px; } #featured-box-wrap .video-text-webi table div { max-width: 100%; color: #30353d !important; padding-top: 20px; } #featured-box-wrap .video-text-webi table span a { padding: 17px 31px !important; margin-top: 20px; font-weight: 600 !important; background: #0000EE; color: #fff; } .video-series-col { width: 60% !important; margin: 0 auto !important; float: none !important; } .video-series-wrap #full-column { padding-left:0; padding-right:0; } .video-series-wrap #full-column h1, .video-series-wrap #full-column h2, .video-series-wrap full-column h3 { padding-left:0px; padding-right:0px; } .video-series-wrap h1 {font-size: 33px;} .video-series-wrap.masterclass h1 { font-size: 24px; margin-bottom: 22px;} .video-series-col #total-view.paddingt40 { padding-top: 0px ; } .video-series-wrap .cta-box { margin: 30px 0; } .video-col-block h3 { padding-bottom: 20px !important; } .video-col-block .col-md-3.col-sm-6.anchor-box-col { max-width: 100%; flex: 0 0 52%; } .video-col-block .col-md-3.col-sm-6.anchor-box-col span a { padding: 16px 0 !important; line-height: 0 !important; font-weight: 600 !important; } .video-col-block .row-fluid-wrapper.row-depth-1.row-number-5 { max-width: 1000px;width: 100%; padding-left: 15px; padding-right: 15px; } .video-col-block h1 > div { font-size: 40px !important; line-height: 52px !important; } .video-col-block .our-solution.network_performance { padding-top: 0 !important; } .video-col-block .network_performance .popup-acchor-row { margin-top: 35px; } #top-content-block .videowrapper { width: 100%; height: 507px; max-height: 510px; } .responsivelp #top-content-block .videowrapper { height: auto; } #top-content-block .videowrapper img { width: 100%; height: 450px; object-fit: cover; border-radius: 0px 45px 45px 45px; } .responsivelp #top-content-block .videowrapper img { height: 400px; object-fit: contain; } .feature-top-responsive .videowrapper p { padding:0; } #featured-box-wrap .video-text-webi { padding: 60px 20px 0 20px; } #featured-box-wrap .video-text-webi img { width:40vw; max-width: 500px; border-radius: 0 35px 35px 35px; } #featured-box-wrap .video-text-webi table tr td h2 { font-size: 24px !important; } #featured-box-wrap .video-text-webi table tr { height: auto !important; } #featured-box-wrap .video-text-webi table tr div { font-size: 20px; color: #757e8b !important; padding-right: 20px; } #featured-box-wrap .video-text-webi table span a { border-radius: 17px !important; } .video-text-webi { display: flex; display: -webkit-flex; } .video-text-webi .responsivetbl { width: 50%; margin-left: 56px; align-self: center; } .responsivelp #top-content-block .videowrapper { width: 92%; } .row.video-box-row { margin: 0px; } .row.video-box-row .video-box-col { padding: 0px; } .video-box-col h2 { text-align: left; font-size: 45px; line-height: 1.3em; margin: 0px 0px 20px; } .video-box-col a { color: #4687f2; font-family: 'Red Hat Display', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 700; } .video-box-col a:hover { text-decoration: none; } .row.video-box-row .video-box-col.text-col { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding: 0px 200px; } .staggeredvideo .row.video-box-row .video-box-col.text-col { padding: 0px 60px;} .video-box { height: 565px; overflow: hidden; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat !important; background-size: cover !important; background-position: center right !important; } .video-col .video-box.media-left { border-radius: 100px 100px 0px 100px; } .video-col .video-box.media-right { border-radius: 0px 100px 0px 100px; } .video-modal .modal-content { background: transparent; border: 0px; } .video-modal .modal-body { padding: 0px; } .video-modal .modal-header { padding: 0px; border: 0px; position: relative; } .video-modal .modal-header button.close { position: absolute; z-index: 99; background: transparent; opacity: 1; height: 30px; width: 30px; padding: 0px; right: 0px; } .video-modal .modal-header button.close span { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #000; font-size: 20px; line-height: 20px; background: #fff; } section.video-section { position: relative; } section.video-section:before { content: ""; height: 600px; background: #deedf3; position: absolute; left: 0px; right: 0px; margin: auto; top: 50%; transform: translateY(-50%); border-radius: 100px; max-width: 1175px; width:60%; } .video-box button { height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; border-radius: 80px; border: 0; box-shadow: 0 0 0 10px #ffffff4f; cursor: pointer; outline: none !important; } .one-video-display label, .one-video-display ul li.hs-form-checkbox { font-size: 15px; } /* 30b. videos - white play buttons */ .play-button { height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; border-radius: 80px; border: 0; background-color: #ffffff; box-shadow: 0 0 0 10px #ffff4f; cursor: pointer; outline: none !important; animation: shadow-pulse 1s 1; -webkit-animation:shadow-pulse 1s 1; -moz-animation:shadow-pulse 1s 1;} .play-button .arrow-right { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #b3aaa0; border-radius: 3px; font-size: 14px; margin-left: 3px;} .red .play-button, .single-media-box.red .play-button { background-color: #ff000088 !important; box-shadow: 0 0 0 0 #30302d; } .red .play-button .arrow-right { width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid #ffffff; border-radius: 1px; font-size: 22px; } .play-button i { /*deprecated arrow*/ font-size: 14px; color: #b3aaa0; } .video-box button.btn { background: transparent; border: 0px; } /*deprecated keyframes*/ @keyframes -webkit-shadow-pulse{ 0% { box-shadow: 0 0 0 0px rgba(255,255,255, 0.2); } 100% { box-shadow: 0 0 0 25px rgba(255,255,255, 0); } } @keyframes shadow-pulse{ 0% { box-shadow: 0 0 0 0px rgba(255,255,255, 0.2); } 100% { box-shadow: 0 0 0 25px rgba(255,255,255, 0); } } .single-media-box .play-button { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); right: 0px; margin: auto; } .responsivelp .single-media-box .play-button { position: absolute; left: 39%; right:auto; top: 50%; transform: translateY(-80%); margin: auto; } .single-media-box-2 .play-button { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); right: 0px; margin: auto; } /* 30c. Video trainings and webinar section-galleries */ .videogallery .trainingCol .vgal_detail { background: #fff; padding: 30px; border-radius: 20px; position: absolute; top: 97px; max-width: 80%; z-index: 99;} .videogallery .trainingCol .vgal_detail h3 a, .videogallery .trainingCol .vgal_detail h3 { font-size: 20px; color: #30353d; line-height: 30px; font-weight: 600;} .videogallery .trainingCol .vgal_detail p { color: #9ea4ad; font-size: 12px; margin-bottom: 10px;} .videogallery .trainingCol .read_more { font-size: 14px; text-transform: uppercase; color: #4687f2; font-weight: 600;} .videogallery .trainingCol .vgal_img { padding: 0 15px; margin-bottom: -115px;} .videogallery .trainingCol .vgal_img img { margin: 0 auto; float: none; width: 100%; max-width: 100%;} .trainingCol { margin-bottom: 210px; position: relative; } .trainingCol .vgal_detail { top: 80%; left: 0; right: 0; margin: 0 auto; max-width: 80%; min-height: 235px; box-shadow: 2px 10px 19px 6px rgba(61, 83, 193, .15); display: flex; flex-wrap: wrap; z-index: 9; border-top: 1px solid #dde; border-right: 1px solid #dde; } .trainingCol .vgal_detail:hover { box-shadow: 2px 13px 19px 6px rgba(61, 83, 193, .25); } .training_section .trancol_sec {margin-bottom: 12px;} .trainingCol .vgal_detail p span { color: #4687f2; } .trainingCol .vgal_detail p.trainingCol_txt { color: #5c646e; font-size: 17px; text-transform: inherit; } .trainingCol .vgal_detail a { font-size: 16px; position: relative; align-self: flex-end; } .trainingCol .vgal_detail a::before { content: ""; position: absolute; left: auto; right: -20px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 9px solid #4687f2; border-bottom: 6px solid transparent; top: 50%; transform: translateY(-50%); } .trainingCol .vgal_detail a:hover::before{ border-left-color: #0056b3; } .vgal_detail_up { width: 100%; } /* end video training sections */ /* 30d. Webinar display sections - videos */ .recorded-webinar-section .trainingCol { margin-bottom: 130px !important; position: relative; display: flex; flex-direction: column-reverse; } .recorded-webinar-section .trainingCol .vgal_detail { position: relative; margin-top: 10px; } .recorded-webinar h3 { color: #39404a; text-align: center; font-weight: 900; margin: 36px 0 22px 0; } .web_left { text-align: left; } .web_left h3 { font-size: 20px; } .web_img img { width: 100%; } .webinar_wrap hr { margin: 40px 0; } .related_topic { text-align: left; } .related_topic p { margin-bottom: 10px; } /* end webinar display sections */ /* 30e. Twit Bits video series - 2 column video series pages */ .twit_bits .custom-two-col-equal-mod { padding-top: 41px; padding-bottom: 21px; } .twit_bits .custom-two-col-equal-mod { display: flex; flex-wrap: wrap; justify-content: space-between; } .twit_bits .custom-two-col-equal-mod .popup-two-grid { width: 47%; margin-bottom: 44px; } .twit_bits .custom-two-col-equal-mod .popup-two-grid .recourse_thumbnail a { display: block; width: 100%; } .twit_bits .custom-two-col-equal-mod .popup-two-grid .recourse_thumbnail a img { max-width: 100% !important; width: 100%; height: auto; } .twit_bits .custom-two-col-equal-mod .popup-two-grid .recourse_thumbnail a img { max-width: 100% !important; width: 100%; height: auto; border: 10px solid #eef4ff; border-radius: 50px 50px 50px 50px; } .popup-content-col { box-shadow: 0px 20px 19px 6px rgba(61,83,193,.15); padding: 30px; max-width: 80%; margin: 9px auto; border-radius: 20px; padding-top: 24px; background: #fff; margin-top: -60px; position: relative; z-index: 9999; } .popup-content-col strong { display: flex; align-items: center; color: #4687F2; } .popup-content-col strong img { margin-left: 9px; } /*end Twit bits video series */ /* 30f. Video display - Responsive media */ @media (max-width: 1599px){ .video-box-col h2, .section-heading-box h2{font-size: 35px;} .video-box {height: 400px;} .row.video-box-row .video-box-col.text-col {padding: 0px 150px;} .staggeredvideo .row.video-box-row .video-box-col.text-col { padding: 0px 60px;} } @media (max-width: 1279px){ .row.video-box-row .video-box-col.text-col {padding: 0px 6%;} .videogallery .trainingCol .vgal_detail h3 a, .videogallery .trainingCol .vgal_detail h3, .ps-shows-and-events .trainingCol .event_detail h3 a, .ps-shows-and-events .trainingCol .event_detail h3{ font-size: 16px;line-height: 26px;} } @media (max-width: 1025px){ .video-box-col h2, .section-heading-box h2 {font-size: 28px;} .video-box {height: 300px;} } @media(max-width:991px){ #video-col-block h1 > div { line-height: 35px; padding-bottom: 15px; } #video-col-block .span12.widget-span.widget-type-widget_container {padding-top: 15px;} #video-col-block .text-cta { flex-direction: column; -webkit-flex-direction: column; } #video-col-block .text-cta p.trouble { width: 100%; margin: 10px 0px; } #video-col-block .text-cta .hs-cta-wrapper {margin-top: 15px;} #video-col-block .row.solution-mes-col-row .col-md-4.mess-col, #video-col-block .learning-section .col-md-3.col-sm-6.anchor-box-col { max-width: 100%; flex: 0 0 100%; margin-bottom: 0; } #video-col-block .row.solution-mes-col-row .col-md-4.mess-col img {height: auto;} #video-col-block .videowrapper p a img {border-radius: 0 30px 30px 30px;} #top-content-block .videowrapper img { height: auto; border-radius: 0px 20px 20px 20px; } .responsivelp #top-content-block .videowrapper img { height: 350px; border-radius: 0px 20px 20px 20px; } #top-content-block .videowrapper { width: 100%; height: auto !important; max-height: 100% !important; } #video-col-block h1 > div { font-size: 30px; line-height: 42px; padding-bottom: 0; } #video-col-block .txt_cta-block.col_two {flex-direction: column;} #video-col-block .txt_cta-block.col_two .loop-box, #video-col-block .txt_cta-block.col_two .loop-box { width: 100%; } #video-col-block .loop-box p { min-height: auto; padding-top: 20px; padding-bottom: 20px; } #video-col-block .loop-box .cta-btn-btn span a { font-size: 18px; padding: 10px 0; border-radius: 20px; } #video-col-block .txt_cta-block {padding-bottom: 20px;} #featured-box-wrap .video-text-webi table span a { padding: 9px 31px !important; font-size: 18px !important; } #featured-box-wrap .video-text-webi { padding-top: 30px; display: flex; flex-direction: column; } .video-text-webi .responsivetbl { width: 100%; margin-left: 0; align-self: center; float: none !important; } .web-show-conf .upcomming_bar li a { font-size: 18px; padding: 15px 20px; } .videogallery .trainingCol .vgal_detail{ max-width: 80%;} } @media(max-width:767px){ .media-side .single-media-box { margin-left: 3%; margin-right:3%;} #video-col-block {padding-top: 0;} #video-col-block h3 {padding-bottom: 0;} #video-col-block .loop-box p { min-height: auto; padding-top: 0; padding-bottom: 0; } #video-col-block .videowrapper a img { height: 100% !important; max-height:550px; } .row.video-box-row .video-box-col.text-col { padding: 20px 20px; order: 2; } .video-col .video-box.media-left {border-radius: 20px;} section.video-section { position: relative; padding: 0 15px; } section.video-section:before { height: 400px; top: 50%; border-radius: 25px; } .video-box { height: 250px;} .video-box-col h2, .section-heading-box h2 {font-size: 24px;} .video-col .video-box.media-right {border-radius: 20px;} .video-col-block h1 > div { line-height: 33px !important; padding-right: 20px; } .video-col-block .col-md-3.col-sm-6.anchor-box-col { max-width: 100%; flex: 0 0 100%; } .video-col-block .network_performance .popup-acchor-row {margin-top: 10px;} .feature-top-responsive .videowrapper p { padding-right: 0px !important; padding-left: 0; } .recorded-webinar-section .trainingCol { margin-bottom: 12px !important; } .recorded-webinar-section .trainingCol .vgal_detail , .videogallery .trainingCol .vgal_detail{ position: relative;top: 106px; left: 0; max-width: 90%; margin: 0 auto 106px; box-shadow: 0 13px 21.5px rgba(112,119,153,0.28); z-index: 99;} .videogallery .trainingCol .vgal_img img{ width: 90%;margin-left:5%;height: auto; padding: 0; margin-bottom: 0; text-align: center;} .trainingCol .vgal_detail { margin: 0; left: 0; right: 0; margin: 0 auto; } .web_left { margin-top: 20px; } .webinar_wrap hr { margin: 20px 0; } .web-show-conf .upcomming_bar li a { font-size: 14px; } section.training_section { padding: 30px 0; } .trainingCol { margin-bottom: 0px; } .trainingCol .vgal_detail { margin: 0; left: 5%; top: 50px; } .twit_bits .custom-two-col-equal-mod .popup-two-grid { width: 100%; margin-bottom: 20px; } .popup-content-col { padding: 15px; max-width: 90%; margin-top: -60px; } } @media(max-width:700px){ #featured-box-wrap .video-text-webi img { border-radius: 25px; height: auto; float: none !important; max-width: 90vw; margin: 10px auto; } } @media(max-width:640px){ .trainingCol .vgal_detail p.trainingCol_txt, .trainingCol .vgal_detail a { font-size: 14px; } .trainingCol .vgal_detail { margin-top:65px; padding: 20px; max-width: 85%; } .videogallery .trainingCol .vgal_detail{ padding: 20px;} .videogallery .trainingCol .vgal_detail .blog_meta p{ font-size: 12px;} } @media(max-width:480px){ #video-col-block .text-cta .hs-cta-wrapper span a, #video-col-block .learning-section .hs-cta-wrapper span a { width: 86% !important; padding: 9px 19px !important; } #video-col-block .accentblue strong {padding: 18px 0;} #video-col-block h1 > div { font-size: 22px !important; line-height: 31px; padding-bottom: 0; padding-right: 20px; } } /* end video display elements*/ /* 31. Page Banner area - prelude after navigation */ .prelude_banner { background-image: linear-gradient(#dcedf5,#cbf0ff); display: flex !important; display: -webkit-flex !important; text-align: center; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; padding: 80px 0; border-radius: 0 0 70px 70px !important; } .prelude_banner h1 { letter-spacing: 0px; padding-top: 0; font-size: 50px; color: #39404a; font-weight: 700; margin-top: 0; margin-bottom: 0; } .prelude_banner p { font-size: 17px; color: #5c646e; } .prelude_banner .container { max-width: 790px; } .prelude_banner.top__banner { border-radius: 0; } .prelude_banner.top__banner p a { color: #4687f2 !important; } /* 31a. page banners with submenus */ section.banner_with_submenu.prelude_banner { padding: 60px 15px 0 15px; } .banner_with_submenu .prelude_banner { text-align: center; background-image: linear-gradient(#dcedf5,#cbf0ff); padding: 60px 25px 0 25px; position: relative; border-radius:0 40px 0 40px; } .banner_with_submenu .prelude_banner .container { max-width: 900px; } .banner_with_submenu .prelude_banner h1 { margin: 0 auto 16px auto; } .banner_with_submenu .popup-acchor-row { background: none; padding: 0 27px; margin: 14px 0 0 0; box-sizing: border-box; border-radius: 0; text-align: center; } .banner_with_submenu .row.popup-acchor-row { margin: 14px 0 0 0; display: block; } .banner_with_submenu .popup-acchor-row ul { margin: .5rem auto 0 auto; padding: 0; background: none; z-index: 100; bottom: 0; } .banner_with_submenu .popup-acchor-row ul li { display: inline-block; min-width: 150px; white-space: nowrap; } .banner_with_submenu .popup-acchor-row ul li a{ display: inline-block; font-size:16px; font-weight: 500; text-decoration:none; color: #fff; background-color: #007bff; box-shadow:2px -2px 7px 0px rgba(22, 57, 155, .20); padding: 6px 14px; border-radius:10px 10px 0 0; margin: 0 2px; width:97%; overflow-x:visible; } .banner_with_submenu .popup-acchor-row ul li a:hover{ box-shadow:2px -2px 2px 1px rgba(22, 57, 155, .40); } .banner_with_submenu .popup-acchor-row li.hs-menu-item.hs-menu-depth-1.active.active-branch a { text-decoration:none; color: #212529; background-color: #fff; } @media (max-width: 1279px){ .prelude_banner h1 { font-size: 40px; margin-bottom: 6px; } } @media(max-width:991px){ .prelude_banner { padding: 70px 5%; } .prelude_banner h1 { font-size: 35px; } .banner_with_submenu .prelude_banner { padding: 70px 5% 0 5%; } } @media(max-width:970px){ .banner_with_submenu .popup-acchor-row ul li { min-width: 100px; } } @media (max-width: 767px){ .prelude_banner h1 { margin-bottom: 20px; font-size: 30px; } .banner_with_submenu .popup-acchor-row ul li { width:auto; } .banner_with_submenu .popup-acchor-row ul li a{ padding: 6px 6px; font-size:15px; color: #212529; background-color: rgba(255, 165, 0, 0); box-shadow:none; padding: 6px 6px; border-radius:0; } .banner_with_submenu .popup-acchor-row ul li a:hover{ box-shadow:none; text-decoration:underline; } .banner_with_submenu .popup-acchor-row li.hs-menu-item.hs-menu-depth-1.active.active-branch a { color: #212529; background-color: rgba(255, 165, 0, 0); } } @media(max-width:640px){ .prelude_banner { padding: 60px 5%; border-radius: 0px 0px 55px 55px; } .banner_with_submenu .prelude_banner { padding: 60px 5% 0 5%; border-radius: 0px 0px 55px 55px; } } @media(max-width:480px){ .prelude_banner { height: auto /*110px*/;} .prelude_banner h1, .prelude_banner h2 {font-size: 25px;} } /* end of Page Banner Area */ /* 32. Forms and Form elements */ /* 32a. formd for right side bars - source blue-on-blue-forms-2020-10.css*/ .fp-wrap { padding: 20px 100px; width: 100%; float: none !important; margin: 0 auto !important; } .fp-wrap h1 { font-size: 30px; font-weight: 700; margin-bottom: 22px; } .fp-wrap p { margin-bottom: 12px; color: #5a646e; } .fp-wrap p:last-child { margin-bottom: 35px; } /* blue form containers */ .bannerform, .narrowform { color: #4d2f59; margin:0 auto; background:none; padding:0px; border: 0px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 17px; line-height: 22.5px; } .span12.widget-span.widget-type-widget_container.bannerform { background: 0; border: 0; padding:0; } .bannerform { max-width:390px; } .playlist .bannerform { max-width:100%; } .narrowform { max-width:330px; padding:0; } .narrowform form { padding:10px 15px; } .bannerform form, .narrowform form { padding: 20px; margin: 0 ; background: linear-gradient(rgb(214, 240, 255), #eef7ff); } .bannerform .submitted-message { padding: 20px; } /* title over form*/ .bannerform h3, .narrowform h3 { font-size: 24px; font-family: 'Red Hat Display',sans-serif; font-weight: bold; display: block; text-align: center; background: #526ffd; padding: 18px 12px; color: #fff; border-radius: 20px 20px 0px 0px; margin-bottom: 0; } /* form inputs (selectors for all inputs) */ .narrowform textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select, .bannerform textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select{ max-width: 500px; width: 100% !important; display: block; transition: border .2s linear,box-shadow .2s linear; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); padding: 4px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; color: #666; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: block; margin: 0 0 20px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bannerform input select, .narrowform input select {margin-bottom:6px; } .narrowform fieldset.form-columns-1 .hs-input, .bannerform fieldset.form-columns-1 .hs-input { margin-right: 10px; } /* form labels (selects field labels and error messages) */ .bannerform .hs-form label, .bannerform .hs-form .hs-form-field > label { font-size:13px; color:#4d2f59; margin:0px;padding:0px; } .bannerform .hs-form-reqired { color: rgb(23,83,157); } .bannerform .hs_email .hs-form-required { display:none; } .narrowform .hs-form label, .narrowform .hs-form .hs-form-field > label { font-size:13px; color:#4d2f59; margin:0px;padding:0px; } .narrowform .hs-form-reqired { color: rgb(23,83,157); } .bannerform .hs-form input[type="text"], .bannerform .hs-form input[type="password"], .bannerform .hs-form input[type="number"], .bannerform .hs-form input[type="email"], .bannerform .hs-form input[type="url"], .bannerform .hs-form input[type="tel"], .narrowform .hs-form input[type="text"], .narrowform .hs-form input[type="password"], .narrowform .hs-form input[type="number"], .narrowform .hs-form input[type="email"], .narrowform .hs-form input[type="url"], .narrowform .hs-form input[type="tel"] { background-color: #fff; color: #4d2f59; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid rgb(214, 240, 255); border-radius: 4px; width: 260px; height: auto; padding: 6px 6px; margin: 2px 0 15px 0; box-sizing: border-box;} ul li.hs-form-checkbox { list-style-type: none; color: inherit; } ul.inputs-list.multi-container { margin-top: .1em; } /* multi-line textarea fields */ .bannerform .hs-form textarea, .narrowform .hs-form textarea { background-color: #fff; color: #4d2f59; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #fff; border-radius: 4px; width:275px; border: 0px solid #fff; height: 1em; padding: 6px; margin: 2px 0 18px 0; box-sizing: border-box; min-height: 90px; } /* Form Placeholder Text */ .bannerform .hs-form input::placeholder, .narrowform .hs-form input::placeholder, .hs-form input::input[placeholder], [placeholder], *[placeholder] { color: #4d2f59 !important;} -webkit-input-placeholder {color: #4d2f59 !important; /* Webkit Browsers */} -moz-placeholder {color: #4d2f59 !important; /* Firefox 19+ */} -ms-input-placeholder {color: #4d2f59 !important; /* IE10 */} /* Submit buttons */ .bannerform input.hs-button.primary, .narrowform input.hs-button.primary { align-items: center; margin: auto; } .hs-button.primary, input[type="submit"], input[type="button"] { cursor: pointer; /*-webkit-appearance: none;*/ -webkit-font-smoothing: antialiased; cursor: pointer; text-decoration: none !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; text-shadow: 0 -1px 0 #3574e3; background-image: linear-gradient(0,#4058cb 0%,#5371ff 100%) !important; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2); border-style: none !important; border-radius: 6px; transition: opacity .15s linear; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: block; margin:0px auto; font-size: 18px; font-weight: bold; line-height: 18px; padding: 16px 18px; position: relative; text-align: center; margin: 0 0 15px; cursor: pointer; } .narrowform .hs-form input[type="submit" i], .bannerform .hs-form input[type="submit" i], .form-ss .hs-form input[type="submit" i]{ appearance: push-button; user-select: none; align-items: flex-start; text-align: center; cursor: pointer; color: #fff !important; box-sizing: border-box; padding: 16px 18px !important; border-radius: 6px; font-weight: bold; } .bannerform form ul.inputs-list { list-style-type: none; } body .narrowform .hs-button.primary:hover, body .narrowform input[type="submit"]:hover, body .narrowform input[type="button"]:hover, body .narrowform .hs-button.primary:focus, body .narrowform input[type="submit"]:focus, body .narrowform input[type="button"]:focus, body .bannerform .hs-button.primary:hover, body .bannerform input[type="submit"]:hover, body .bannerform input[type="button"]:hover, body .bannerform .hs-button.primary:focus, body .bannerform input[type="submit"]:focus, body .bannerform input[type="button"]:focus, .form-ss .hs-button.primary:hover, .form-ss input[type="submit"]:hover, .form-ss input[type="button"]:hover, .form-ss .hs-button.primary:focus, .form-ss input[type="submit"]:focus, .form-ss input[type="button"]:focus, .form-ss .hs-button.primary:hover, .form-ss input[type="submit"]:hover, .form-ss input[type="button"]:hover, .form-ss .hs-button.primary:focus, .form-ss input[type="submit"]:focus, .form-ss input[type="button"]:focus { border-style: none !important; transition: background-color .2s linear; background-color: #6a78d1; background-image: -webkit-linear-gradient(top, #4687f2, #6a78d1); background-image: -moz-linear-gradient(top, #4687f2, #6a78d1); box-shadow: 0px 1px #6a78d1, 0px 1px 8px #6a78d1; -webkit-box-shadow: 0px 1px #6a78d1, 0px 1px 8px #6a78d1; -moz-box-shadow: 0px 1px #6a78d1, 0px 1px 8px #6a78d1; color: rgb(23,83,157); } /*32b. form-ss - Pantelope right panel responsive ad form */ .form-ss {background: #f1fbff; padding: 43px 30px; border-radius: 24px;} .form-ss h3 {padding-bottom: 8px!important;} .form-ss form {margin-top:12px;} .form-ss form textarea { width:100%;font-family: 'Red Hat Display'; padding: 3px 9px; margin-bottom: 16px;} .form-ss form input::placeholder, .form-ss form select, .form-ss form select::placeholder, .form-ss form textarea::placeholder {color: #6c6c6c; font-family: 'Red Hat Display',sans-serif!important; font-size: 16px; font-weight: 400;} .form-ss .hs-error-msg {display: block!important; color: red;} .form-ss .no-list.hs-error-msgs.inputs-list {padding-left: 24px;} /*32j. form responsiveness*/ @media (max-width: 767px) { .fp-wrap { padding: 10px 10px;} .responsive .narrowform, .responsive .bannerform {width:100%; margin:9px auto; } .form-ss {padding: 14px 13px;} } /* 33. Blog - Network Visibility Blog - listings and posts */ /* 33a. Blog and CS Masonry gallery*/ .masonry {margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; column-count: 3; font-size: .85em;} .blog_display .CS_row .masonry a { color: #313438; } .blog_display .CS_row .masonry .item { display: inline-block; background: #fff; margin: 0 0 1.5em; width: 100%; -webkit-transition: 1s ease all; border-radius: 15px; background-color: #fff; padding: 20px; box-shadow: 3px 7px 19px 6px rgb(61 83 193 / 15%);} .blog_display .CS_row .masonry .hs-featured-image { margin: 0; max-width: 100%; } .CS_row .masonry .item {display: inline-block; background: #fff; margin: 0 0 1.5em; -webkit-transition: 1s ease all; border-radius: 15px; background-color: #fff; padding: 30px 40px 50px; box-shadow: 3px 7px 19px 6px rgb(61 83 193 / 15%);} .CS_row .masonry .item:hover {box-shadow: 3px 7px 19px 6px rgb(61 83 193 / 25%);} .CS_row .masonry .item .masonry-box img {width: auto!important; height: auto!important; max-width: 100%; float: none;} .CS_row .masonry .item .masonry-box h3 {font-size: 19px;} .CS_row .masonry .item .masonry-box .read_more {font-size: 16px; color: #4687f2; font-weight: 400;} .CS_bottom {margin-top: -70px;} .CS_bottom .masonry-content {font-size: 18px; margin-bottom: 10px;} .mesonary-col-wrapper {display: flex; flex-wrap: wrap;} /* 33b. blog right side forms*/ .tnv_blog_right { padding-right: 10px; } .tnv_blog_right form label { font-size: 19px; font-weight: 600; margin-top: 14px; } .tnv_blog_right form input { width: 50%; background: #fff; border: solid 2px #e1e2e7; padding: 9px 12px; border-radius: 7px; font-size: .9em; } .tnv_blog_right form input:focus { border: solid 2px #4687f2; font-weight: 600; color: #4687f2; opacity: 1; font-size: 19px; } .tnv_blog_right form .actions input { color: #fff; font-size: 19px; font-weight: 600; border-radius: 10px; background: linear-gradient(0,#4058cb 0%,#5371ff 100%); border: 0; cursor: pointer; padding: 14px 0; margin-top: 18px; } .tnv_blog_right .blog_signup form input { width: 100%; display:inline; } .tnv_blog_right .blog_signup { background: #F1FBFF; padding: 30px; border-radius: 15px; margin:0 0 20px 0; } .tnv_blog_right .blog_signup h3 { font-size: 1.25rem; } /* 33c. blog right side type */ .tnv_blog_right h2, .tnv_blog_right .BL_short h2 { color: #39404a; font-weight: 300; font-size: 1.25rem; text-align: left; margin-bottom: 18px; } .tnv_blog_right .recent_posts h2 { font-weight: 500; text-align: center; margin-bottom: 0; } .tnv_blog_right .recent_posts a { color: #4687f2; font-size: .9em; } /* 33d. blog and cs pagination */ .blog-pagination {text-align: center; padding-top: 40px; padding-bottom: 80px;} .blog-pagination a {color: #fff; margin: 0 15px; font-size: 16px; background: #4687f2; padding: 10px 25px; border-radius: 9px; line-height: initial; border: 1px solid #4687f2; transition: all .2s;} .blog-pagination a:visited {color: #fff;} .blog-pagination a:hover {background: #fff; color: #4687f2;} /* end blog section */ /* 34. Responsivelp Pantelope style landing pages */ /* Pantelope responsive top section */ .responsivelp #top-content-block .row-fluid .widget-type-cell.main-form { order: 1; } .responsivelp #top-content-block .row-fluid .widget-type-cell.stack-content .row-fluid { display: flex; } .responsivelp .single-media-box { margin-left: 0; border-radius: 0; } .responsivelp .single-media-box .play-button { top:48%; } .responsivelp .single-media-box img { width:100%; } #top-content-block { padding-top: 50px; position: relative; } #top-content-block::before { content: ""; height: 52%; width: 62%; position: absolute; left: -8px; top: 0px; background-image: linear-gradient(#dcedf5,#cbf0ff); z-index: -1; } #top-content-block h1 { font-size:40px; font-weight: 800; color: #39404a; padding-bottom: 24px; padding-right: 90px; } #top-content-block p { line-height: 27px; padding-right: 65px; font-weight: 400; padding-bottom: 0; margin-top: 0; } #top-content-block p strong span, #top-content-block p span strong { color: #3A7FF9 !important; } #top-content-block .span8.widget-span.widget-type-widget_container.main-content.side-content { padding-right: 0; } #top-content-block .airbottom.desktop td { color: #30353d; font-size: 20px; font-weight: 600; align-self: flex-start; } #top-content-block .airbottom.desktop td p { display: none; } #top-content-block .airbottom.desktop tr { line-height: 80px !important; } #top-content-block .form-bg-sky h2, form-bg-sky form h1, .form-ss h3 { padding-bottom: 0px; } #top-content-block .span12.widget-span.widget-type-cell.page-center { position: relative; z-index: 9999; max-width: 1150px; } .feature-top-responsive { padding-bottom: 60px; } .feature-top-responsive::before { z-index: 9 !important; height: 40% !important; width: 60% !important; } .feature-top-responsive p { padding-right: 75px !important; box-sizing: border-box; font-size: 18px !important; padding-top: 36px; padding-bottom: 0 !important; } .feature-top-responsive h3 { padding-bottom: 0 !important; } .feature-top-responsive .side-content { width: 100%; max-width: 100%; margin: 0 0px 6px 0; } .feature-top-responsive table { width: 100% !important; padding-top: 30px; } .feature-top-responsive table p { display: none; } .feature-top-responsive table tr { margin-bottom: 20px; display: block; } .feature-top-responsive table tr td { color: #30353d; font-size: 21px; font-weight: 500; padding-right: 6px; } .feature-top-responsive table td:last-child { width: 96% !important; } .feature-top-responsive table tr td img { width: 65px; height: 65px; object-fit: contain; } .feature-top-responsive .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text p:first-child { display: none; } .feature-top-responsive .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text p { margin-top: -32px; padding-top: 16px; } .feature-top-responsive .span12.widget-span.widget-type-widget_container.form-bg-sky.bannerform p { margin-top: 0 !important; padding-top: 10px !important; padding-right: 0 !important; font-size: 18px !important; padding-bottom: 20px !important; } #top-content-block form { margin-top: 0%; } .feature-top-responsive .form-ss form fieldset, .feature-top-responsive .form-ss form fieldset > div { max-width: 100% !important; width: 100% !important; } .feature-top-responsive .span4.widget-span.widget-type-cell.main-form p { padding-right: 0 !important; color: #6c6c6c !important; padding-top: 0 !important; } .feature-top-responsive .form-ss { background: #eff6f1; } /* 34b. Pantelope solution_feature gallery section - also used by case studies */ #solution_feture .section-heading-box { text-align: center; } #solution_feture .col-block-wrap.mess-col { width: 29%; max-width: 29%; margin: 17px 15px; padding: 30px; border-radius: 10px; text-align: center; box-shadow: 3px 3px 3px rgba(0,0,0,0.03); } #solution_feture .featurerow.solution-mes-col-row.col_two { flex-wrap: wrap; } #solution_feture .featurerow.solution-mes-col-row.col_two img { height: 210px; width: 210px; margin: 0 auto; box-shadow: 0px 10px 27.5px rgba(0,0,0,0.15); border-radius: 15px; border: 15px solid #fff; object-fit: cover; } #solution_feture .featurerow.solution-mes-col-row.col_two .col-block-wrap.mess-col.come-in { width: 46% !important; } #solution_feture .featurerow.solution-mes-col-row.col_three { padding-top: 50px; display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; justify-content: center; } #solution_feture .featurerow.solution-mes-col-row.col_three .mess-col img { height: 210px; width: 210px; margin: 0 auto; box-shadow: 0px 10px 27.5px rgba(0,0,0,0.15); border-radius: 15px; border: 15px solid #fff; object-fit: cover; } #solution_feture .featurerow.solution-mes-col-row.col_three .mess-col:hover img { transform: scale(1.1); transition: all ease-in-out 0.4s; } #solution_feture .featurerow.solution-mes-col-row.col_two h3, #solution_feture .featurerow.solution-mes-col-row.col_three h3 { color: black; padding-top: 27px; padding-bottom: 7px; } #solution_feture .featurerow.solution-mes-col-row.col_two p, #solution_feture .featurerow.solution-mes-col-row.col_three p { color: #6c6c6c; } #solution_feture .col-block-wrap.mess-col:hover img { transform: scale(1.1); transition: all ease-in-out .4s; } #solution_feture .featur-row.popup-acchor-row.col_two { display: flex; width: 61%; padding-left: 16px; justify-content: space-between; padding-top: 36px; } #solution_feture .featur-row.popup-acchor-row.col_two .col-three.anchor-box-col { text-align: center; } #solution_feture .featur-row.popup-acchor-row.col_two .cta_button { background: #445DD5; padding: 16px 58px; border-radius: 17px; color: #fff; font-size: 16px; } #solution_feture .featur-row.popup-acchor-row.col_three span a { background: #3a7ff9; padding: 13px 33px; border-radius: 17px; display: inline-block; margin-top: 27px; color: #fff; } /* 34c. Pantelope call-wrapper section */ #call-wrapper { margin-top: -96px; margin-bottom: -104px; padding-bottom: 200px; background: #445DD5; padding-top: 70px; } .blue-bottom #call-wrapper { padding-bottom: 150px; } #call-wrapper .airspace h2 { font-size: 45px !important; color: white !important; width: 77%; margin: 0 auto; line-height: 51px; padding-bottom: 38px; } #call-wrapper .airspace a { padding: 11px 25px; font-weight: 500; font-size: 21px; } #call-wrapper .airspace a:hover{color:#445DD5;} #call-wrapper .airspace.instantly.btn-white span a.bg-white { background: #fff; padding: 13px 75px !important; font-weight: 500 !important; font-size: 21px !important; border-radius: 17px; } .ads_header { max-width: 65%; } #ads-form { position: absolute; top: 0; right: 15px; } /* 34d. Pantelope benefits section */ #featured-box-wrap .benefits { padding-top: 50px; padding-bottom: 300px; } #featured-box-wrap .benefits .section-heading-box p { max-width: 71%; margin:auto !important; color: #30353d !important; padding-top: 20px; } /*34e. Pantelope logo panel section */ #logopanel { margin-top: 20px; padding-top: 50px; padding-bottom: 150px; } #logopanel h2 { text-align: center; color: #4159ce; } #logopanel h2 strong { font-size: 35px; line-height: 55px; } #logopanel #logotop { padding-top: 44px; display: flex; flex-wrap: wrap; } #logopanel #logotop .imagecells-top { width: 20%; } #logopanel #logotop .imagecells-top img { width: 120px; height: 120px; object-fit: contain; } /*34d. Pantelope responsive elements */ .lp-reveal-for-mobile {display:none;} @media(max-width:1285px){ #top-content-block h1 { padding-right: 65px; } .feature-top-responsive::before { width: 65% !important; } } @media(max-width:991px){ .feature-top-responsive { padding-bottom: 0; } .feature-top-responsive .span12.widget-span.widget-type-widget_container.bannerform.form-bg-sky { padding: 24px 19px; } .feature-top-responsive table tr td{ font-size: 16px;padding-left: 13px;} .feature-top-responsive table tr td img{ width: 50px;height: 50px;} .feature-top-responsive table tr{ margin-bottom: 9px;} #solution_feture .featurerow.solution-mes-col-row.col_two { flex-direction: column; } #solution_feture .featurerow.solution-mes-col-row.col_two .col-block-wrap.mess-col.come-in { width: 100% !important; } #solution_feture .col-block-wrap.mess-col { min-width: 300px; max-width:40%; } #solution_feture .featur-row.popup-acchor-row.col_two { width: 100%; padding-left: 0px; padding-top: 36px; flex-direction: column; } #solution_feture .featur-row.popup-acchor-row.col_two .col-three.anchor-box-col { text-align: center; width: 100% !important; display: block; margin-bottom: 45px; } #solution_feture .featur-row.popup-acchor-row.col_two .col-three.anchor-box-col span, #solution_feture .featur-row.popup-acchor-row.col_two .col-three.anchor-box-col span a { display: block; width: 100%; } #solution_feture .featur-row.popup-acchor-row.col_two .cta_button { padding: 13px 0px; } #featured-box-wrap .benefits .section-heading-box p { max-width: 100%; } #featured-box-wrap .benefits { padding-bottom: 200px; } #logopanel h2 strong { font-size: 25px; line-height: 34px; } #logopanel #logotop .imagecells-top { width: 33%; } #call-wrapper { padding-bottom: 166px; padding-top: 37px; } #call-wrapper .airspace h2 { font-size: 24px !important; width: 90%; margin: 0 auto; line-height: 33px; } .flexstack22.responsivelp .single-media-box .play-button {left:-2% !important;} } @media(min-width: 768px) { .responsivelp .single-media-box { margin-left: -20px; border-radius: 0; } .responsivelp #top-content-block .single-media-box { width: 92%; margin-right:20px; } } @media(max-width:767px){ #top-content-block { padding-top: 20px; } #top-content-block .row-fluid .span12.widget-span.widget-type-cell.page-center .row-fluid .span12.widget-span.widget-type-cell.inner1 .span12.widget-span.widget-type-cell.stack-content .row-fluid { flex-direction: column; } #top-content-block .row-fluid .span12.widget-span.widget-type-cell.page-center .row-fluid .span12.widget-span.widget-type-cell.inner1 .span12.widget-span.widget-type-cell.stack-content .row-fluid .span4.widget-span.widget-type-cell.main-form { order: unset; } #top-content-block::before{ height: 30%; width: 100%; left: 0; } #top-content-block h1 { padding-bottom: 10px; padding-right: 10px; } #top-content-block p {padding-bottom: 0; line-height: 28px; } #top-content-block fieldset { max-width: 100%; margin-top: 8px; } .feature-top-responsive::before { height: 25% !important; width: 100% !important; } .feature-top-responsive table { display: block; padding-top: 24px; } .feature-top-responsive table tbody { width: 100% !important; display: block; } .feature-top-responsive table td:last-child { padding-left: 13px !important; } .feature-top-responsive table tr td { font-size: 18px; } .feature-top-responsive p { padding-right: 0 !important; } #solution_feture .solution-box { padding: 0; box-shadow: none; } #solution_feture .solution-box:hover { box-shadow: none;} #top-content-block .row-fluid .span12.widget-span.widget-type-cell.page-center .row-fluid .span12.widget-span.widget-type-cell.inner1 .span12.widget-span.widget-type-cell.stack-content .row-fluid .span4.widget-span.widget-type-cell.main-form { order: unset; } .ads_header { max-width: 100%; } #top-content-block .form-bg-sky.form-ss { margin-top: 0%; } #ads-form { position: unset; top: 0; right: 0px; } .lp-reveal-for-mobile {display:block;} } @media(max-width:575px){ #solution_feture .col-block-wrap.mess-col { width: 75%; } } @media(max-width:480px){ #top-content-block h1 { font-size: 24px; } .feature-top-responsive table tr td { font-size: 16px; } #logopanel { border-radius: 50px; } #logopanel h2 strong { font-size: 19px; line-height: 26px; padding: 0 20px; } #logopanel #logotop .imagecells-top { width: 100%; } } /*34e. Flexstack22 - variation on the Pantalope lp style. */ .flexstack22 .header-container.container-fluid { display:none; } .flexstack22 #top-content-block::before { content: ""; height: 100%; width:101%; } .flexstack22 #top-content-block { width: 100%; /*new*/ padding-top: 10px; position: relative; background-image:linear-gradient(#dcedf5,#cbf0ff); /*new*/ margin-bottom:10px; overflow: hidden; } .flexstack22 #top-content-block p { padding-right:3px; margin-bottom: 13px; } .flexstack22 #top-content-block table { margin-bottom:13px; } .flexstack22 #top-content-block table td { width: 100%; padding: 2px 6px; border-radius: 6px; /* border-top: #5D6B73 2px solid; */ /* border-bottom: #5D6B73 2px solid; */ } .flexstack22 #top-content-block table p { margin: 0; } .flexstack22 #top-content-block h1 { font-size: 34px; font-weight: 800; color: #39404a; padding-bottom: 10px; padding-right: 90px; } .flexstack22 .feature-top-responsive { padding-bottom: 0; } /* flexstack22 video elements */ .flexstack22 .feature-top-responsive .videowrapper p { padding: 0 !important;} .flexstack22 .feature-top-responsive .single-media-box p { margin: 0; background-color: transparent; width: 80%; } .flexstack22 #top-content-block .videowrapper img { border-radius: 0; height: auto; object-fit: contain; width: 46%; margin: auto 35% auto 20%; } .flexstack22 .v1 { background-color: transparent; height: 10px; margin: 0 42% 0 42%; } .flexstack22 #top-content-block .videowrapper.single-media-box { margin-bottom: 0; } @media (min-width: 768px) { .flexstack22 #top-content-block .single-media-box { width: 100%; margin-right: 20px; margin-left: 20px; } } .flexstack22 section.video-section { margin: 20px; } .flexstack22.responsivelp .single-media-box .play-button { position: absolute; left: 0; right:auto; margin: auto 0 auto 29.5%; } .flexstack22.responsivelp .single-media-box .play-button .arrow-right { width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 15px solid #fff; border-radius: 1px; font-size: 14px; } /* flexstack22 form elements */ .flexstack22 .form-ss { background: #9FC5E8; padding: 24px 18px 3px 18px; line-height: 1.1; } .flexstack22 .form-ss p { margin-right: 0; line-height: 20px; margin-bottom:0; } .flexstack22 input { margin: 3px 0; } .flexstack22 .form-ss .hs-form input[type="submit" i] { margin: 3px auto 10px auto; } /* flexstack22 logo panel elements */ .flexstack22 #logopanel { margin-top: 10px; padding-top: 20px; padding-bottom: 20px; } .flexstack22 #logopanel #logotop { padding-top: 0px; } .esteemed .imagecells-top img, .esteemed .imagecells-top a{ width: 100%; /* display: block; height: 100%; */ } /*end of flexstack2 css */ /*34f. Flexstack2023 - variation on the flexing lp style - 2023 */ .flexstack2023.flexstack22 .header-container.container-fluid { display:block; } .flexstack2023.flexstack22 #top-content-block h1 { font-size: 40px; color: #394387; margin: 20px 0; } .flexstack2023.flexstack22 input { margin: 12px 0; } .flexstack2023.flexstack22 .form-ss { margin-top: 20px; } .flexstack2023.flexstack22 .form-ss .hs-form input[type="submit" i] { margin: 21px auto; } /* 35. Hubspot chat customization */ #hubspot-messages-iframe-container { z-index: 1000 !important; } .cmyEYu /*close button*/ { bottom: 6vh; right: 6vw;} @media(max-width:480px){ #hubspot-messages-iframe-container { top: 12vh; max-height: 87vh;} #hubspot-messages-iframe-container .chat-widget { max-width: 98vw; max-height: 65vh; } .cmyEYu /*close button*/ { height: 50px; width: 50px; bottom: 6vh; right: 6vw;} } /* 36. Press Release Page singles */ .press_single .prelude_banner { background: linear-gradient(#dcedf5,#cbf0ff); border-radius: 0px 0px 45px 0 !important; width:50%; text-align: center; padding: 0 20px 0 0; border-radius:0 20px 0 20px; margin-bottom:24px; } .press_single .prelude_sub.text-center { padding-top: 25px; padding-bottom: 25px; border-radius: 0 0 70px 70px; margin-bottom: 25px;} .press_single #full-column h1, .press_single #full-column h2, .press_single full-column h3 { padding-left:0px; padding-right:0px; } .press_single #full-column { padding-left:15%; padding-right:15%; } .press_single h1 { font-size: 24px; padding: 24px; margin:0; } .press_single .main-content h1 { font-size: 26px; padding: 0; margin:24px 0; } .press_single .main-content h2 { font-size: 22px; margin: 24px 0; } .press_single .main-content h3 { font-size: 19px; color:#3a7ff9; } .press_single .main-content h3:first-child { margin: 24px 0; color:#3a7ff9;} /* 37. feature lightboxes */ /* append feature-card-lightboxes-2020.css */ .tighten li {margin: 0; } .feature-lightbox .newflag { margin-bottom: 12px;} /* 38. Other */ .section.post-body ul { padding-left: 10px; margin: 30px 0 30px 25px;} .ps-is-new { font-size: 12px; font-family: "Helvetica Neue",helvetica,arial,sans-serif; color: #e2edfe; background-color: #84bbd7; padding: 2px 5px;} .top__banner p { display: inline-block; padding: 0 10px;} .top__banner p:first-child { display: block; padding: 0;} .privacy-policy-text { width: 100%; max-width: 1170px; margin: 0 auto !important; float: none !important; padding: 60px 15px;} .privacy-policy-text h2 { color: #39404a; font-size: 30px; font-weight: 600; text-align: left; margin: 20px 0 10px;} .hs-form-fb4b4507-1aed-4000-827a-b98058b48ca4_b734cbc2-0cc2-4867-bb5e-685b9ef704cc fieldset { max-width: 100%;} .hs-form-fb4b4507-1aed-4000-827a-b98058b48ca4_b734cbc2-0cc2-4867-bb5e-685b9ef704cc fieldset.form-columns-1 .hs-input { width: 100%;} .ps-ask-question { width: 22%;} .ps-ask-question .row .col-md-8 { justify-content: left; align-items: center; display: flex;} .ps-ask-question .row .col-md-4 img { max-width: 60px; float: right;} .btm-text-wrapper p { font-size: 20px !important; font-weight: 600; line-height: 31px; width: 90%;} .btm-text-wrapper ul { padding-left: 12px; padding-bottom: 30px;} .btm-text-wrapper ul li a { font-size: 20px; line-height: 36px; color: #000;} #top-content-block .row-fluid .span12.widget-span.widget-type-cell.page-center .row-fluid .span12.widget-span.widget-type-cell.inner1 .span12.widget-span.widget-type-cell.stack-content .row-fluid .span4.widget-span.widget-type-cell.main-form { order: 1;} #top-content-block .row-fluid .span12.widget-span.widget-type-cell.page-center .row-fluid .span12.widget-span.widget-type-cell.inner1 .span12.widget-span.widget-type-cell.stack-content .row-fluid { display: flex;} .form-ss { background: #f1fbff; padding: 43px 30px; border-radius: 24px;} .custom_error_message img { width: 100% !important;} .header-menu { padding: 35px 0;} div#hs_cos_wrapper_module_160128857633487,div#hs_cos_wrapper_module_1601288725621110 { margin-top: 10px;} .flex-grid-icons { display: flex; flex-direction: row; align-items: center; margin-bottom: 15px; } .flex-grid-icons div { padding: 0 6px 0 ; display: inline-block; font-size: 16px; color: #999999; text-align: left; } .flex-grid-icons div img { width: 35px; } /*section with color blue background */ .blue-section { padding: 15px; margin: 0 auto !important; float: none; background-color:#445dd5; } .blue-section .cta_button { -webkit-font-smoothing: antialiased; cursor: pointer; user-select: none; display: inline-block; text-align: center; text-decoration: none; background: rgb(58,127,249); border-radius: 6px; border-width: 0px; color: rgb(255,255,255); font-family: sans-serif; height: auto; transition: all .4s ease; text-shadow: none; width: auto; line-height: 1.5em; padding: 13px 75px !important; font-weight: 500 !important; font-size: 21px !important; } .blue-section a.cta_button:hover, .blue-section a.cta_button:focus { color: #007bff !important; background: #fff !important; border: 1px solid #4687f2; } .fp-wrap { min-height:80vh; } /***************coorectio-work********************/ /********************content blocks ********************/ .content-block-lp h2 {text-align: start; font-weight: 900;} .content-block-lp h3 {font-weight: 800; padding-bottom: 10px; color: #39404a!important;} .content-block-lp p,.content-block-lp p span,.content-block-lp ul li span {color: #5c646e; line-height: 30px;} .content-block-lp p a {color: #3574e3;} .content-block-lp ul {padding-left: 24px;} .content-block-lp ul li {line-height: 40px; color: #5c646e; list-style: none; position: relative; font-size: 17px;} .content-block-lp ul li::after {position: absolute; content: ""; width: 7px; height: 7px; border-radius: 100%; background: #526FFD; left: -24px; top: 17px;} .content-block-lp ul li:hover{/*color: #000;*/ transition: all ease-in-out .4s;} .content-block-lp ul li:hover::after {background: #000; transition: all ease-in-out .4s;} /*typ_flex section */ #typ_flex {padding-top: 50px!important;} #typ_flex p {color: #5c646e; line-height: 30px;} #typ_flex .flex-col-block .btn-group.btn-blue {display: flex; padding-bottom: 80px; padding-top: 56px;} #typ_flex .flex-col-block span {width: 100%; display: block;} #typ_flex .flex-col-block span a {text-align: center; font-size: 21px; font-weight: 600; background: linear-gradient(0,#4058cb 0,#5371ff 100%); width: 100%; color: #fff; min-height: auto; border-radius: 17px!important; padding: 13px 70px;} #typ_flex .flex-col-block span a:hover {background: linear-gradient(0,#5371ff 0,#4058cb 100%);} #typ_flex .flex-col-block .btn-group.btn-blue {display: flex; justify-content: space-evenly; padding-bottom: 80px; padding-top: 56px;} #en-connect h3 {color: #39404a; padding-bottom: 15px;} .en-connect .span12.widget-span.widget-type-cell.page-center {width: 65%;} .en-connect ul {padding-left: 18px;} .en-connect ul li a {line-height: 35px; font-size: 19px;} .en-connect ul li {font-size: 17px;} .download-wrap {display: flex; padding: 50px 50px; border-radius: 30px; margin-top: 53px; align-items: center;} .download-wrap img {width: auto; height: auto; padding-right: 57px;} .download-wrap h3 {color: #ffff!important;} .download-wrap span a {padding: 12px 69px; background: #fff; margin-top: 26px; display: inline-block; font-size: 20px; border-radius: 17px; font-weight: 600;} .content-download-wrap.test {display: flex;} .col-wap-block {padding-top: 41px; display: flex;} .col-wap-block .colone_1 {width: 50%; align-self: center; padding-right: 69px; text-align: justify;} .col-wap-block .coltwo_2 {width: 50%;} .col-wap-block .coltwo_2 img {width: 100%; height: 300px; object-fit: contain; border-radius: 20px; box-shadow: 0 24px 51.5px rgba(61,83,193,0.15);} .col-wap-block .colone_1 {width: 70%; align-self: center;} .col-wap-block,.content-download-wrap.test {padding-bottom: 20px;} .col-wap-block {padding-bottom: 70px;} .custom-questionnaire-mod .questionaaire-text p a {margin-top: -52px; display: block; color: #313438; padding-left: 65px; font-size: 24px; font-weight: 600;} .resources-row {display: flex; margin-bottom: 22px;} .resources-row .resources-text {padding-left: 18px;} .resources-row .resources-text h4 {margin: 0;} .resources-row .resources-text p {margin-top: 3px;} .resources-row .resources-text h4, .resources-row .resources-text h4 a {margin: 0; color: #313438;} .content-download-wrap.test {display: flex; justify-content: space-between; margin: 50px 0; padding: 25px; align-items: center; box-shadow: 0 9px 17.5px rgba(61,83,193,.15); border-radius: 17px;} .content-download-wrap.test .two-col-block-one {width: 47%;} .content-download-wrap.test .two-col-block-two {width: 47%;} .content-download-wrap.test img {width: 100%; height: 300px; object-fit: contain; border-radius: 20px; box-shadow: 0 24px 51.5px rgba(61,83,193,0.15); padding: 0 11px;} .content-download-wrap.test p {text-align: justify; font-weight: 500; width: 90%;} #full-column {padding: 0 20px;} #full-column p {font-size: 18px; line-height: 29px; font-weight: 500;} #full-column h1,#full-column h2,#full-column h3 {padding-left: 20px; padding-right: 20px;} #full-column ul,.content-download-wrap.test .two-col-block-one ul {padding-left: 20px; padding-right: 10px;} #full-column ul {margin-left: 20px;} #full-column ul li,.content-download-wrap.test .two-col-block-one ul li {line-height: 29px; font-size: 19px; font-weight: 500; padding-bottom: 21px;} .simple-two-col-wrapper .inner-section {display: flex; justify-content: space-between; align-items: center;} .simple-two-col-wrapper .inner-section .simple-block-left {width: 48%;} .typ_block {max-width: 70%;} .typ_block .download-wrap img {height: auto!important;} /* 100. Responsive media elements */ @media (max-width: 1599px){ h2{ font-size: 35px;} .btn{ padding: 12px 22px;font-size: 16px;} .testimonial_section h2{ font-size: 35px;margin-bottom: 30px;} .blog-june-single .blog_section h2{ font-size: 35px;margin-bottom: 60px;} .trusted_logo h2{ font-size: 35px;margin-bottom: 60px;} .schedule_btn .hs-button{ font-size: 16px;} } @media (max-width: 1440px){ .testimonial_section button.slick-next.slick-arrow{ right: 0%;} .testimonial_section button.slick-prev.slick-arrow{ left: 0%;z-index: 99;} } @media (max-width: 1279px){ section.solution-section{ padding: 80px 0px;} .section-heading-box{ margin-bottom: 80px;} .biggrid .section-heading-box { margin-bottom: 20px;} .media-box .text-box{ padding: 20px 20px 15px;} .media-box h3{ font-size: 20px;margin: 0 0 20px;} .media-box p{ font-size: 14px;} .solution-box h3{ font-size: 20px;margin: 0 0 20px;} .solution-box p{ font-size: 14px;margin: 0 0 20px;} .testimonial_section .slick_item p{ font-size: 14px;line-height: 25px;} .testimonial_section{ padding: 80px 0 80px;position: relative;} .blog-june-single .blog_detail h3 a, .blog-june-single .blog_detail h3{ font-size: 16px;line-height: 26px;} .blog-june-single .blog_section{ padding: 80px 0 0;} .trusted_logo{ padding: 80px 0 80px;} .logo-img{ min-height: 170px;} } @media (max-width: 1199px){ .solution-single .single-media-box{ min-height: 323px; width: 100%; min-width: 96%;} .ps-ask-question{ width: 37%;} } @media(max-width: 1050px){ .blog-june-single .learning-section .anchor-box-col a{ padding: 9px 10px;font-size: 16px !important;} } @media (max-width: 1025px){ .banner h1 {font-size:24px;} .banner h2{ font-size: 35px;} .banner p{ font-size: 16px;} h2{ font-size: 28px;} .row.solutions-row .col-md-3.solutions-col{ -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-bottom: 80px;} section.solution-section{ padding: 80px 0 0px;} .testimonial_section h2{ font-size: 28px;} .testimonial_section{ padding: 80px 0 30px;} .blog-june-single .blog_section h2{ font-size: 28px;} .trusted_logo h2, .trusted_logo h3, .trusted_logo h4{ font-size: 1.5rem;} .Leadership-members{ overflow: hidden;} .right_cs_single{ padding-bottom: 60px;} .simple_blog_cont .hs_cos_wrapper_type_module{ padding-bottom: 70px;} } @media(max-width: 991px){ .about_left{ padding: 70px 15px 70px 0px;} .fact-sheets .about_left{ padding: 0;} .about_left h3{ font-size: 30px;margin: 40px 0;} .saving-turtle h2{ padding-bottom: 40px;font-size: 30px;} .saving-turtle{ padding: 70px 15px 70px;} .sup_turtle .about_left h3{ font-size: 30px;margin: 30px 0;} .sup_turtle{ padding-bottom: 70px;} #contact .map-wrap{ margin-top: 80px;margin-bottom: 80px;} #contact .map-wrap iframe{ height: 540px;} #contact .contact-right .img-wrap{ height: inherit;} .partner_wrap .content h3 img { border-radius: 20px; } .partner_wrap form .hs-richtext.hs-main-font-element { margin-bottom: 0px; } .Leadership-members .text-wrap{ padding: 45px 35px 40px 35px;} .Leadership-members .row:nth-child(2n) .text-wrap{ padding: 40px 35px 40px 35px;} .case-studies{ padding: 80px 0 370px;} .sidebar .resources-row .resources-text p{ font-size: 15px;} .sidebar .resources-row .resources-text h3{ font-size: 20px;} .single-content-col h2{ font-size: 25px;} .event-gallery h3 a, .BL_detail .event-gallery h3, .event-gallery h3{ font-size: 30px;} .blog-june-single .post_body h2{ font-size: 20px;} .blog-june-single .blog_detail{ max-width: 80%;} .blog-june-single .blogs_box .blog_img a{ height: 280px;} .blog-june-single .pathsolution-first-post{ padding: 55px 0 45px;} .blog-june-single .single_BL{ padding: 60px 0 60px;} .blog-june-single .recent_img a, .recent_img img{ height: auto;} .blog-june-single .post-header h2 a{ font-size: 30px;} .blog-june-single .BL_detail .section.post-header h1{ font-size: 30px;} .blog-june-single .blog-section table tr td:first-child{ width: 20% !important;text-align: center;} .pre-event h2{ font-size: 35px;margin: 40px auto;} ul.tabbernav li a{ padding: 10px 30px;font-size: 14px; } .trancol_sec{ margin-bottom: 75px;} .typ_block .download-wrap img{ height: 250px;} .span12.widget-span.widget-type-custom_widget.blog-cta-bttn{ padding-bottom: 15px;} #typ_flex .flex-col-block .btn-group.btn-blue {flex-direction: column;} #typ_flex .flex-col-block .btn-group.btn-blue .btn-box {width: 100%!important;} #typ_flex .flex-col-block span a {width: 100%; display: block; padding: 11px 0; margin-bottom: 25px; font-size: 16px;} .download-wrap {display: flex; padding: 20px 10px; border-radius: 30px; margin-top: 23px; align-items: center; flex-direction: column;} .download-wrap .col_one {width: 100%; margin-bottom: 24px; text-align: center;} .download-wrap .col_two {width: 95%;} .fact-sheets .col_two .cta_btn_btn { text-align: center;} .download-wrap img {width: auto; height: auto; padding-right: 57px;} .fact-sheets .download-wrap img {padding-right: 0;} .col-wap-block {flex-direction: column;} .col-wap-block .colone_1,.col-wap-block .coltwo_2,.content-download-wrap.test .col-block-one {width: 100%!important;} .col-wap-block .coltwo_2 img {height: auto; padding-left: 0;} .content-download-wrap.test {margin-top: -20px; flex-direction: column;} .content-download-wrap.test img {height: auto; box-shadow: 0 24px 51.5px rgba(61,83,193,.15); padding: 20px 11px;} .content-download-wrap.test p {width: 95%;} .content-download-wrap.test .two-col-block-one,.content-download-wrap.test .two-col-block-two {width: 100%;} .masonry {column-count: 2;} .col-wap-block .colone_1 {width: 50%; align-self: center; text-align: justify; padding-right: 10px; padding-bottom: 29px;} .typ_block {max-width: 100%;} .typ_block .download-wrap img {height: 250px!important;} } @media(max-width: 767px){ h2{ font-size: 24px;} .solution-single .single-media-box{ min-width: 60%; max-width: 75%; min-height: 220px;max-height: 326px;margin-right: auto;} body .ps-ask-question{ width: auto;text-align: left;padding: 0 15px;} body .ps-ask-question .col-md-4, body .ps-ask-question .col-md-8{ width: auto;} section.solution-section{ padding: 40px 0 0px;} .row.solutions-row .col-md-3.solutions-col{ -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .media-box{ box-shadow: 0 13px 21.5px rgba(112,119,153,0.28);} .solution-box{ box-shadow: 0 13px 21.5px rgba(112,119,153,0.28);} .media-box .image-box img{ width: 100%;} .mess-col:nth-child(3n+2){ margin-top: 0px;} .blog-june-single .our-solution.productfeatures .row.solution-mes-col-row{ margin-top: 10px;} .blog_section{ border-radius: 25px;padding: 40px 0 0;} .blog-june-single .blog_detail{ position: relative;top: -24px;max-width: 90%;margin: auto;box-shadow: 0 13px 21.5px rgba(112,119,153,0.28);} .blog-june-single .blog_img img{ width: 100%;height: auto;padding: 0px;margin-bottom: 0px;text-align: center;} .blog-june-single .blog-col{ display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: column-reverse;margin-bottom: 40px;} .blog-june-single .blog_section h2{ font-size: 24px;margin-bottom: 40px;} .blog-june-single .blogs_box .blog_img a{ height: auto;} .blog-june-single .blogs_box .blog_img a img{ height: auto;} .blog-june-single .blog_temp .blog_detail{ top: 15px;} .trusted_logo{ padding: 50px 0 50px;} .logo-img{ min-height: auto;padding: 20px 0;} .logo-img img{ max-height: 160px;} .testimonial_section:before{ border-radius: 25px;} .testimonial_section{ padding: 40px 0 30px;} .testimonial_section h2{ font-size: 24px;text-align: center;padding-right: 0px;margin-bottom: 20px;} .testimonial_section ul.slick-dots{ margin-top: 3px;} .logo-img.bottom_b:before{ display: block;} .trusted_logo h2{ font-size: 24px;margin-bottom: 10px;} .footer-container-wrapper .column3{ margin-top: 30px;padding-top: 30px;border-top: 2px solid #373843;} .footer-container-wrapper .column3 img{ max-width: 190px;margin: 0 auto;display: block;} .about_top:after{ display: none;} .about_top .col-md-6:first-child:after{ content: "";position: absolute;display: block;width: 100%; height: 100%;background-image: linear-gradient(#dcedf5,#cbf0ff);left: 0;top: 0;z-index: -1;border-radius: 0 0 40px 40px;} .about_left{ padding-left: 0;} .about_top .ph-img img{ padding: 50px 0 0;} .about_turtle .saving-turtle {width: 80%; margin: auto !important;} .sup_turtle .ph-img{ margin-top: 60px;} #contact .map-wrap{ margin-top: 60px;margin-bottom: 60px;} #contact .map-wrap iframe{ height: 430px;} .Leadership-wrap p:last-child{ margin-bottom: 0;} .qus_item .masonry-box h3{ font-size: 20px;} .our-solution{ padding-top: 40px;} section.solution-section.feature-top .section-heading-box{ margin-bottom: 75px;} .top_people_page.section-heading-box{ padding: 40px 0 170px;} .people_page_body section.solution-section{ margin-top: -120px;} .single_page .text-side h2{ font-size: 30px;margin: 0 0 20px;} .single_page .text-side p{ font-size: 16px;} .our-solution.productfeatures{ padding: 70px 0px;} .section-heading-box{ margin-bottom: 50px;} .section-heading-box p { max-width: 90%;} .biggrid .section-heading-box { margin-bottom: 20px;} .solution-section.feature-top.single_page:before{ width: 100%;border-radius: 0 0 50px 50px;} .single-media-box{ margin-left: auto;} .list-group.icon-list{ margin-bottom: 40px;} .solution-single .single-media-box{ border: 10px solid #fff;border-radius: 45px;} .detail-content.single-page{ padding: 70px 0px;} .simple_single .feature-top h1{ font-size: 35px;} .simple_single h1{ font-size: 25px;} .simple_blog_cont{ padding-top: 20px;} .simple_single .solution-section.feature-top:before{ border-radius: 0 0 40px 40px;} .simple_single .feature-top.our-solution { padding: 35px 0 25px 0;} .simple_single .about_left h2{ font-size: 20px;} .col-md-3:nth-child(5) .logo-img:before, .col-md-3:nth-child(6) .logo-img:before, .col-md-3:nth-child(7) .logo-img:before, .col-md-3:nth-child(8) .logo-img:before{ display: block;} .systm_require h3{ font-size: 20px;} .re-detail{ margin-bottom: 14px;} .partner_wrap .sidebar .resources-row .resources-text h3{ font-size: 16px;margin-bottom: 3px;} .partner_wrap .sidebar .resources-row .resources-text p{ font-size: 14px;} .partner_wrap .sidebar h2{ font-size: 20px;margin-top: 30px;} .custom-partners-inner{ width: 100%;} .custom-partners-group{ overflow: hidden;margin: 0;padding: 10px;} .custom-partners-inner{ width: 100%;min-height: auto;margin: 0;padding: 0;margin-bottom: 50px;} .uabb-face.uabb-front{ padding: 0 40px;-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);} .uabb-face.uabb-back{ background: #f0f0f0;font-size: 14px;line-height: 19px;color: #616161;text-align: left; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);top: 0;min-height: 503px;left: 0;} .uabb-face.uabb-back .uabb-flip-box-section{ padding: 40px;} .divswithlists .left-group, .divswithlists .right-group{ width: 100%;} .divswithlists p.checkmark-text.indentedflex{ display: block;margin: 0;padding-left: 3em;padding-right: 3em;} .divswithlists th.checkmark.shrink{ display: none;} .divswithlists td.checkmark.shrink{ display: none;} ul.tabbernav li a{ font-size: 12px;padding: 10px 10px;word-break: break-word;white-space: normal;text-align: center;} ul.tabbernav li{ margin: 0 10px 10px 10px;} .custom-news-tab-group{ padding: 30px 10px;} .ps-show-and-events .event-gallery { padding-top: 10px;padding-bottom: 20px;} .ps-show-and-events .event_detail{ box-shadow: none;padding: 0;margin: 0;} .pre-event .event_detail{ top: 20px;left: 0;margin: 0;} .pre-event h2{ font-size: 30px;margin: 30px auto;} .pre-event{ padding-bottom: 40px;} .about_left P a.newflag{ font-size: 16px;} .support_from{ padding-top: 30px;} .simple_blog_cont .hs_cos_wrapper_type_module{ padding-bottom: 40px;} .news-blog-D{ margin-bottom: 20px;padding: 20px 20px;} .news-blog-D .news_img, .news-blog-D .news_detail{ padding: 20px 20px;} .privacy-policy-text h2{ font-size: 25px;} .ps-blog-and-news{ padding: 70px 0px;} .ps-news, .custom-home-recent-post{ margin-bottom: 20px;height: auto;} .news-box-home h3{ font-size: 20px;} .ps-news p, .custom-home-recent-post p, .news-read a, a.seemore{ font-size: 14px;} .trancol_sec{ margin-bottom: 0;} .ps-ask-question .row .col-md-4 img{ float: none;} #contact .map-wrap iframe{ width: 100%;} .masonry .item{ width: 100%;} .blog-june-single .our-solution.productfeatures .col-md-4{ -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;min-width: 300px;} .blog-june-single .learning-section .anchor-box-col{ width: 100% !important;max-width: 100% !important;flex: 0 0 100%;margin-bottom: 42px;} .blog-june-single .cta_button{ display: flex;width: 100% !important;padding: 10px 0 !important;text-align: center;justify-content: center;} section.news_banner h2{ width: 50%;margin: auto;} .cta-wrapper.col_two {flex-direction: column;} .cta-wrapper.col_two .cta-btn-btn {width: 100%;} #solution_feture .col-block-wrap.mess-col {width: 50%;} .col-wap-block {padding-top: 20px;} .masonry {column-count: 1;} .CS_row .masonry .item {padding: 15px 15px 15px;} .blog-pagination a {margin: 14px 0; width: 100%; display: block;} .custom-questionnaire-mod .questionaaire-text {display: block; padding-bottom: 50px; padding-top: 21px;} .custom-questionnaire-mod .questionaaire-text p a {margin-top: -42px; font-size: 18px;} .simple-two-col-wrapper .inner-section {flex-direction: column;} .simple-two-col-wrapper .inner-section .simple-block-left {width: 100%;} #full-column p {padding: 0 0; font-size: 17px; line-height: 27px;} .download-wrap img {width: 100%!important; height: 200px!important; padding-right: 0; object-fit: contain!important;} } @media(max-width: 640px){ .custom-news-tab-group ul.tabbernav{ margin-bottom: 10px;} .fact-sheets .about_left {padding: 0;} .about_left{ padding: 40px 15px 30px 0px;} .about_left h3{ font-size: 25px;margin: 30px 0;} .saving-turtle h2{ padding-bottom: 30px;font-size: 25px;} .saving-turtle{ padding: 50px 15px 40px;} .sup_turtle .about_left h3{ font-size: 25px;margin: 10px 0 30px;} .sup_turtle .ph-img{ margin-top: 20px;} #contact .contact-left h3{ margin-bottom: 30px;font-size: 35px;} #contact .contact-left ul li p, #contact .contact-left ul li a{ font-size: 14px;} #contact .contact-right .img-wrap{ border: 15px solid #fff;} #contact .contact-right .img-wrap img{ border-radius: 55px 55px 0 55px;} #contact .map-wrap iframe{ height: 270px;border: 10px solid #fff;} .Leadership-wrap{ padding: 40px 15px;} .Leadership-wrap h2{ font-size: 25px;margin-bottom: 20px;} .Leadership-wrap p{ margin-bottom: 15px;} .Leadership-wrap.tools_des{ padding-left: 0;padding-right: 0;} .Leadership-members .text-wrap h2{ font-size: 25px;} .Leadership-members .text-wrap p{ font-size: 16px;} .Leadership-members .img-wrap .img-box{ border-width: 10px;} .Leadership-members .col-md-4.img-wrap{ padding: 0;} .Leadership-members .text-wrap{ padding: 25px 20px 25px 20px;margin-bottom: 30px;} .partner_wrap .sidebar { margin-top: 10px;} #video-col-block .sidebar { margin-top: 10px;} .single_page .text-side h2{ font-size: 25px;} .single-media-box{ border-radius: 35px 35px 0 35px;} .popup-acchor-row{ margin-top: 40px;} .our-solution.productfeatures{ padding: 30px 0;} .detail-content.single-page{ padding: 40px 0;} .single-content-col h2{ font-size: 20px;} .single-content-col .single-media-box{ margin: 30px 0;border-radius: 0 35px 35px 35px;} .sidebar h2{ font-size: 20px;} .sidebar .single-media-box{ border-radius: 0 35px 0 35px;} .solution__single .our-solution.productfeatures{ padding: 40px 0px;} .learning-section{ padding: 40px 0px;} .pathsolution-first-post{ padding: 55px 0 5px;} .event-gallery h3 a, .BL_detail .event-gallery h3, .event-gallery h3{ font-size: 25px;} .event-gallery p, .prelude_banner p, .event-gallery ul li{ font-size: 14px;} .blog-june-single .PR_img img{ border: 10px solid #fff;} .blog-june-single .blog_img img{ transform: scale(1.1);} .blog-june-single .post-header h2 a{ font-size: 25px;} .blog-june-single .post-listing .hs-featured-image{ border-radius: 30px;} .blog-june-single .BL_detail h2{ font-size: 18px;line-height: 25px !important;} .blog-june-single .single_BL p, .blog-june-single .blog-section .custom_listing_comments, .blog-section .more-link{ font-size: 14px;} .blog-june-single .BL_detail .section.post-header h1{ font-size: 25px;} .blog-june-single .BL_detail .comment_sec h2{ font-size: 17px;} .blog-june-single .comment_sec{ padding: 35px 0;} .blog-june-single .blog_detail{ padding: 20px;} .blog-june-single .blog_detail .blog_meta p{ font-size: 12px;} .blog-june-single .recent_img{ margin-top: 30px;} .blog-june-single .single_BL ul li{ font-size: 14px;} .blog-june-single .blog-section p, .blog-section ul li, .right_cs_single p, .right_cs_single ul li{ font-size: 14px;} .window_utility h5{ font-size: 20px;} .divswithlists strong, .divswithlists span{ font-size: 14px;} .divswithlists .custom-services-mod{ padding: 0 10px 10px;} .divswithlists .custom-services-mod .inner-group{ padding: 10px;} .pre-event h2{ font-size: 25px;} .ps-show-and-events .PR_img{ border-radius: 35px;border-width: 10px;} .about_left.content{ padding: 40px 0 30px 0px;} .simple_blog_cont .hs_cos_wrapper_type_module{ padding-bottom: 30px;} .privacy-policy-text p{ font-size: 14px;} .single-text-box{ padding-bottom: 25px;} } @media(max-width: 575px){ .footer-container-wrapper .column3 { margin-top: 15px;padding-top: 15px;} .footer-container-wrapper .column3 img p{ margin-bottom: 0;} } @media(max-width: 480px) { .content-block-lp h3 {padding-top: 0;} .content-block-lp ul li {line-height: 30px;} } @media (max-width: 479px){ /* body .fancybox-toolbar{ right: 0;top: 30%;} */ .partner_wrap .content ol li { line-height: 30px; } .partner_wrap .content p br { display: none; } } /* end responsive styles*/