.solutions .products-grid .card:not(.card-full-width) h3 { font-size: 18px; } @media (max-width: 992px) { .solutions .products-grid .card:not(.card-full-width) h3 { font-size: 18px; } } @media (max-width: 768px) { .solutions .products-grid .card:not(.card-full-width) h3 { font-size: 17px; } } @media (max-width: 480px) { .solutions .products-grid .card:not(.card-full-width) h3 { font-size: 16px; } } .kc-grid h2 { font-size: 16px; } @media (max-width: 992px) { .kc-grid h2 { font-size: 16px; } } @media (max-width: 768px) { .kc-grid h2 { font-size: 15px; } } @media (max-width: 480px) { .kc-grid h2 { font-size: 15px; } } /* * CUSTOM STYLES * */ .solutions .theme-icons, .solutions .intro, .solutions .products, .solutions .thought-leadership { border-bottom: 3px solid #e8e8e8; margin-bottom: 0; } @media (max-width: 768px) { .solutions .theme-icons p, .solutions .intro p, .solutions .products p, .solutions .thought-leadership p { text-align: left; } } @media (max-width: 768px) { .solutions .theme-icons { border-bottom: none; } } .solutions .intro h2 { font-family: "Proxima Nova Condensed", Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 1em; } .solutions .video-play { color: #fff; opacity: .8; } .solutions .video-play:hover { opacity: 1; } .solutions .video-close { position: fixed; top: 10px; right: 20px; } .solutions .video-close i { color: #fff; font-size: 3em; } .solutions .video-close i:hover { color: #318DA8; } .solutions .video-container { display: none; position: fixed; width: 100%; height: 100%; z-index: 2050; top: 0; background: rgba(0, 0, 0, 0.8); } .solutions .video-container video.marketing-video { width: 100%; height: 100%; } .solutions .products-grid h3, .solutions .products-grid h4 { line-height: 1.2; } .solutions .products-grid h3 a, .solutions .products-grid h4 a { color: #373737; } .solutions .products-grid h3 a:hover, .solutions .products-grid h4 a:hover { color: #318da8; } .solutions .products-grid .grid-sizer, .solutions .products-grid .card { width: 31%; float: left; } @media (max-width: 991px) { .solutions .products-grid .grid-sizer, .solutions .products-grid .card { width: 48.25%; } } .solutions .products-grid .gutter-sizer { width: 3.5%; } .solutions .products-grid .card-full-width { width: 100%; } .solutions .products-grid .img-parent-fixed img { height: auto; width: 100%; max-height: none; } .solutions .products-grid .img-parent-fixed { margin-bottom: 10px; } .solutions .card-stacking .resources { padding: 10px; } .solutions .card-stacking .resources a { color: #373737; } .solutions .card-stacking .resources a:hover { color: #318DA8; } .solutions .card-stacking .resource-object { width: 150px; margin-top: 4px; margin-left: 6px; } .solutions .card-stacking p { font-size: 14px; } .solutions .card-stacking .solution-type { color: #9B9B9B; font-size: 85%; } .solutions .products, .solutions .thought-leadership { position: relative; } .solutions .products h2, .solutions .thought-leadership h2 { text-transform: none; } .solutions .products h2 a, .solutions .thought-leadership h2 a { padding-top: 5px; font-family: "Proxima Nova", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; } .solutions .products h3, .solutions .products h4, .solutions .thought-leadership h3, .solutions .thought-leadership h4 { margin-top: 0; } .solutions .products h4, .solutions .thought-leadership h4 { color: #777777; font-weight: normal; } .solutions .thought-leadership { padding-bottom: 50px; } @media (max-width: 768px) { .solutions .thought-leadership h4 { margin-top: 20px; } } .solutions a.blog-title { color: #373737; } .solutions .intro p, .solutions .products p, .solutions .tailored-solution p { color: #777777; margin-bottom: 1em; } .solutions .product { padding-top: 70px; } @media (max-width: 768px) { .solutions .product { padding-top: 20px; padding-bottom: 40px; } } @media (max-width: 767px) { .solutions .product figure { position: static; } .solutions .product figure img { width: 100%; } } .solutions .product-info { width: 100%; max-width: 28.125em; margin: 100px auto; } @media (max-width: 767px) { .solutions .product-info { margin: 0 auto 30px; } } .solutions .product.targeting { min-height: 550px; } @media (max-width: 767px) { .solutions .product.targeting { min-height: 0; } } .knowledge-center .grid-sizer, .knowledge-center .tile { width: 24%; } @media (max-width: 767px) { .knowledge-center .grid-sizer, .knowledge-center .tile { width: 100%; } } .knowledge-center .gutter-sizer { width: 1.3%; } @media (max-width: 767px) { .knowledge-center .gutter-sizer { width: 0; } } .knowledge-center .tile { padding: 20px; -webkit-transition: box-shadow 200ms ease-in; transition: box-shadow 200ms ease-in; } @media (max-width: 767px) { .knowledge-center .tile { border: 0; padding: 0; } } .knowledge-center .tile:hover { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); -webkit-transition: box-shadow 50ms ease-in; transition: box-shadow 50ms ease-in; } @media (max-width: 767px) { .knowledge-center .tile:hover { box-shadow: none; } } .knowledge-center .tile img { margin-bottom: 10px; } .kc-grid a { color: #fff; } .kc-grid a:hover .overlay__color { opacity: .9; } .kc-grid a:hover h2 { text-decoration: underline; } .kc-grid .overlay__text { padding-left: 20px; position: absolute; top: 0; } .kc-grid h5 { color: #9B9B9B; } .kc-grid__item_full-height { height: 300px; } .kc-grid__item_half-height { height: 150px; } .meta.meta__kc { margin-top: 20px; margin-bottom: 10px; } .pdp-features .feature-list-container { display: table; width: 100%; height: 100%; } .pdp-features .feature-list-container .feature-list-cell { display: table-cell; vertical-align: middle; } .pdp-features img { width: 100%; } .pdp-features ul { -webkit-padding-start: 16px; line-height: 1.8; } .pdp-features .overlay { height: 258px; } @media (max-width: 1199px) { .pdp-features .overlay { height: 211px; } } @media (max-width: 991px) { .pdp-features .overlay { height: 159px; } } @media (max-width: 767px) { .pdp-features .overlay { height: 299px; } } @media (max-width: 480px) { .pdp-features .overlay { height: 170px; } } .pdp-case-studies { background: #f4f4f4; padding-top: 30px; padding-bottom: 80px; } .pdp-case-studies img { max-height: 170px; } .pdp-case-studies .tile { color: #777777; background: #fff; border: 1px solid #9B9B9B; } @media (max-width: 767px) { .pdp-case-studies .tile { margin-bottom: 20px; } } .pdp-case-studies .tile .tile-inner { padding: 20px; } .pdp-case-studies .tile .tile-inner.image-parent { display: table; width: 100%; min-height: 160px; border-bottom: 1px solid #9B9B9B; } .pdp-case-studies .tile .tile-inner.image-parent .image { display: table-cell; text-align: center; vertical-align: middle; } .pdp-case-studies .tile .tile-inner.image-parent .image img { max-width: 100%; } .pdp-case-studies .tile a { display: block; margin: 15px 0 0; color: #318DA8; } @media (max-width: 767px) { .pdp-testimonials .img-parent-fixed { border: 1px solid #9B9B9B; padding: 10px; margin-bottom: 10px; } } .pdp-testimonials .img-parent-fixed img { max-width: 80%; max-height: 80%; } @media (max-width: 767px) { .pdp-testimonials .img-parent-fixed img { margin: 0 auto; } } .pdp-testimonials .img-thumbnail { border-radius: 0; } .pdp-testimonials .img-ratio-sizer { padding-top: 100%; } .pdp-testimonials .testimonial-signature { display: block; text-align: right; } @media (max-width: 767px) { .pdp-testimonials .testimonial-signature { margin-bottom: 20px; } } .pdp-more-products h3 a { color: #373737; } .pdp-more-products h3 a:hover { color: #318DA8; } .pdp-more-products .img-parent-fixed img { height: auto; width: 100%; max-height: none; } .theme-icons { color: #EC6526; text-align: center; } @media (max-width: 767px) { .theme-icons { border-bottom: none; } } .theme-icons .carousel-indicators { position: relative; margin-bottom: 0; display: inline-block; width: 100%; left: 0; top: 0; margin-left: 0; } .theme-icons .carousel-indicators li { position: relative; padding-top: 10px; padding-bottom: 10px; border-radius: 0; width: 122px; height: 171px; border: none; text-indent: 0; } @media (max-width: 767px) { .theme-icons .carousel-indicators li { width: 100%; height: 30px; border-bottom: 2px solid #9B9B9B; } } .theme-icons .carousel-indicators li.active, .theme-icons .carousel-indicators li:hover { background-color: #eff9fa; color: #318DA8; } .theme-icons .carousel-indicators li + li { margin-left: 60px; } @media (max-width: 767px) { .theme-icons .carousel-indicators li + li { margin-left: 0; } } @media (min-width: 767px) { .theme-icons .carousel-indicators li + li::before { content: "\f105"; font-family: FontAwesome; font-size: 40%; position: absolute; left: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #9B9B9B; font-size: 3em; } } .theme-icons .carousel-indicators i { vertical-align: middle; font-size: 8em; line-height: 1.2; } .theme-icons .carousel-indicators .caption { display: block; line-height: 1; font-size: 1.2em; } .next-step { background-color: #f4f4f4; text-align: center; padding-bottom: 50px; padding-top: 30px; } .next-step i { font-size: 8em; color: #EC6526; } .tailored-solution.pdp-tailored-solution { background: #f4f4f4; padding-top: 30px; padding-bottom: 80px; } .tailored-solution.pdp-tailored-solution h2 { font-family: "Proxima Nova Condensed", Helvetica, Arial, sans-serif; } .tailored-solution.pdp-tailored-solution h2, .tailored-solution.pdp-tailored-solution p { text-align: left; } .tailored-solution li + li { margin-left: 90px; } @media (max-width: 1199px) { .tailored-solution li + li { margin-left: 50px; } } @media (max-width: 991px) { .tailored-solution li + li { margin-left: 40px; } } @media (max-width: 768px) { .tailored-solution li + li { margin-left: 0; } } .tailored-solution i { font-size: 8em; color: #318DA8; } @media (max-width: 991px) { .tailored-solution i { font-size: 4.5em; } } .tailored-solution h4 { margin-top: 50px; color: #373737; } @media (max-width: 768px) { .tailored-solution h3, .tailored-solution p { text-align: left; } .tailored-solution li { width: 49%; font-size: 12px; } } .solutions-options { background-color: #f4f4f4; padding-bottom: 20px; } .solutions-options h3 { text-align: center; } .solutions-options button { margin-bottom: 10px; margin-right: 10px; } .social { font-size: .5rem; } .social i { color: #777777; } .social li + li { margin-left: 30px; } .footer-fixed-mkt { position: fixed; bottom: 0; right: 0; left: 0; z-index: 1030; margin-bottom: 0; padding-top: 20px; padding-bottom: 15px; background-color: rgba(71, 83, 107, 0.9); text-align: center; color: #fff; } .footer-fixed-mkt .call-us { display: block; } .footer-fixed-mkt .call-us a { color: #fff; } .call-us { margin-left: 15px; } .blog__listing, .blog__body { margin-bottom: 20px; } .blog__listing .meta__blog-taxonomy, .blog__listing .comments, .blog__body .meta__blog-taxonomy, .blog__body .comments { color: #777777; margin-bottom: 30px; } .blog__listing .meta__blog-taxonomy a, .blog__listing .comments a, .blog__body .meta__blog-taxonomy a, .blog__body .comments a { color: #777777; } .blog__listing .meta__blog-taxonomy a:hover, .blog__listing .comments a:hover, .blog__body .meta__blog-taxonomy a:hover, .blog__body .comments a:hover { color: #318DA8; } .blog__listing .social-links li, .blog__body .social-links li { margin-bottom: 10px; } .blog__listing .social-links .social-facebook a, .blog__body .social-links .social-facebook a { padding: 0 30px; } @media (max-width: 767px) { .blog__listing .social-links .social-facebook a, .blog__body .social-links .social-facebook a { padding: 6px 20px; } } .blog__listing .social-links .social-twitter a, .blog__body .social-links .social-twitter a { padding: 0 26px; } @media (max-width: 767px) { .blog__listing .social-links .social-twitter a, .blog__body .social-links .social-twitter a { padding: 6px 16px; } } .blog__listing .media-object, .blog__entry .media-object { width: 75px; } .blog__entry-text { font-size: 14px; line-height: 1.5; color: #373737; } .blog__entry-text img { max-width: 100%; height: auto; } .blog__entry-comment-author { margin-bottom: 10px; } .abstract img, .blog__entry img { margin-bottom: 15px; } .subscribe, .categories { margin-bottom: 20px; } .panel a { color: #373737; } .panel a:hover { color: #318DA8; } .panel .media-object { width: 45px; } .nav-subnav .btn-secondary-fill:not(.active) { background-color: #fff; color: #318DA8; } .nav-subnav .btn-secondary-fill.active { box-shadow: inset 1px 1px 1px 1px #9B9B9B; } /* * TO BE REVIEWED * CUSTOM STYLES NOT IN PROTOTYPE * */ .scrollToTop{ background: none; bottom: 15%; border-radius:5px 0 0 5px; color: #fff; display: none; font-weight: bold; line-height: 13px; padding:10px; position: fixed; right: 0; text-align: center; text-decoration: none; z-index : 1000; } .kc-articl-container .col-kc-articles img.img-thumbnail { max-height: 83px; margin: auto; display: block; } .solutions .card-stacking .resource-object{ margin-bottom:10px; } .products-grid .section-header a{ white-space:nowrap; } .products-grid .section-header i.fa{ margin-left:5px; } .pdp-case-studies h2 small p, .solutions-page-desc h2 small p{ font-size:100%; line-height: 1.8; } .sanr-text { min-width:165px; } .breadcrumb-pipe:before{ content: none !important} .nav-bar { float: left; } .overlay a.overlay-link-text{ color:#ffffff; } .section-header .all-filter{ position: absolute; top: 0; right: 0; padding-top: 5px; font-family: "Proxima Nova", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #18A7B5; cursor:pointer; background:none; border:0; } .section-header .all-filter:hover, .section-header .all-filter:focus { color: #0f6971; text-decoration: underline; outline:0; }/* .section-header .all-filter:focus { outline: thin dotted; outline-offset: -2px; } */ .option-buttons.prod-filter{ text-align:left; } .header-mobile .navbar-nav ul.dropdown-menu.contact p, .nav-sticky .navbar-nav.navbar-right .dropdown-menu p{ font-size:14px; } /*KC styles*/ .magazine-view .thumbnail h3{ margin-top:10px; } .magazine-view p.content-types{ padding: 10px 10px 0 10px; margin-bottom:0; } div#imageloader { text-align: center; } .kc-keyword-search #kcSearchID{ margin-right: 1px; margin-left: -1px; min-width: 150px; } .resources_resources-knowledge-center section.nav-subnav{ margin-bottom:20px; } .resources_resources-knowledge-center .section-header{ margin-top:0; } .blog-entry .Article-summary img{ margin: 10px; } @media (min-width:768px) and (max-width: 991px) { .col-resources .section-header a{ white-space: nowrap; } .next-step .col-sm-2 .btn { display: inline; left: -12px; position: relative; } .solutions .card-stacking .resource-object { margin-bottom: 10px; display: block; float: none !important; margin-left: 0; } } @media (max-width:767px){ .kc-articl-container .col-kc-articles img.img-thumbnail { max-height: 230px; } .solutions .thought-leadership { padding-bottom: 0; } .solutions .thought-leadership{ padding-bottom:0; } .solutions .thought-leadership .margin-bottom-xl, .mb-xl { margin-bottom: 10px; } .footer-fixed-mkt a.btn.sanr-text.mb-sm { margin: 5px 10px 15px 10px; } .magazine-view .thumbnail{ border:0; } p.content-types { padding: 0; margin-bottom: 0; } .magazine-view .thumbnail p{ padding: 0; margin-bottom: 0; } .blog-entry .Article-summary img{ margin: 10px auto; padding: 0; width: auto; float: none; width: 100%; } body.resources_resources-knowledge-center-detail{ padding-top: 35px; } } @media (max-width:480px){ .solutions .next-step span.call-us { display: block; margin-top: 20px; } .jumbotron h1 { font-size: 22px; } .mobwidth-full{ width:100% !important; } .footer-fixed-mkt a.btn.sanr-text.mb-sm { margin: 5px 5px 15px 5px; } .sanr-text { min-width: auto; } section.next-step .sanr-text{ min-width: 165px; } } /* common styles Marketo forms*/ .mktoForm{ width:100% !important; font-family: "Proxima Nova", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #373737; margin-bottom:5px; } .mktoForm .mktoFormCol{ position:relative; } .mktoForm .mktoFormRow{ width:100%; } .mktoForm .mktoGutter{ display:none; } .mktoForm .mktoFieldWrap{ width:100% !important; } .mktoForm .mktoError{ left:10px; right:auto !important; } .mktoForm .mktoRequiredField label.mktoLabel,.mktoForm label.mktoLabel{ display: inline-block; width: 100% !important; width: 100% !important; margin-bottom: 10px !important; margin-top:10px; font-weight: bold; font-size:14px; font-family:"Benton Sans", Helvetica, Arial, sans-serif !important } .mktoForm .mktoField, .mktoForm .mktoLogicalField { display: block; width: 100% ; margin-left:0; height: 34px; padding: 6px 12px !important; font-size: 14px; line-height: 1.42857; color: #9b9b9b; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .mktoForm .mktoField[type="checkbox"], .mktoForm .mktoLogicalField[type="checkbox"],.mktoForm .mktoField[type="radio"], .mktoForm .mktoLogicalField[type="radio"]{ background: none !important; border: 0; width: auto !important; box-shadow: none; padding: 0px 20px; margin: 0; float:left; margin-left: -10px; width:auto !important; padding:0 !important; } .mktoLogicalField.mktoCheckboxList.mktoHasWidth { background: none !important; border: 0; box-shadow: none; width: auto !important; float: left; } .mktoForm .mktoField[type="checkbox"]:focus, .mktoForm .mktoLogicalField[type="checkbox"]:focus { box-shadow:none; border:0; } .mktoForm .mktoField:focus, .mktoForm .mktoLogicalField:focus{ } .mktoLogicalField.mktoCheckboxList.mktoHasWidth:focus,.mktoLogicalField.mktoCheckboxList.mktoHasWidth:active { box-shadow:none; } .mktoForm .mktoField:focus , .mktoForm .mktoLogicalField:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .mktoForm .mktoField:-moz-placeholder ,.mktoForm .mktoLogicalField:-moz-placeholder{ color: #999; opacity: 1; } .mktoForm .mktoField:-ms-input-placeholder,.mktoForm .mktoLogicalField:-ms-input-placeholder{ color: #999; } .mktoForm .mktoField::-webkit-input-placeholder { color: #999; } .mktoForm .mktoField[disabled], .mktoForm .mktoField[readonly], fieldset[disabled] .mktoForm .mktoField ,.mktoForm .mktoLogicalField{ background-color: #e8e8e8; opacity: 1; } .mktoForm .mktoField[disabled],.mktoForm .mktoLogicalField[disabled]{ cursor: not-allowed; } .mktoForm textarea.mktoField,.mktoForm textarea.mktoLogicalField { height: auto; } .mktoForm input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mktoForm input[type="date"], .mktoForm input[type="time"], .mktoForm input[type="datetime-local"], .mktoForm input[type="month"] { line-height: 34px; } } .mktoForm .radio, .mktoForm .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .mktoForm .radio label, .mktoForm .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .mktoForm nput[type="radio"], .mktoForm input[type="checkbox"]{ position: absolute; margin-left: -20px; margin-top: 4px \9; } .mktoForm .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 2px; } .mktoForm .mktoOffset{ display:none; } /*submit button styles*/ .mktoForm .mktoButtonRow{ width:100%; } span.mktoButtonWrap.mktoNative{ margin:auto !important; display:block; } .mktoForm button.mktoButton{ display: inline-block; margin:auto; float:right; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background-color: #ec7d26; border-color: #e47014; } .mktoForm button.mktoButton:focus, .mktoForm button.mktoButton.focus { color: #fff; background-color: #cd6412; border-color: #6f360a; } .mktoForm button.mktoButton:hover { color: #fff; background-color: #cd6412; border-color: #ac540f; } .mktoForm button.mktoButton:active{ color: #fff; background-color: #cd6412; border-color: #ac540f; } .mktoForm button.mktoButton:active, .mktoForm button.mktoButton.active{ background-image: none; } .mktoForm p span{ font-family: 'Benton Sans', Helvetica, Arial, sans-serif !important; font-size:11.4px !important; font-weight: normal; } /*contact-us form styles*/ #contact-rmi-marketo .mktoForm .mktoField, .mktoForm .mktoLogicalField { display: block; width: 96% !important; margin-left:2%; height: 34px; padding: 6px 12px !important; font-size: 14px; line-height: 1.42857; color: #9b9b9b; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #contact-rmi-marketo .mktoForm input.mktoField[type="checkbox"], .mktoForm mktoLogicalField[type="checkbox"]{ display: inline; width: auto !important; margin-left:0; padding: 0 !important; font-size: 14px; height:30px; line-height: 1.42857; color: #9b9b9b; background-color: #fff; background-image: none; border: 0; border-radius: 0; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #contact-rmi-marketo .mktoForm input.mktoField#emailOptin[type="checkbox"]{ height:25px; } #contact-rmi-marketo .mktoForm .mktoFormRow .mktoFormCol{ width:50%; } #contact-rmi-marketo .mktoForm .mktoField, #contact-rmi-marketo .mktoForm .mktoLogicalField{ margin:auto; } #contact-rmi-marketo.raq-form .mktoForm .mktoField, #contact-rmi-marketo.raq-form .mktoForm .mktoLogicalField{ margin-left:0; } #contact-rmi-marketo .mktoForm .mktoButtonRow{ margin-top: 0px; } #contact-rmi-marketo .mktoForm .mktoRequiredField label.mktoLabel{ padding-left:0px; } #contact-rmi-marketo .mktoForm label[for="emailOptin"],.mktoForm label[for="requestaDemo"],.mktoForm label[for="Send_a_Release_accelerator__c"]{ font-weight: normal; position: relative; margin: 10px 30px; font-family:"Benton Sans", Helvetica, Arial, sans-serif; } #contact-rmi-marketo .mktoForm label[for="emailOptin"] span,.mktoForm label[for="requestaDemo"] p,.mktoForm label[for="Send_a_Release_accelerator__c"] p{ font-weight: normal; font-family:"Benton Sans", Helvetica, Arial, sans-serif; font-size:14px !important; line-height: 1.42857; color: #373737; background-color: #fff } #contact-rmi-marketo .mktoForm label[for="emailOptin"] p.p1{ position: relative; margin-right: 20px; width: 185%; } #contact-rmi-marketo .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"]{ width:auto !important; padding:0; } #contact-rmi-marketo .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] .mktoAsterix{ position:absolute; left:-30px; } #contact-rmi-marketo .mktoForm select#Demo_Type__c { margin-left: 20px; } #contact-rmi-marketo label.mktoLabel.mktoHasWidth[for="Demo_Type__c"]{ margin-left: 10px; margin-bottom: 5px; } #contact-rmi-marketo .mktoForm label.mktoLabel[for="Twitterhandle"]{ margin-left: 10px; font-weight: bold; font-size:14px; margin-bottom: 10px; margin-top: 10px; } #contact-rmi-marketo .mktoForm label.mktoLabel p.ch1{ font-weight: normal; margin-left: 30px; } /*prog-prof-form form styles*/ #prog-prof-form .mktoForm .mktoFormCol { position: relative; width: 100%; } #prog-prof-form .mktoForm .mktoHtmlText.mktoHasWidth{ width:100% !important; } #prog-prof-form .mktoForm .mktoLogicalField[type="checkbox"],#prog-prof-form .mktoForm .mktoField[type="checkbox"]{ width: auto !important; z-index: 2; margin-left:0; } #prog-prof-form .mktoForm input#emailOptin,#prog-prof-form .mktoForm input#Terms_and_Conditions__c{ margin-left: 0; z-index: 2; left: 0; height: auto; padding: 0 !important; vertical-align: middle; top: 10px; } #prog-prof-form .mktoForm input#Terms_and_Conditions__c { top: 20px; } #prog-prof-form .mktoForm label[for="emailOptin"],#prog-prof-form .mktoForm label[for="Terms_and_Conditions__c"]{ margin-top:0; line-height:1.42857; } #prog-prof-form .mktoForm label[for="Terms_and_Conditions__c"] { margin-top: 10px; line-height:1.42857; } #prog-prof-form .mktoForm .mktoField, #prog-prof-form .mktoForm .mktoLogicalField{ width:100% !important; font-size:14px; } #prog-prof-form .mktoForm .mktoField label.mktoLabel, #prog-prof-form .mktoForm .mktoLogicalField label.mktoLabel{ margin:0; } #prog-prof-form .mktoForm label[for="emailOptin"] .mktoAsterix { left: -10px !important; position: absolute; top: 10px; } #prog-prof-form .mktoForm p.p1{ margin-top: -30px; margin-left: 20px; float:left; } #prog-prof-form .mktoForm p.p1 span{ font-size:14px !important; } #prog-prof-form .mktoForm p.ch1,#prog-prof-form .mktoForm p.ch2{ margin:5px 20px; font-weight:normal; line-height:1.42857; } #prog-prof-form .mktoForm p.ch2 span{ font-family:'Benton Sans', Helvetica, Arial, sans-serif; font-size:14px !important; line-height:1.42857; } #prog-prof-form .mktoForm button.mktoButton{ padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 4px; width:100%; } #prog-prof-form .mktoForm .mktoRequiredField label.mktoLabel,#prog-prof-form .mktoForm label.mktoLabel{ margin-bottom:10px !important; } #prog-prof-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth { margin: 0 !important; position: absolute; } #prog-prof-form .mktoForm .mktoFormCol{ min-height: 2.5em; } #prog-prof-form .mktoForm p.ch1 > a, #prog-prof-form .mktoForm p.ch2 > a{ position: relative; z-index: 2; } /*Persona form styles*/ /* div#kc-persona-form .mktoForm { padding:0px 5px !important; } */ div#kc-persona-form .alert-info { background-color: #f5f5f5; border-color: #ccc; padding:10px; } #kc-persona-form { margin-top: 2px; float: left; margin-right: 15px; } #kc-persona-form .mktoForm .mktoField, #kc-persona-form .mktoForm .mktoLogicalField{ /* width:auto !important; margin:auto !important; max-width:245px; min-width:200px; */ max-width:380px; font-size:14px; } #kc-persona-form { width: 100%; /* margin-left:-10px; */ } #personaLink p{ margin-bottom:0px; } #kc-persona-form .alert-info{ margin-bottom:0px; } .featureContentlg{ margin-top:10px; } .kc-find-oc{ background: #f5f5f5; padding: 6px; text-decoration: underline; } #PersonaEdit .roles-head{ color: #000; font-size: 14px; font-family: arial; margin-bottom: 0; margin-top:0; } .persona-edit-link, .persona-showall-link{ color:#3d98c6 !important; cursor:pointer; margin-left:10px; } .persona-showall-link{ margin-left:5px; } .result-info { margin-bottom: 0; font-size: 15px; font-weight: normal !important; font-style: italic; font-family: inherit; padding-top:5px; color:#333; } #person-insight-no-form{ cursor:pointer; float:left; } #showAllContentBtn{ margin-bottom:0px; text-align:right; margin-top:3px; } #personaContainer .mktoForm .mktoFormCol { margin-bottom:0px !important; } #PersonaEdit .icon-star{ line-height: 18px; float: left; margin-right: 8px; color:#999; } #personaContainer #dvPersonaLink{ padding:0px 5px; } #kc-persona-form .mktoForm .mktoRequiredField label.mktoLabel { opacity: 1; width: auto !important; float: left !important; margin-right: 5px; line-height: 5px; margin-left: 5px; } .section.k-c .image { height: 120px; /* or any height you want */ overflow: hidden; } .persona-info-btn { text-decoration:none; margin-left:10px; } .persona-edit-link, .persona-showall-link{ color:#3d98c6; cursor:pointer; margin-left:10px; } .persona-showall-link{ margin-left:5px; } .result-info { font-size: 15px; font-weight: normal !important; font-style: italic; font-family: inherit; margin-bottom: 15px; padding-top: 0; color:#333; } #person-insight-no-form{ cursor:pointer; float:left; } #showAllContentBtn{ margin-bottom:0px; text-align:right; font-size:14px; } #kc-persona-form .mktoForm .mktoFormCol { margin-bottom:0px !important; } #PersonaEdit .icon-star{ line-height: 18px; float: left; margin-right: 8px; color:#999; } #kc-persona-form #dvPersonaLink{ padding:0px 5px; } span#personaCancel { padding: 6px 10px; position: relative; left: 0px; float:left; cursor:pointer; color:#3d98c6; font-weight:bold; } #kc-persona-form p.p1 , #kc-persona-form p.p1{ margin: 8px 0 0 0px; margin-right: 30px !important; } #kc-persona-form .mktoButtonRow .mktoButton { color: #fff; background-color: #ec7d26; border-color: #e47014; } #kc-persona-form .mktoButtonRow .mktoButton:focus, #kc-persona-form .mktoButtonRow .mktoButton.focus { color: #fff; background-color: #cd6412; border-color: #6f360a; } #kc-persona-form .mktoButtonRow .mktoButton:hover { color: #fff; background-color: #cd6412; border-color: #ac540f; } #kc-persona-form .mktoButtonRow .mktoButton:active, #kc-persona-form .mktoButtonRow .mktoButton.active, .open > #kc-persona-form .mktoButtonRow .mktoButton.dropdown-toggle { color: #fff; background-color: #cd6412; border-color: #ac540f; } #kc-persona-form .mktoButtonRow .mktoButton:active:hover, #kc-persona-form .mktoButtonRow .mktoButton:active:focus, #kc-persona-form .mktoButtonRow .mktoButton:active.focus, #kc-persona-form .mktoButtonRow .mktoButton.active:hover, #kc-persona-form .mktoButtonRow .mktoButton.active:focus, #kc-persona-form .mktoButtonRow .mktoButton.active.focus, .open > #kc-persona-form .mktoButtonRow .mktoButton.dropdown-toggle:hover, .open > #kc-persona-form .mktoButtonRow .mktoButton.dropdown-toggle:focus, .open > #kc-persona-form .mktoButtonRow .mktoButton.dropdown-toggle.focus { color: #fff; background-color: #ac540f; border-color: #6f360a; } #kc-persona-form .mktoButtonRow .mktoButton:active, #kc-persona-form .mktoButtonRow .mktoButton.active, .open > #kc-persona-form .mktoButtonRow .mktoButton.dropdown-toggle { background-image: none; } #kc-persona-form .mktoButtonRow .mktoButton.disabled, #kc-persona-form .mktoButtonRow .mktoButton.disabled:hover, #kc-persona-form .mktoButtonRow .mktoButton.disabled:focus, #kc-persona-form .mktoButtonRow .mktoButton.disabled.focus, #kc-persona-form .mktoButtonRow .mktoButton.disabled:active, #kc-persona-form .mktoButtonRow .mktoButton.disabled.active, #kc-persona-form .mktoButtonRow .mktoButton[disabled], #kc-persona-form .mktoButtonRow .mktoButton[disabled]:hover, #kc-persona-form .mktoButtonRow .mktoButton[disabled]:focus, #kc-persona-form .mktoButtonRow .mktoButton[disabled].focus, #kc-persona-form .mktoButtonRow .mktoButton[disabled]:active, #kc-persona-form .mktoButtonRow .mktoButton[disabled].active, fieldset[disabled] #kc-persona-form .mktoButtonRow .mktoButton, fieldset[disabled] #kc-persona-form .mktoButtonRow .mktoButton:hover, fieldset[disabled] #kc-persona-form .mktoButtonRow .mktoButton:focus, fieldset[disabled] #kc-persona-form .mktoButtonRow .mktoButton.focus, fieldset[disabled] #kc-persona-form .mktoButtonRow .mktoButton:active, fieldset[disabled] #kc-persona-form .mktoButtonRow .mktoButton.active { background-color: #ec7d26; border-color: #e47014; } #kc-persona-form .mktoButtonRow .mktoButton .badge { color: #ec7d26; background-color: #fff; } #kc-persona-form .mktoFormRow, #kc-persona-form .mktoFormRow, #kc-persona-form .mktoButtonRow{ width:auto !important; float:left; } #kc-persona-form .mktoButtonRow .mktoSimple{ margin-left:0 !important; } #kc-persona-form .mktoButtonRow .mktoButton{ margin-left:10px; } #kc-persona-form label.mktoLabel, #kc-persona-form label.mktoLabel{ display: block; width: 100% !important; } #kc-persona-form label.mktoLabel.mktoHasWidth[for="Twitterhandle"],#kc-persona-form label.mktoLabel.mktoHasWidth[for="Twitterhandle"] { margin: 0px 2px 8px !important; } #kc-persona-form .mktoGutter,#kc-persona-form .mktoGutter{ display:none; } #kc-persona-form input[type='checkbox'], #kc-persona-form input[type='checkbox']{ width: auto; height:auto !important; border:none; margin:-28px 0px 0px 15px !important; } #kc-persona-form .mktoForm .mktoError{ right: 20% !important; bottom: -34px; left:auto; } #kc-persona-form button#closeButn { margin-right: 20px; } #kc-persona-form .mktoForm select.mktoField { height: 34px; max-height: 34px; } #kc-persona-form .kc-search{ max-width:250px; } #contact-rmi-marketo.email-us .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] { width: 100% !important; } /* #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 { position: fixed; margin-right: 20px; width: 185%; position: relative; }*/ #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 ul{ width:100% !important; } #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 ul li{ padding:5px 0; } #contact-rmi-marketo.email-us .mktoForm .mktoButtonRow { margin-top: 15px; } #contact-rmi-marketo.email-us .mktoForm .mktoButtonRow .mktoButton{ margin-right: 0px } .knowledge-center .masonry .tile { opacity: 1; } #contact-rmi-marketo.raq-form label.mktoLabel.mktoHasWidth[for="Demo_Type__c"]{ margin-left: 0px; } #contact-rmi-marketo.raq-form .mktoForm select#Demo_Type__c { margin-left: 0px; } #contact-rmi-marketo.raq-form .mktoForm label.mktoLabel{ display: inline-block; width: 100% !important; width: 100% !important; margin-bottom: 10px !important; margin-top:10px; font-weight: bold; font-size:14px; font-family:"Benton Sans", Helvetica, Arial, sans-serif !important } #contact-rmi-marketo.raq-form .mktoForm label[for="emailOptin"] p.p1 { margin-right: 20px; width: 185%; position: relative; } #contact-rmi-marketo.raq-form .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] { width: 100% !important; } .reqimg-container{ float:right; } #contact-rmi-marketo .mktoForm .mktoLogicalField.mktoCheckboxList,#contact-rmi-marketo.email-us .mktoForm .mktoLogicalField.mktoCheckboxList{ position:absolute; width:100% !important; } #contact-rmi-marketo.email-us .mktoForm .mktoButtonRow .mktoButton,#contact-rmi-marketo.raq-form .mktoForm .mktoButtonRow .mktoButton,#contact-rmi-marketo .mktoForm .mktoButtonRow .mktoButton{ margin:auto; display:block; float:none; } #contact-rmi-marketo .mktoForm .twitter-typeahead-wrapper{ width:100% !important; } .solutions .overlay .overlay__text{ position:static; } @media (min-width:991px) and (max-width:1200px){ /*Persona form styles*/ #kc-persona-form .mktoForm .mktoField, #kc-persona-form .mktoForm .mktoLogicalField{ max-width:180px; } #kc-persona-form .mktoForm .mktoError { right: 10% !important; } } @media (max-width:991px){ #showAllContentBtn{ float:none; text-align:Left; margin-top:10px; padding-left:10px; } .kc-blog-toggle{ margin-top:2px; } } @media (min-width: 768px) and (max-width: 991px) { /*Persona form styles*/ #kc-persona-form .mktoField, #kc-persona-form .mktoField { max-width:100% !important; } #kc-persona-form .mktoForm select.mktoField { max-width:160px !important; height: 34px; max-height: 34px; } #kc-persona-form .mktoForm .mktoFormCol { float: left !important; } .resources .mec-square .btn { font-size:12.5px; } } @media(min-width:768px){ /*Persona form styles*/ #kc-persona-form .mktoOffset{ display:none; } #prog-prof-form .mktoForm .mktoButtonRow{ margin-top:15px; } } @media(max-width:767px){ .mktoFormRow { width: auto; } /* #prog-prof-form .mktoForm .mktoButtonRow{ margin-top:-40px; } */ .mktoForm .mktoField, .mktoForm .mktoLogicalField { margin:auto; width:100%; } .mktoForm .mktoFormRow .mktoFormCol{ width:100%; clear:both; } #contact-rmi-marketo .mktoForm .mktoField, .mktoForm .mktoLogicalField{ width:100% !important; margin-left:0; } #contact-rmi-marketo .mktoForm .mktoFormRow .mktoFormCol{ width:100%; clear:both; } .mktoForm .mktoField, .mktoForm .mktoLogicalField{ width:100%; margin-left:0; } .mktoForm .mktoButtonRow{ width:100%; margin-top: 0px; } #contact-rmi-marketo .mktoForm select#Demo_Type__c{ margin-left:0; } /*Persona form styles*/ #kc-persona-form { margin-top:5px; } #kc-persona-form { margin-bottom:0px; float:none; text-align:Left; } div#kc-persona-form .alert-info { padding-left: 5px; } #kc-persona-form .mktoForm .mktoButton { margin-bottom:10px; margin-top: 15px; } div#kc-persona-form .mktoForm .mktoButtonWrap { margin-left: -8px !important; } .result-info{ text-align:left; } span#personaCancel { padding-left:0px; } #kc-persona-form .mktoFormRow { width: 100% !important; } #kc-persona-form input[type='checkbox'], #kc-persona-form input[type='checkbox'] { margin: 3px !important; } #kc-persona-form p.p1, #kc-persona-form p.p1 { margin: -35px 0 0 50px; } #kc-persona-form span.mktoSimple, #kc-persona-form span.mktoSimple{ display:block; text-align:center; } #kc-persona-form .mktoHtmlText, #kc-persona-form .mktoHtmlText{ width:100% !important; } #kc-persona-form .mktoFormRow, #kc-persona-form .mktoFormRow{ width:100% !important; } #kc-persona-form .mktoButtonRow .mktoButton, #kc-persona-form .mktoButtonRow .mktoButton { margin:auto; } #kc-persona-form .mktoForm .mktoRequiredField label.mktoLabel{ width:100% !important; margin-bottom:5px; } #kc-persona-form .mktoForm .mktoField, .mktoForm .mktoLogicalField { width: 100% !important; margin: auto !important; font-size:14px; } #kc-persona-form .mktoForm .mktoButtonRow { width: 100%; margin-top: 15px; } div#kc-persona-form .mktoForm .mktoButtonWrap { margin-left: 0px !important; } #kc-persona-form .mktoForm .mktoFieldWrap { width: 100%; margin-bottom: 10px; } #kc-persona-form .mktoForm .mktoField, #kc-persona-form .mktoForm .mktoLogicalField{ width:100%; max-width:100%; } span#personaCancel { padding-left: 10px; padding-top: 10px; clear: both; } #showAllContentBtn{ padding-left: 5px; padding-top: 5px; margin-top:0; }#kc-persona-form { width: 100%; margin-left:auto; } .result-info { padding-top:15px; margin-bottom:0; } #kc--category-mobile-header h1{ font-size: 20px; margin-top: -15px; margin-bottom: 10px; } #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 a,#contact-rmi-marketo .mktoForm label[for="emailOptin"] p.p1 a,#contact-rmi-marketo.raq-form .mktoForm label[for="emailOptin"] p.p1 a{ padding:0px; white-space: nowrap; } #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 a,#contact-rmi-marketo .mktoForm label[for="emailOptin"] p.p1,#contact-rmi-marketo.raq-form .mktoForm label[for="emailOptin"] p.p1 { width: auto; } #contact-rmi-marketo.email-us .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] { width: 100% !important; } .resources #keyword{ width: 45%; float: left; margin-right: 3px; } .resources #kcSearchID{ width: 40%; float: left; } } @media(max-width:480px){ /*Persona form styles*/ #contact-rmi-marketo .mktoForm .mktoFormCol .mktoLabel { width: auto; } #personaLink { margin-top: -25px !important; } #kc-persona-form { margin-top:-5px; } .mktoForm .mktoField, .mktoForm .mktoLogicalField { width: 100% !important; font-size: 14px; padding: 15px 10px !important; } #kc-persona-form .mktoForm .mktoField, .mktoForm .mktoLogicalField ,#kc-persona-form .mktoForm select{ width: 100% !important; font-size: 14px; padding: 8px 10px !important; height:34px; } .kc-keyword-search #kcSearchID { min-width: 100px; } .blog-mast img { width: 100%; } .social-share .social-links li{ margin:5px; } #kc--category-mobile-header h1{ margin-bottom: 20px; } #contact-rmi-marketo .mktoForm .mktoButtonRow { margin-top: 0px; } #contact-rmi-marketo.email-us .mktoForm .mktoButtonRow { margin-top: 0px; } #contact-rmi-marketo .mktoForm input.mktoField#emailOptin[type="checkbox"]{ height:20px; } #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 a,#contact-rmi-marketo .mktoForm label[for="emailOptin"] p.p1 a,#contact-rmi-marketo.raq-form .mktoForm label[for="emailOptin"] p.p1 a{ padding:0px; white-space: nowrap; } .At_video{ width:auto !important; height:auto !important; } .resources .kc-search,.kc-keyword-search{ width: 100%; float: none !important; clear: both; text-align:center; } .resources #keyword{ width: 40%; float: left; margin-right: 3px; } #contact-rmi-marketo .mktoForm select#Demo_Type__c { margin-left:0; } #contact-rmi-marketo .mktoForm select#Demo_Type__c option{ padding:0; } #prog-prof-form .mktoForm select.mktoField { height:34px; } #prog-prof-form .mktoForm .mktoButtonRow{ margin-top:15px; } #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 ul{ width:100% !important; } #contact-rmi-marketo.email-us .mktoForm label[for="emailOptin"] p.p1 ul li{ padding:5px 0; } } /*persona-form form styles ends here*/ /*contact us thank you page styles*/ .tpage-articles .kc-tile-image img{ max-height:165px; } .tpage-articles .ym-head{ font-size: 22px; margin-bottom: 20px; } .tpage-articles .article-border{ margin: 0; border-width: 5px; margin-top: 5px; border-color: #47536b; } .tpage-articles .article-head{ font-size: 22PX; color: #555555; } .tpage-articles .tile h4{ color: #373737; font-family: "Benton Sans",Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; margin-top: 10px; font-size:14px; } .tpage-articles .tile h4 a{ color:#373737; } .tpage-articles .tile h4 a:hover{ color: #318DA8; } .tpage-articles .bg-grey{ background:#f0f0f0; padding:10px; font-weight:bold; } .tpage-articles .more-resources{ float: right; text-transform: capitalize; white-space: nowrap; } @media(max-width:767px){ .tpage-articles .tile.card{ margin-bottom:30px; } .ym-head.ym-bottom{ margin: 0; float: left; } } @media(max-width:480px){ .tpage-articles .tile.card{ margin-bottom:20px; } } /*Styles for article detail page form modal*/ .gc-pdf-page .mktoForm button#btnCancel{ background: none; color: #e47014; } .resources .mask{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); color: #cbcbcb; text-shadow: 0 0 5px rgba(0,0,0,0.9); } .resources .mask .abstract,.resources .mask h1,.resources .mask h2,.resources .mask h3,.resources .mask p{ color:#cbcbcb; } /* .resources .modal-backdrop{ background-color: #000; } */ .resources .mask h2{ font-size:16px; /*text-shadow: -5px 0px 13px rgba(0,0,0,1);*/ } .resources .mask h3,.resources .mask strong{ font-size:14px; /*text-shadow: -5px 0px 13px rgba(0,0,0,1);*/ } .resources .mask .bg-grey-lighter{ background:#ffffff; } .resources .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=70); } #myModal .modal-header{ padding: 10px 15px; border-bottom: 1px solid #e5e5e5; } #myModal .modal-header .close { margin-top: 8px; } #myModal #myModalLabel{ font-size: 25px; } #myModal .myModal-subhead{ font-size: 18px; color:#999999; margin-bottom:0px; padding:0 10px; } #myModal .modal-content{ border-radius: 0; border: 1px solid #cccccc; box-shadow: none; } .gc-pdf-page .mktoForm .mktoFormCol { float: left; position: relative; min-height: 2em; width: 100%; padding:0 10px; } .gc-pdf-page .mktoForm input[type=text], .gc-pdf-page .mktoForm input[type=url],.gc-pdf-page .mktoForm input[type=email],.gc-pdf-page .mktoForm input[type=tel],.gc-pdf-page .mktoForm input[type=number],.gc-pdf-page .mktoForm input[type=date],.gc-pdf-page .mktoForm textarea.mktoField,.gc-pdf-page .mktoForm select.mktoField{ width:100% !important; padding:0px 10px !important; } .gc-pdf-page .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"]{ margin: 10px 30px; } .gc-pdf-page .mktoForm label[for="emailOptin"] p.p1 { position: relative; margin-right: 20px; width: 100%; padding-right:30px; } .gc-pdf-page .mktoForm .mktoLogicalField.mktoCheckboxList, .gc-pdf-page .email-us .mktoForm .mktoLogicalField.mktoCheckboxList { position: absolute; } .gc-pdf-page .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] .mktoAsterix { position: absolute; left: 5px; } .gc-pdf-page .mktoForm button.mktoButton{ margin-right:15px; } .gc-pdf-page .mktoForm p span { font-size: 13px !important; } .gc-pdf-page .mktoForm p span a{ color:#318da8; } .gc-pdf-page .mktoForm .mktoButtonRow{ border-top: 1px solid #e5e5e5; padding-top: 15px; margin-left: -2.6%; width: 105.5%; } #myModal .modal-body { padding-bottom: 5px; } @media(min-width:768px){ .gc-pdf-page .mktoForm .mktoField[type="checkbox"]{ left: 10px; } } @media(max-width:767px){ .gc-pdf-page .mktoForm .mktoFormCol{ width:100%; } .gc-pdf-page .mktoForm label[for="emailOptin"] p.p1 { padding-right: 20px; } .gc-pdf-page .mktoForm label[for="emailOptin"] p.p1{ width:100%; } .gc-pdf-page .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] .mktoAsterix { left: 0px; } .gc-pdf-page .mktoForm .mktoRequiredField label.mktoLabel[for="emailOptin"] { margin: 10px 20px; } .gc-pdf-page .mktoForm .mktoButtonRow{ margin-left: -2.4%; width: 104.8%; } } @media(max-width:480px){ #myModal .modal-header{ padding: 10px 15px; border-bottom: 1px solid #e5e5e5; } #myModal #myModalLabel { font-size: 20px; } .gc-pdf-page .mktoForm input[type=text], .gc-pdf-page .mktoForm input[type=url],.gc-pdf-page .mktoForm input[type=email],.gc-pdf-page .mktoForm input[type=tel],.gc-pdf-page .mktoForm input[type=number],.gc-pdf-page .mktoForm input[type=date],.gc-pdf-page .mktoForm textarea.mktoField, .mktoForm select.mktoField{ height:28px !important; font-size:14px !important; } .gc-pdf-page .mktoForm .mktoButtonRow{ margin-left: -3.4%; width: 106.8%; } #myModal.modal { height: 500px; /* Set a default max height of the modal (adjusted later)*/ position: fixed; /* Display modal in the centre of your screen */ overflow-y: scroll; /* Ensure that the modal is scroll-able */ -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS */ } #myModal.modal.fade.in{ top: 5px; /* Use more screen real estate */ } #myModalbody.modal-body{ /* Increase the max height of the modal body to try & avoid both it, * and the modal container having scroll bars which results in odd behavior */ max-height: 2400px; } } @media (max-width: 480px) and (max-height: 500px){#myModal.modal{ height: 450px}} @media (max-width: 480px) and (max-height: 450px){#myModal.modal{ height: 400px}} @media (max-width: 480px) and (max-height: 400px){#myModal.modal{ height: 350px}} @media (max-width: 480px) and (max-height: 350px){#myModal.modal{ height: 300px}} @media (max-width: 480px) and (max-height: 300px){#myModal.modal{ height: 250px}} @media (max-width: 480px) and (max-height: 250px){#myModal.modal{ height: 200px}} @media (max-width: 480px) and (max-height: 200px){#myModal.modal{ height: 150px}} @media (max-width:420px){ .gc-pdf-page .mktoForm .mktoButtonRow{ margin-left: -7.7%; width: 115%; } } @media (max-width:360px){ .gc-pdf-page .mktoForm .mktoButtonRow{ margin-left: -8.7%; width: 117.5%; } } @media (max-width:320px){ .gc-pdf-page .mktoForm .mktoButtonRow{ margin-left: -10.7%; width: 121.5%; } } /* Styles for Article detail page new implimentation PRNM-1670*/ .agility-template ul { color:#5d5d5d } .agility-template .indent{ text-indent:15px; } .agility-template .bg-grey-lighter{ padding:10px; background:#e8e8e8; } .agility-template .blogger-pic { margin-top: 0px !important; margin-right: 10px !important; padding:5px; } .infographic-pic,.pic-right-aligned{ max-height:100%; margin-left: 10px; margin-right: 30px !important; } .agility-template .no-margin-top{ margin-top:none; } .agility-template .text-white{ color:#ffffff; } .agility-template .list-indent { list-style-type: disc; list-style-position: outside; line-height:2.0; } .agility-template .list-indent.jms-content{ margin-left:400px; } .agility-template h3{ margin-top:5px; } .auto-margin{ margin:auto; } .abstract { font-size: 14px; line-height: 1.5; color: #5d5d5d; } .agility-template .blockquote h3{ font-size:18px; } .agility-template .bg-grey-lighter h3{ margin-top:5px; } .agility-template .bg-multi .bg-grey { background: #cccccc; height: 30px; } .agility-template .bg-multi .bg-black { background: #000000; height: 50px; } .agility-template .agility_img_container { display: table; margin: auto; margin-top: -80px; } .agility-template .hr-dotted { border: 1px dotted #666666; margin-top: 0; } .agility-template .bg-prof-blue { background: #38A4EE; } .agility-template .bg-prof-pink { background: #D7007A; } .agility-template .bg-prof-orange { background: #E67505; } .agility-template .bg-prof-green { background: #98C61E; } .agility-template .bg-prof-dark-blue { background: #337B81; } .agility-content .text-prof-blue { color: #38A4EE; } .agility-content .text-prof-pink { color: #D7007A; } .agility-content .text-prof-orange { color: #E67505; } .agility-content .mutli-wells .well{ padding: 10px; } .agility-template .text-white,.agility-template .text-white p.abstract{ color: #ffffff; } .agility-template .well .abstract img{ margin:0px; margin-right:5px; } .agility-template .padding-md{ padding:10px; } .agility-template img.margin-horizontal-auto{ margin-left:auto; margin-right:auto; } .agility-template blockquote{ font-size:16px; } .agility-template .bg-grey-lighter .blogger-pic { max-height:150px; } .agility-template h3.Additional-techniques { font-size: 16px; } .agility-template .social-icon{ font-size:110px; } .agility-template .social-icon.twitter{ color:#55acee; } .agility-template .social-icon.linkedin{ color:#0077b5; } .agility-template .social-icon.facebook{ color:#3b5998; } .agility-template .social-icon.pinterest{ color:#bd081c; } .agility-template .social-icon.instagram{ color:#405de6; } .agility-template .social-icon.youtube{ color:#cd201f; } .agility-template img.agility_youtube_V4 { max-width: 180px; padding: 10px; } .agility-template img.instagram_V4 { max-width: 110px; padding: 10px; } .agility-template .info-pic { max-width: 300px; clear: both; padding: 10px; margin-bottom: 20px; } /*style for disitbution page start*/ ul.dist-treeview li.submenu { list-style-type: none; background-repeat: no-repeat; padding-left: 15px; padding-top: -2px; background-position: 0px 3px; } /*style for disitbution page end*/ .list-bold-number{ font-weight:bold; } .list-bold-number p{ font-weight:normal; } /*Styles for home page products section ---Start*/ .solutions .products{ padding-bottom:30px; } @media(max-width:767px){ .solutions .products{ padding-bottom:0px; } } /*Styles for home page products section ---End*/ @media(max-width:1200px){ .agility-template .list-indent.jms-content2{ margin-left:0px; } } @media(min-width:768px){ .agility-template .abstract img{ margin-bottom: 15px; margin-left: 15px; } /* .questions-to-ask-container{ display: table; width: auto; margin-left: auto; margin-right: auto; } .questions-to-ask-container .left-column{ height: 100%; line-height: 100%; vertical-align: middle; display: table-cell; float: none; } .questions-to-ask-container .right-column{ float: none; display: table-cell; height: 100%; } */ } @media(max-width:767px){ .agility-template .text-left-xs { text-align: left } .agility-template .pull-left-xs { float: none!important } .agility-template .agility_img_container { margin-top: -50px; } .agility-template .infographic-pic{ display:block; float:none !important; } .agility-template .list-indent.jms-content{ margin-left:0px; } .agility-template .social-icon{ width:100%; margin-bottom:8px; margin-left: 0; padding-left: 10px; } } @media(max-width:480px){ .agility-template .blogger-pic{ float:none !important; margin-right: 0px !important; } .agility-template .info-pic { display:block; float:none !important; } } /* styles for contactUs to make phone number text consistent */ .tel{ color: #318da8!important; text-decoration: none; } /*styles for united-states.html accordion changes */ #prn.treeview .toggle-parent { padding-left: 20px; } #prn.treeview .toggle-parent a{ display:block; clear:both; } .pre-newslines { margin-top:40px; padding:10px; border:1px solid #ccc; } #prn.treeview .ui-icon { display: inline; text-indent: 0; color: #555555; font-size: 12px; margin-top: 3px; position: relative; float: left; margin-right: 5px; } #prn.treeview h4 { outline: 0 !important; font-size: 16px; } /*PRNM-1841*/ .bg-grey-lighter{ background: #eeeeee; padding: 20px; border-radius: 5px; } /*add space for panel-body in mobile view*/ @media screen and (min-width: 0px) and (max-width: 480px) { .addSpace-mobileview { display: block; } /* show it on small screens */ } @media screen and (min-width: 481px) { .addSpace-mobileview { display: none; } /* hide it elsewhere */ } /*break long word for html href mobile view*/ #wordWrap{ word-break:break-all; } #wordWrap a{ word-break:break-all; } /* alignment of table in mobile view prnm-1881 */ table.table-textWrap tr td { white-space: normal; vertical-align: top; } table.table-textWrap tr th{ text-align: center; } table.table-textWrap tr td{ padding-right:2px; } @media (max-width: 768px) { table.table-textWrap tr td{ width:220px; } } /*iframe styles for articles */ .iframe-maxwidth iframe,object,embed{ max-width:100%; } /* styles to divide the content with vertical divider -- start */ .thick-vertical-divider { border-right:1px solid black; } @media(max-width:767px){ .thick-vertical-divider { border-right:none !important; border-left:none !important; } } /* styles to divide the content with vertical divider -- end */ /*styles to adjust prev and next buttons in carousel in mobile view --start*/ @media (max-width: 768px){ .carousel-control .bt-angle-left { left: 45% !important; margin-left: -10px; } .carousel-control .bt-angle-right { right: 35% !important; margin-right: -10px; } } .no-padding { padding: 0; } .nmt-sm { margin-top: -10px; } .no-top-margin, .mt-none, .mt-no { margin-top: 0 !important; } .mt-xs { margin-top: 5px; } .mt-sm { margin-top: 10px; } .mt-md { margin-top: 15px; } .mt-lg { margin-top: 20px; } .mt-xl { margin-top: 30px; } .mt-xxl { margin-top: 50px; } .no-margin-bottom, .margin-bottom-none, .mb-no { margin-bottom: 0px !important; } .margin-bottom-sm, .mb-sm { margin-bottom: 10px; } .margin-bottom-md, .mb-md { margin-bottom: 15px; } .margin-bottom-lg, .mb-lg { margin-bottom: 20px; } .margin-bottom-xl, .mb-xl { margin-bottom: 30px; } .margin-bottom-xxl, .mb-xxl { margin-bottom: 50px; } @media (max-width: 991px) { .mb-none-sm { margin-bottom: 0 !important; } } @media (max-width: 767px) { .mb-sm-xs { margin-bottom: 10px !important; } } @media (max-width: 767px) { .mb-md-xs { margin-bottom: 15px !important; } } @media (max-width: 767px) { .mb-lg-xs { margin-bottom: 20px !important; } } @media (max-width: 767px) { .mb-none-xs { margin-bottom: 0 !important; } } .ml-xs { margin-left: 5px; } .ml-sm { margin-left: 10px; } .ml-md { margin-left: 15px; } .ml-lg { margin-left: 20px; } .ml-xl { margin-left: 30px; } .mr-xs { margin-right: 5px; } .mr-sm { margin-right: 10px; } .mr-md { margin-right: 15px; } .mr-lg { margin-right: 20px; } .mr-xl { margin-right: 30px; } @media (min-width: 768px) { .section-header-match { margin-top: 60px; } } .border-left { border-left: solid 1px #9b9b9b; } .no-margin { margin: 0; } .no-padding-right { padding-right: 0; } .clear { clear: both; } .inline-block { display: inline-block; } .carousel.testimonial-carousel { padding: 30px; } .carousel-control.left, .carousel-control.right { background: none; } .carousel-control .bt-angle-left, .carousel-control .bt-angle-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .testimonial-carousel .carousel-control .bt-angle-left, .testimonial-carousel .carousel-control .bt-angle-right { color: #9b9b9b; text-shadow: none; } .carousel-control .bt-angle-left { left: 50%; margin-left: -10px; } .carousel-control .bt-angle-right { right: 50%; margin-right: -10px; } .carousel--fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel--fade .carousel-inner .item, .carousel--fade .carousel-inner .active.left, .carousel--fade .carousel-inner .active.right { opacity: 0; } .carousel--fade .carousel-inner .active, .carousel--fade .carousel-inner .next.left, .carousel--fade .carousel-inner .prev.right { opacity: 1; } .carousel--fade .carousel-inner .next, .carousel--fade .carousel-inner .prev, .carousel--fade .carousel-inner .active.left, .carousel--fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel--fade .carousel-control { z-index: 2; } .header-mobile.navbar-default { min-height: 60px; font-size: 1.5em; color: #fff; background: #47536b; border-bottom: 0; } .header-mobile.navbar-default .container { position: relative; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; } .header-mobile.navbar-default:not(.mm-slideout) > .container { opacity: 0; } .header-mobile.navbar-default .nav > li { float: left; } .header-mobile.navbar-default .navbar-nav { margin-top: 0; margin-bottom: 0; } .header-mobile.navbar-default .navbar-nav > li > a { padding-top: 19px; padding-bottom: 19px; } .header-mobile.navbar-default .navbar-nav > li { position: static; } .header-mobile.navbar-default .navbar-nav > li.open a { background: #fff; } .header-mobile.navbar-default .navbar-nav > li.open a:focus { background: #fff; } .header-mobile.navbar-default .navbar-nav > li.open a i { color: #318da8; } .header-mobile.navbar-default .navbar-nav > li li > a { padding: 9px; } .header-mobile.navbar-default .navbar-nav > li i { color: #e8e8e8; } .header-mobile.navbar-default .navbar-nav ul.dropdown-menu { position: absolute; top: 60px; left: 0; right: 0; color: #373737; background: #fff; border-bottom: 1px solid #318da8; border-radius: 0; } .header-mobile.navbar-default .navbar-nav ul.dropdown-menu.contact { padding: 23px 10px 22px; } .header-mobile.navbar-default .navbar-nav ul.dropdown-menu.contact p { margin: 0; line-height: 1; } .header-mobile.navbar-default .navbar-nav ul.dropdown-menu.search { padding: 0; } .header-mobile.navbar-default .input-group { width: 100%; } .header-mobile.navbar-default .input-group input { width: 100%; padding: 21px 10px 17px; background: none; border: none; -webkit-appearance: none; } .header-mobile.navbar-default .navbar-brand { height: 60px; padding: 20px 10px; } .header-mobile.navbar-default .navbar-brand:hover, .header-mobile.navbar-default .navbar-brand:focus { background: none; } .header-mobile.navbar-default .navbar-right { float: right !important; } .header-mobile.navbar-default .navbar-left { float: left !important; } .header-mobile.navbar-default .nav-mobile-button { color: #e8e8e8; } .prev-next-article { z-index: 601; position: relative; } .prev-next-article .prev { left: 0; border-radius: 0 5px 5px 0; } .prev-next-article .prev img { margin-right: 20px; } .prev-next-article .prev p { margin-right: 20px; } .prev-next-article .prev i { float: left; margin: 34px 15px 12px 10px; font-size: 32px; display: inline-block; } .prev-next-article .next { right: 0; border-radius: 5px 0 0 5px; } .prev-next-article .next img { margin-left: 20px; margin-right: 20px; } .prev-next-article .next p { margin-left: 20px; } .prev-next-article .next i { float: right; margin: 34px 10px 0; font-size: 32px; display: inline-block; } .prev-next-article .prev, .prev-next-article .next { top: 50%; position: fixed; background: #fff; border: 1px solid #9b9b9b; color: #9b9b9b; cursor: pointer; display: inline-block; height: 100px; width: 45px; vertical-align: middle; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; z-index: 100; opacity: 0.4; } .prev-next-article .prev img, .prev-next-article .next img { max-height: 70px; width: auto; display: inline-block; } .prev-next-article .prev .caption, .prev-next-article .next .caption { opacity: 0; padding-top: 13px; } .prev-next-article .prev .caption p, .prev-next-article .next .caption p { margin-bottom: 0; line-height: 1.2; font-size: 14px; } .prev-next-article .prev .caption p.date, .prev-next-article .next .caption p.date { margin-bottom: 5px; } @media (max-width: 991px) { .prev-next-article .prev .caption p, .prev-next-article .next .caption p { font-size: 12px; } } @media (min-width: 992px) { .prev-next-article .prev:hover, .prev-next-article .next:hover { background: #333; border: 1px solid #333; color: #fff; height: 100px; width: 50%; opacity: 1; cursor: pointer; } .prev-next-article .prev:hover .caption, .prev-next-article .next:hover .caption { opacity: 1; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } } /*styles to adjust prev and next buttons in carousel in mobile view -- end*/ /* FILE ARCHIVED ON 15:14:27 Feb 21, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 20:59:10 Aug 09, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 223.135 exclusion.robots: 0.186 exclusion.robots.policy: 0.174 RedisCDXSource: 28.011 esindex: 0.017 LoadShardBlock: 164.042 (3) PetaboxLoader3.resolve: 141.75 (4) PetaboxLoader3.datanode: 50.133 (4) CDXLines.iter: 25.956 (3) load_resource: 48.605 */