.bodypro { font-size: 100% } .bodypro { background: #fff; color: #222; cursor: auto; line-height: 1.5; margin: 0; padding: 0; position: relative; font-family: Roboto,Lato; font-weight: 400; } .bodypro a:hover { cursor: pointer } .bodypro img { max-width: 100%; height: auto } .bodypro img { -ms-interpolation-mode: bicubic } .bodypro .clearfix:before, .bodypro .clearfix:after { content: " "; display: table } .bodypro .clearfix:after { clear: both } .frame .content img { display: inline-block; vertical-align: middle } .bodypro select { width: 100% } .bodypro .row { margin: 0 auto; max-width: 1000px; width: 100% } .bodypro .row:before, .bodypro .row:after { content: " "; display: table } .bodypro .row:after { clear: both } .bodypro .row .row { margin: 0 -15px; max-width: none; width: auto } .bodypro .row .row:before, .bodypro .row .row:after { content: " "; display: table } .bodypro .row .row:after { clear: both } .bodypro .columns { padding-left: 15px; padding-right: 15px; width: 100%; float: left } .bodypro .columns+.bodypro .columns:last-child { float: right } @media only screen { .bodypro .columns { position: relative; padding-left: 15px; padding-right: 15px; float: left } } @media only screen and (min-width:40.0625em) { .bodypro .columns { position: relative; padding-left: 15px; padding-right: 15px; float: left } .medium-12 { width: 100% } } @media only screen and (min-width:64.0625em) { .bodypro .columns { position: relative; padding-left: 15px; padding-right: 15px; float: left } .large-5 { width: 41.66667% } .large-6 { width: 50% } .large-7 { width: 58.33333% } } form { margin: 0 0 16px } label { color: #4d4d4d; cursor: pointer; display: block; font-size: 14px; font-weight: normal; line-height: 1.5; margin-bottom: 0 } ::-webkit-input-placeholder { color: #ccc } :-moz-placeholder { color: #ccc } ::-moz-placeholder { color: #ccc } :-ms-input-placeholder { color: #ccc } select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #fafafa; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #ccc; color: rgba(0, 0, 0, .75); font-family: inherit; font-size: 14px; line-height: normal; padding: 8px; border-radius: 0; height: 37px } select::-ms-expand { display: none } select:hover { background-color: #f3f3f3; border-color: #999 } select:disabled { background-color: #ddd; cursor: default } input[type="radio"], select { margin: 0 0 16px 0 } input[type="radio"] + label { display: inline-block; margin-left: 0; margin-right: 0; margin-bottom: 0; vertical-align: baseline; } fieldset { border: 1px solid #ddd; margin: 18px 0; padding: 20px } .switch { border: 0; margin-bottom: 24px; outline: 0; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9 } .fixed.expanded:not(.top-bar) { height: auto; max-height: 100%; overflow-y: auto; width: 100% } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99 } .fixed.expanded:not(.top-bar) .top-bar-section { margin-top: 45px; z-index: 98 } .bodypro ul, .bodypro li, .bodypro h1, .bodypro h2, .bodypro h3, .bodypro h4, .bodypro form, .bodypro p { margin: 0; padding: 0 } .bodypro p { font-size: 16px; text-rendering: optimizeLegibility } .bodypro h1, .bodypro h2, .bodypro h3, .bodypro h4 { font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 8px; margin-top: 3px; text-rendering: optimizeLegibility } .bodypro h1 { font-size: 34px } .bodypro h2 { font-size: 27px } .bodypro h3 { font-size: 22px } .bodypro h4 { font-size: 18px } .bodypro i { /*font-style: italic; line-height: inherit*/ } .bodypro .title.section h1{ font-weight:500; } .bodypro ul { font-family: inherit; font-size: 16px; line-height: 1.6; list-style-position: outside; margin-bottom: 20px } .bodypro ul { margin-left: 18px } @media only screen and (min-width:40.0625em) { .bodypro h1, .bodypro h2, .bodypro h3, .bodypro h4 { line-height: 1.4 } .bodypro h1 { font-size: 44px } .bodypro h2 { font-size: 37px } .bodypro h3 { font-size: 27px } .bodypro h4 { font-size: 23px } } @media print { @page { margin: .5cm } } @media only screen and (min-width:40.0625em) { .section-tools .tools>li:nth-of-type(1n) { clear: none } .section-tools .tools>li:nth-of-type(3n+1) { clear: both } .section-pricing .plans>li:nth-of-type(1n) { clear: none } .section-pricing .plans>li:nth-of-type(4n+1) { clear: both } } .bodypro { /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-size: .875em*/ } .bodypro h1, .bodypro h2, .bodypro h3, .bodypro h4, .bodypro a { /*color: #f15b2a*/ } .bodypro a.button { /*font-family: "Gotham SSm A", "Gotham SSm B", sans-serif*/ } .bodypro a:hover { color: #f15b2a; text-decoration: underline } .bodypro a.button:hover { text-decoration: inherit } .bodypro ul { list-style: none } .bodypro ul li { font-size: 14px; font-weight: 300; line-height: 1.5em; padding-left: 9px; margin-bottom: 16px } @keyframes littleWiggle { 0 { transform: rotate(0) } 25% { transform: rotate(3deg) } 75% { transform: rotate(-3deg) } 100% { transform: rotate(0) } } @keyframes bigWiggle { 0 { -webkit-transform: rotate(0) } 20% { -webkit-transform: rotate(-3deg) } 35% { -webkit-transform: rotate(3deg) } 70% { -webkit-transform: rotate(-3deg) } 85% { -webkit-transform: rotate(3deg) } 100% { -webkit-transform: rotate(0) } } @-webkit-keyframes fa-spin { 0 { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0 { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } @charset "UTF-8"; @media only screen and (min-width:75em) { p } .ps--blog_hero { height: 414px; position: relative } @media only screen and (min-width:37.5em) { .ps--blog_hero_content { position: absolute; top: 199px; left: 20px; right: 20px; text-align: left; transform: none } .ps--blog_hero_subhead { margin-bottom: 24px; margin-left: 1px; padding: 0; padding-right: 80px } } @media only screen and (min-width:75em) { .ps--blog_hero_content { left: 235px; right: 0; top: 199px } .ps--blog_hero_headline { font-size: 48px; line-height: 48px } .ps--blog_hero_subhead { font-size: 24px; line-height: 24px } } @media only screen and (min-width:37.5em) { .ps--blog_body { margin-left: 240px } } @media only screen and (min-width:75em) { .ps--blog_body { margin-left: 240px } } @media only screen and (min-width:75em) { .ps--blog--post { margin-left: 0; padding-top: 40px; padding-left: 360px } } @media only screen and (min-width:37.5em) { .ps--blog_body time { float: left; margin-right: 25px; padding: 32px 0; width: 100px } .ps--blog_body .ps--blog_content { border-top: solid 1px #e6e6e6; padding: 32px 0 48px 0 } } @media only screen and (min-width:75em) { .ps--blog_article_headline { font-size: 48px; line-height: 48px } .ps--blog_article_subhead { font-size: 18px; line-height: 18px } } @media screen and (max-width:1024px) { #search-filter-left { display: none !important } #search-content-right { margin: 0 auto } } @media screen and (max-width:640px) { .search-template #content, .search-template #content { padding: 10px 0 0 } #search-content-right { padding: 0 } #search-field-wrapper { padding: 0 40px } #search-field { margin: 20px 0 0; height: 28px } #search-field button { padding: 3px 13px; float: right } #search-field button::before { font-size: 12px } #search-field-input-container { margin-right: 38px; margin-left: 0 } #search-field input { font-size: 14px; padding-left: 15px } #search-results-section { margin-top: 8px } } .resource-training .generic-block.section:nth-child(3) .bodypro .generic-block-wrapper, .resource-white-paper-template .generic-block.section:nth-child(3) .bodypro .generic-block-wrapper { padding: 80px 0 } @media screen and (max-width:1024px) { .resource-recorded-webinar .bodypro .columns[class*="-6"] { padding: 0 15px } .resource-recorded-webinar .generic-block.section:last-child .bodypro .columns[class*="-6"]:first-child { padding-left: 15px } .resource-recorded-webinar .generic-block.section:last-child .bodypro .columns[class*="-6"]:last-child { padding-right: 15px } .resource-recorded-webinar .mktoForm { margin-top: 40px } } @media screen and (max-width:640px) { .resource-training .generic-block.section:nth-child(3) .bodypro .generic-block-wrapper, .resource-white-paper-template .generic-block.section:nth-child(3) .bodypro .generic-block-wrapper { padding: 40px 0 } } @media all and (max-width:360px) { .resource-white-paper-template .marketo-form-component, .resource-recorded-webinar .marketo-form-component, .resource-center-video .marketo-form-component { margin: 0 } } .privacy-policy #content>div>div.column-control.section>div>div>div>div.large-4.bodypro .columns>div:nth-child(2) { padding-top: 80px; padding-bottom: 10px } @media screen and (max-width:640px) { .press-release-landing { text-align: center } .press-release-landing .generic-block.section .bodypro .generic-block-wrapper { min-height: 120px; padding: 70px 0 25px } .press-release-landing h1 { font-size: 24px; padding: 59px 0 31px } .press-release-landing h4 { font-size: 18px; text-align: center; padding-top: 60px; margin-top: 55px; border-top: 1px solid #ccc } } @media screen and (max-width:640px) { .press-release-template { text-align: center } .press-release-template .generic-block.section .bodypro .generic-block-wrapper { min-height: 120px; padding: 70px 0 25px } .press-release-template h1 { font-size: 24px; padding: 59px 0 31px } .press-release-template .bodypro .columns[class*="-4"] { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #ccc } .press-release-template h3 { font-size: 24px; line-height: 30px; margin: 30px 0 } .press-release-template .publish-date-component { font-size: 11px } .press-release-template .bodypro .columns[class*="-8"] { padding: 0 } .press-release-template .bodypro .columns[class*="-8"] .parsys.section { padding: 0 15px } .press-release-template .bodypro .columns[class*="-8"] p { text-align: left } } @media only screen and (max-width:641px) { .learning-paths-page .paths-header { text-align: center } } @media only screen and (max-width:1300px) { .learning-paths-page .paths-header img.course-image { margin-left: -66px; max-width: 70px } } @media only screen and (max-width:641px) { .learning-paths-page .paths-header img.course-image { margin-left: 0; margin-bottom: 15px; max-width: 80px } } @media only screen and (max-width:641px) { .learning-paths-page .paths-header h1 { font-size: 24px; line-height: 26px; margin-bottom: 4px } } @media only screen and (max-width:641px) { .learning-paths-page .paths-header p.authors, .learning-paths-page .paths-header p.authors a { font-size: 11px; line-height: 14px } } @media only screen and (max-width:1024px) { .learning-paths-page .paths-header .related-col { padding-left: 15px } } @media only screen and (max-width:641px) { .learning-paths-page .paths-header .related-col { padding-left: 0 } } @media only screen and (max-width:1024px) { .learning-paths-page .paths-header .related-col .related-h { margin-top: 0 } } @media only screen and (max-width:1300px) and (min-width:641px) { .learning-paths-page .paths-header .bodypro .row { max-width: 2000px; padding-left: 80px; padding-right: 80px } } @media only screen and (max-width:641px) { .learning-paths-page #paths-gutter { padding-left: 0; padding-right: 0 } } @media only screen and (max-width:1300px) { .learning-paths-page #ps_skill { margin-top: 50px; width: 700px } } @media only screen and (max-width:900px) { .learning-paths-page #ps_skill { width: 100% } } @keyframes ps_skill--animation { from { opacity: 0 } to { opacity: 1 } } @media only screen and (max-width:400px) { .learning-paths-page #ps_skill .ps_skill--image { margin-bottom: 10px } } @media only screen and (max-width:400px) { .learning-paths-page #ps_skill .ps_skill--headline { margin-bottom: 10px; font-size: 14px } } @media only screen and (max-width:1024px) { .learning-paths-page .path-course-block { width: 220px } } @media only screen and (max-width:640px) { .learning-paths-page .path-course-block { width: 96%; margin-left: 2%; margin-bottom: 0 } } @media only screen and (max-width:1024px) { .learning-paths-page .path-course-block .course-top { height: 100px } } @media only screen and (max-width:640px) { .learning-paths-page .path-course-block .course-top { background-image: none !important; background-color: #222 !important; border-bottom: 0; height: 40px; padding: 10px 15px 0 } .learning-paths-page .path-course-block .course-top h4 { font-size: 18px } } @media only screen and (max-width:640px) { .learning-paths-page .path-course-block .course-bottom .mobile-course-info { display: inline; font-size: 11px; font-weight: 500; margin: 0 } .learning-paths-page .path-course-block .course-bottom .course-author, .learning-paths-page .path-course-block .course-bottom .course-date-time, .learning-paths-page .path-course-block .course-bottom .mobile-course-info { color: #858585 } } @media only screen and (max-width:640px) { .learning-paths-page .path-course-block .course-content { position: static; margin-right: 0; margin-left: 0; width: auto; padding: 20px 0 } } @media only screen and (max-width:1024px) { .learning-paths-page .hide-on-tablet { display: none !important } } @media only screen and (max-width:640px) { .learning-paths-page .hide-on-mobile { display: none !important } } #cookie_notification { position: fixed; bottom: 0; z-index: 999; color: #fff; background: linear-gradient(rgba(54, 54, 54, .9), rgba(54, 54, 54, .9)); text-align: center; padding: 15px 25%; width: 100% } #cookie_notification p { font-size: 13px; line-height: 16px; font-weight: 200; margin-bottom: 0 } #cookie_notification .close_button { position: absolute; right: 10px; top: 0; font-size: 20px; color: #aaa; font-weight: 200; cursor: pointer } @media all and (max-width:740px) { #cookie_notification { padding: 15px 25px } } @media screen and (max-width:640px) { #content-error .title.section, #content-error .text.section, #content-error .mini-search-box.section { width: 90%; float: none; margin: 3% auto; text-align: center } } } #browse-course-listing-component #path-list-target .item:nth-child(n+7) { display: none } .blog-template #content .generic-block:nth-last-child(3) .bodypro .generic-block-wrapper { padding: 0; min-height: 180px } .live_speakers:not(.active) { max-width: 325px } // edit-mode hack to have edit container wrap component .speaker.cq-Editable-dom{overflow:hidden}@keyframes ripple{100%{opacity:0;transform:scale(2.5)} } .press-release-row:nth-child(n+26) { display: none } .news-row:nth-child(n+26) { display: none } .header .header_nav ul li ul li:nth-child(15) a { transition-delay: 750ms, 750ms } .header .header_nav ul li ul li:nth-child(14) a { transition-delay: 750ms, 750ms } .header .header_nav ul li ul li:nth-child(13) a { transition-delay: 700ms, 700ms } .header .header_nav ul li ul li:nth-child(12) a { transition-delay: 650ms, 650ms } .header .header_nav ul li ul li:nth-child(11) a { transition-delay: 600ms, 600ms } .header .header_nav ul li ul li:nth-child(10) a { transition-delay: 550ms, 550ms } .header .header_nav ul li ul li:nth-child(9) a { transition-delay: 500ms, 500ms } .header .header_nav ul li ul li:nth-child(8) a { transition-delay: 450ms, 450ms } .header .header_nav ul li ul li:nth-child(7) { transition-delay: 400ms, 400ms } .header .header_nav ul li ul li:nth-child(6) a { transition-delay: 350ms, 350ms } .header .header_nav ul li ul li:nth-child(5) a { transition-delay: 300ms, 300ms; border-bottom-color: transparent } .header .header_nav ul li ul li:nth-child(4) a { transition-delay: 250ms, 250ms } .header .header_nav ul li ul li:nth-child(3) a { transition-delay: 200ms, 200ms } .header .header_nav ul li ul li:nth-child(2) a { transition-delay: 150ms, 150ms; border-bottom-color: transparent } .header .header_nav ul li ul li:nth-child(1) a { transition-delay: 100ms, 100ms } .checkout--header2 .header_utilities { display: inline-block; float: right; padding: 0 16px 0 0; position: relative; z-index: 999 } .checkout--header2 .header_utilities .btn-xs.flat { padding: 0 } .checkout--header2 .btn-xs.flat { background: transparent; border: solid 1px transparent; color: #fff } .checkout--header2 .btn-xs.flat:hover { background: transparent; border: solid 1px transparent; color: #fff } .checkout--header2 .btn-xs { background: #f15b2a; border: solid 1px #f15b2a; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; line-height: 30px; margin-left: 16px; padding: 0 24px; position: relative; text-align: center; text-decoration: none; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; -ms-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; transition: background 300ms ease-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } .checkout-header--wrapper { width: 100%; padding-top: 25px; z-index: 999; background: transparent } .checkout-header--wrapper.light { width: 100%; padding-top: 14px; padding-bottom: 13px; z-index: 999; transition: color .2s; /*background:linear-gradient(to bottom, rgba(240, 90, 40, 1) 0%, rgba(232, 10, 137, 1) 80%, rgb(115, 4, 50) 100%);*/ /*background:linear-gradient(to bottom, rgba(147, 195, 195, 1) 0%, rgba(149, 206, 200, 1) 80%, rgba(80, 125, 120, 1) 100%) !important;*/ /*background:linear-gradient(rgb(145, 149, 150) 0%,rgb(234,234,234) 15%, rgb(255, 255, 255) 35%,rgb(255, 255, 255) 50%, rgb(255, 255, 255) 65%,rgba(234,234,234,1) 85%, rgba(145, 149, 150, 1) 100%) !important;*/ background:linear-gradient(rgb(145, 149, 150) 0%,rgb(234,234,234) 15%, rgb(243, 243, 243) 35%,rgb(255, 255, 255) 50%, rgb(243, 243, 243) 65%,rgba(234,234,234,1) 85%, rgba(145, 149, 150, 1) 100%) !important; position: absolute } .checkout-header--wrapper .global-header__logo, .checkout-header--wrapper .global-header__mobilelogo { width: 160px } .checkout-header--wrapper.light .global-header__logo { display: block } .checkout-header--wrapper.light .global-header__logodark { display: none } .checkout-header--wrapper.light .global-header__mobilelogo { display: none } .checkout-header--wrapper.light .global-header__mobilelogodark { display: none } .checkout-header--wrapper .global-header__logo { display: inline-block; overflow: hidden; float: left; margin: 0 0 0 20px } .checkout-header--wrapper .global-header__logodark { display: none; overflow: hidden; float: left; margin: 0 0 0 20px } .checkout-header--wrapper .global-header__mobilelogo { display: none; overflow: hidden; float: left; margin: 0 0 0 20px } .checkout-header--wrapper .global-header__mobilelogodark { display: none; overflow: hidden; float: left; margin: 0 0 0 20px } @media only screen and (max-width:1024px) { .checkout-header--wrapper.light .global-header__logo { display: none } .checkout-header--wrapper.light .global-header__logodark { display: none } .checkout-header--wrapper.light .global-header__mobilelogo { display: block } .checkout-header--wrapper.light .global-header__mobilelogodark { display: none } } .checkout-header-padding { width: 100%; height: 64px; clear: both; background-color: #222 } .checkout-footer-component .footer-component { width: 100%; float: left; text-align: center; min-height: 70px } .checkout-footer-component .footer-component { background-color: #000 } .checkout-footer-component .footer-component .footer__copyright { font-size: 12px; font-weight: 300; color: gray; margin-top: 27px } .checkout-footer-component .footer-component .footer__copyright p { font-size: 12px } .checkout-footer-component .footer-component .footer__copyright p a { color: gray } .checkout-footer-component .footer-component .footer__copyright p a:hover { text-decoration: none } h1 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-size: 48px; font-weight: 200; line-height: 1em; margin: 45px 0 } h2 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-size: 36px; font-weight: 200 } h3 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-size: 30px; font-weight: 200 } h4 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-size: 24px; font-weight: 200 } .bodypro button, .bodypro .button { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-weight: 400; font-size: 16px; line-height: 0.6; min-width: 240px; padding: 15px 30px; border: 1px solid transparent; white-space: normal; border-radius: 2px; color: #fff; background-color: #f15b2a; position: relative; text-align: center; text-decoration: none; display: inline-block; transition: background-color 300ms ease-out; margin: 0 0 20px } .bodypro button:hover, .bodypro .button:hover { background-color: #fd7346; color: #fff } .bodypro button:focus, .bodypro .button:focus { background-color: #fd7346; color: #fff } .bodypro .button.button--gradient { color: #fff; background: linear-gradient(to right, #f05a28 0, #e80a89 100%); border: 0 } .bodypro .button.button--gradient:hover { background-color: linear-gradient(to right, #f05a28 0, #e80a89 100%); color: #fff } .bodypro .button.button--gradient:focus { background-color: linear-gradient(to right, #f05a28 0, #e80a89 100%); color: #fff } .bodypro .logo { border: 0; display: block; vertical-align: middle; max-width: 164px; height: auto } .generic-modal>.main { display: none } .padding-top-twenty { padding-top: 20px } .padding-top-fifty { padding-top: 50px } .padding-bottom-twenty { padding-bottom: 20px } .padding-bottom-thirty { padding-bottom: 30px } .padding-bottom-fifty { padding-bottom: 50px } .column-control .column-control-container>.bodypro .row>.bodypro .columns:first-child { padding-left: 15px !important } .column-control .column-control-container>.bodypro .row>.bodypro .columns:last-child { padding-right: 15px !important } @media screen and (max-width:1024px) and (min-width:600px) { .column-control .column-control-container>.bodypro .row>.bodypro .columns[class*="large-"] { padding: 0 15px !important } .gridStacking .bodypro .columns[class*="large-"]:nth-child(odd) { clear: left } } @media screen and (max-width:600px) { .column-control .column-control-container>.bodypro .row>.bodypro .columns[class*="medium-"] { padding: 0 15px !important } } .bodypro .pricing-plans .pricing_plan--box { display: flex; align-items: stretch; justify-content: center } .bodypro .pricing-plans .pricing_plan--box.pricing_plan--individual-header { display: block; margin-top: 20px; margin-bottom: -30px } .bodypro .pricing-plans .pricing_plan--box.pricing_plan--individual-header h2 { font-size: 28px; margin-bottom: 0; font-weight: 400 } .bodypro .pricing-plans .pricing_plan--box.pricing_plan--individual-header p { font-size: 19px; font-weight: 500; color: #eee5e5; } .bodypro .pricing-plans .pricing_plan--container { margin: 50px 2.8% 35px; position: relative; text-align: center } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--item { width: 320px; height: 340px; background-color: #fff; padding-top: 40px; position: relative; text-align: center; font-weight: bold; font-size: 18px; color: #555; flex-basis: 200px; flex-grow: 1; background:linear-gradient(to left,rgb(145, 149, 150) 0%,rgb(234,234,234) 5%, rgb(255, 255, 255) 50%, rgba(234,234,234,1) 95%, rgba(145, 149, 150, 1) 100%) !important; } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter { position: relative; padding: 0; margin: 0; list-style: none } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .plan_yearly .pricing_plan--price>span { padding-left: 10px } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter h2 { font-size: 26px; font-weight: 500; color: #222; margin: 0; line-height: 1.4 } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter h4 { font-size: 18px; font-weight: 300; margin: 0; line-height: 1.2; padding: 0 20px } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--price { color: #222 } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--price>span { position: relative; font-size: 50px; font-weight: 400; line-height: 1.5em; width: 50%; margin: 0 auto; padding-left: 10px; display: block } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--price sup { color: #aaa; font-size: 12px; font-weight: 500; position: absolute; left: 0; top: -5px } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--price span.dollar_sign { font-size: 20px; position: absolute; left: -18px; top: -10px } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--price span.asterisk_sign { font-size: 16px; display: inline-block; vertical-align: top; position: relative; top: -14px; color: #aaa } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--term, .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--save { font-size: 10px; font-weight: 500; text-transform: uppercase; line-height: 1.4 } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--term { color: #aaa } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--save { color: #ea1788 } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--button { font-size: 14px; font-weight: 500; color: #818181; margin: 10px 0 } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--button .button--gradient { margin-bottom: 10px } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--inverter .pricing_plan--button a.trial { color: #ea1788 } @-moz-document url-prefix() { .pricing_plan--container { margin: 4vw 1.8% 2vw } .pricing_plan--container .pricing_plan--inverter .pricing_plan--price sup { top: 18px } } .bodypro .pricing-plans .pricing_plan--listAll { padding: 0 } .bodypro .pricing-plans .pricing_plan--listAll li { margin-bottom: 0; text-align: left } .bodypro .pricing-plans .pricing_plan--footer { margin: 0 3.6% } .bodypro .pricing-plans .pricing_plan--banner { height: 60px; background: linear-gradient(to right, rgb(54, 5, 40) 0%, rgb(236, 15, 141) 50%, rgb(54, 5, 40) 100%) !important; position: relative; color: #fff; font-size: 16px; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; padding-top: 5px } .bodypro .pricing-plans .pricing_plan--banner .pricing_plan--banner__border { width: 100%; height: 5px; position: absolute; top: 0; left: 0; background: #ef562a; background: linear-gradient(to right, #ef562a 0, #e70b87 100%) } .bodypro .pricing-plans .pricing_plan--banner>span img { width: 25px; margin-right: 10px } .bodypro .pricing-plans .pricing_plan--disclaimer { font-size: 12px; font-weight: 400; color: gray; text-align: left; margin-top: 50px } @media only screen and (max-width:1024px) { .bodypro .pricing-plans .bodypro .row { max-width: 1000px } .bodypro .pricing-plans .pricing_plan--box { flex-direction: column } .bodypro .pricing-plans .pricing_plan--container { margin: 45px auto 0; margin-left: 50%; transform: translateX(-50%); width: 320px } .bodypro .pricing-plans .pricing_plan--container .pricing_plan--item { height: auto; padding: 50px 0 20px; margin-left: 50%; transform: translateX(-50%) } .bodypro .pricing-plans .pricing_plan--container:nth-child(n+2) { margin-top: 35px } .bodypro .pricing-plans .pricing_plan--banner { /*display: none*/ font-size: 12px; height:65px; } .bodypro .pricing-plans .pricing_plan--banner > span img{ margin-right:1px; width:20px; } .bodypro .pricing-plans .pricing_plan--disclaimer { margin-top: 30px; font-size: 11px; text-align: center } .plan-box-head p{ font-size:16px!important; } @-moz-document url-prefix() { .pricing_plan--container { margin: 5vw auto 0 } } } .bodypro .pricing-plans .pricing_plans_all .bodypro .row { max-width: 1152px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher { text-align: center } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher .fieldset { display: inline-block; position: relative; border-radius: 25px; border: 2px solid #fff; margin-left: -10px; margin-right: -10px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher input[type="radio"] { position: absolute; opacity: 0 } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher input[type="radio"]:checked+label+.switch, .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch { transform: translateX(150px) } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher input[type="radio"]:checked+label:nth-of-type(1)+.switch { border-radius: 25px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher input[type="radio"]:checked+label:nth-of-type(2)+.switch { border-radius: 25px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher label { position: relative; z-index: 1; float: left; width: 150px; height: 35px; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0; cursor: pointer } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--switcher .switch { position: absolute; top: 0; left: 0; height: 35px; width: 150px; background-color: #fff; border-radius: 25px; transition: transform .5s } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--list { height: 70px; font-size: 18px; font-weight: 500; background: #555; background: linear-gradient(to right, #555 0, #7e7c7d 100%); display: flex; align-items: center; justify-content: center } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--list i { border: solid #d1d3d2; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; float: right; display: none; position: relative; top: 4px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--list .down { transform: rotate(45deg) } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--list>a { color: #fff; pointer-events: none } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--list>a:hover { text-decoration: none } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--listAll { margin: 0 } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--listAll li { padding: 15px 20px; font-size: 14px; font-weight: 500; color: #343434; border-bottom: 1px solid #ddd; background: #f2f2f2 } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--listAll li:nth-last-child(1) { border-bottom: 0 } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--listAll li:before { display: none } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--container .pricing_plan--listAll li.list-highlight { background: #fff } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--pro .pricing_plan--listAll li { padding: 6px 10px 5px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--pro .pricing_plan--listAll li>img { width: 40px } @media only screen and (max-width:1024px) { .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list { text-align: left; padding: 0 30px; display: none !important } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list.individual-features { display: block !important; margin-top: 40px } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list.mobile { display: flex !important; cursor: pointer } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list i { display: block !important } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list>a { pointer-events: auto; width: 100% } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list ul { max-width: 350px; height: auto !important; margin: 0 auto } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--listAll { /*display: none*/ } } @media only screen and (min-width:1025px) { .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list.mobile { display: none } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--listAll { display: block !important } } @media only screen and (max-width:1024px) { .bodypro .pricing-plans .pricing_plans_all.pricing-plan--mini .pricing_plan--container:nth-child(n+2) { margin-top: 20px } } @media only screen and (min-width:1025px) { @-moz-document url-prefix() { .pricing_plan--container { margin-bottom: 100px } } } @-moz-document url-prefix() { .pricing_plan--container .pricing_plan--inverter .pricing_plan--price sup { top: 18px } } @media only screen and (max-width:1024px) { @-moz-document url-prefix() { .pricing_plan--container { margin: 5vw auto 50px } } } @-moz-document url-prefix() { .pricing_plan--container .pricing_plan--inverter .pricing_plan--price sup { top: 18px } } @media only screen and (min-width:1025px) and (max-width:1366px) { @-moz-document url-prefix() { .pricing_plan--container { margin: 5vw 1% 3vw } } } .bodypro .pricing-plans .pricing_plan--list.individual-features { font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 80px } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--list__horizontal { width: 80px; height: 5px; margin: 25px auto; background: #ef562a; background: linear-gradient(to right, #ef562a 0, #e70b87 100%) } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll { margin-bottom: 40px; display: flex !important; flex-direction: column; flex-wrap: wrap; height: 105px } @media (max-width:767px){ .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li { padding: unset!important; font-size: 12px!important; } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll{ height:96px!important; position:relative; left:-35px; } .bodypro .pricing-plans .pricing_plans_all .pricing_plan--list ul{ max-width:unset!important; } } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li { padding: 8px 20px; font-size: 16px; font-weight: 500; color: #fff } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li:before { display: none } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li .list-circle-checkmark { width: 20px; height: 20px; border-radius: 100px; border: 1px solid #fff; display: inline-block; margin-right: 5px; position: relative; top: 4px } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li .list-circle-checkmark:before { content: ''; display: block; width: 5px; height: 10px; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(45deg); position: absolute; top: 2px; left: 7px } @media(max-width:767px){ .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li .list-circle-checkmark { width: 10px; height: 10px; } .bodypro .pricing-plans .pricing_plan--list.individual-features .pricing_plan--listAll li .list-circle-checkmark:before { top: -4px; left: 2px } } .bodypro .pricing-plans .plans_individual .pricing_plan--annual .pricing_plan--inverter .pricing_plan--price>span { width: 59% } .bodypro .pricing-plans .plans_individual .pricing_plan--container .pricing_plan--item { height: 300px } .bodypro .pricing-plans .plans_individual .pricing_plan--container .pricing_plan--inverter h2 { text-transform: uppercase; font-size: 14px; color: #555 } .bodypro .pricing-plans .plans_individual .pricing_plan--individual .pricing_plan--button { /*margin-top: 23px*/ } @media only screen and (min-width:800px) { .bodypro .pricing-plans .column-control.pricing_plans_all .column-control-container .bodypro .row div.medium-12.bodypro .columns { width: 100%; padding-left: 10% !important; padding-right: 10% !important } } .bodypro .pricing-plans a.tooltip_wrapper { outline: 0; display: inline-block; vertical-align: middle; margin-left: 5px; position: relative } .bodypro .pricing-plans a.tooltip_wrapper .tooltip_wrapper--circle { width: 10px; height: 10px; border: 1px solid #ea1788; border-radius: 50px; padding: 1px } .bodypro .pricing-plans a.tooltip_wrapper .tooltip_wrapper--innerCircle { width: 6px; height: 6px; background: #ea1788; border-radius: 50px; display: block } .bodypro .pricing-plans a.tooltip_wrapper:hover { text-decoration: none } .bodypro .pricing-plans a.tooltip_wrapper span.tooltip_wrapper--desc { z-index: 10; display: none; width: 300px; font-size: 12px; line-height: 1.4; color: #282828; border: 1px solid #aaa; background: #fff; padding: 20px; border-radius: 4px; position: relative; } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc { display: block; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after, .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before { border-color: rgba(170, 170, 170, 0); border-right-color: #aaa; border-width: 16px; margin-top: -16px } @media only screen and (min-width:1025px) and (max-width:1366px) { .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc { left: inherit; top: inherit; bottom: 30px; transform: translateX(-50%); margin-left: 5px } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before { border-top-color: #aaa; border-width: 15px; border-right-color: transparent; margin-top: -16px; right: inherit; top: inherit; left: 50%; bottom: -30px; transform: translateX(-50%) } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after { border-top-color: #fff; border-right-color: transparent; border-width: 15px; margin-top: -15px; right: inherit; left: 50%; top: inherit; bottom: -29px; transform: translateX(-50%) } } @media only screen and (max-width:1024px) { .bodypro .pricing-plans a.tooltip_wrapper span.tooltip_wrapper--desc { width:100px}} @media only screen and (max-width:767px) { .bodypro .pricing-plans a.tooltip_wrapper span.tooltip_wrapper--desc { width:150px; left:-10px!important;} .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc { left: inherit; top: inherit; bottom: 30px; transform: translateX(-50%); margin-left: px } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before { border-top-color: #aaa; border-width: 15px; border-right-color: transparent; margin-top: -16px; right: inherit; top: inherit; left: 60%; bottom: -30px; transform: translateX(-50%) } .bodypro .pricing-plans a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after { border-top-color: #fff; border-right-color: transparent; border-width: 15px; margin-top: -15px; right: inherit; left: 60%; top: inherit; bottom: -29px; transform: translateX(-50%) } } .mktoForm { padding: 10px 0 !important } .mktoForm input { margin-bottom: 9px; box-shadow: none; border-radius: 2px; padding: 15px 5px; height: 40px !important } .mktoButton { font-size: 12pt !important; height: 40px; min-width: 160px; width: auto; display: block; position: relative; font-weight: 300 !important; line-height: 40px; padding-top: 0 !important } .mktoForm .mktoLabel { float: left; line-height: 1.75em !important; padding-top: .3em; width: auto; max-width: 300px; font-weight: 500; color: gray !important; font-size: .9em } .mktoForm input[type="text"], .mktoForm input[type="tel"], .mktoForm input[type="email"], .mktoForm select.mktoField { height: 40px !important; padding: 10px !important } .mktoForm label.mktoLabel.mktoHasWidth { width: auto !important } .bodypro .block--black .mktoForm .mktoLabel { color: #fff } .mktoForm input, .mktoForm select { float: left !important; clear: left; width: 300px !important; max-width: 100%; font-size: 13px !important; height: 30px !important } .mktoButtonWrap { margin: 0 !important } .mktoOffset, .mktoGutter { display: none !important } .mktoAsterix { padding: 0 !important; color: #555 !important } .bodypro .block--black .mktoAsterix { color: #fff !important } .mktoButtonRow { margin-top: 10px !important } .marketo-form-component { padding-bottom: 30px } .marketo-form-component .marketo-form-data.hidden { display: none } .marketo-form--inline .mktoForm { width: auto !important; max-width: 720px; margin: 0 -30px } .marketo-form--inline .mktoForm::after { clear: both; content: ""; display: block } .marketo-form--inline .mktoForm .mktoFormRow { float: left; clear: none; padding: 0 30px } .marketo-form--inline .mktoButtonRow { float: left; clear: both; margin: 0 30px } @media all and (max-width:720px) { .mktoForm, .marketo-form--inline .mktoForm { max-width: 300px } .marketo-form--inline .mktoForm .mktoFormRow { padding: 0 } } @media all and (max-width:360px) { .mktoForm button.mktoButton { padding: 0 15px 30px } .marketo-form-component { margin-left: -.9375em; margin-right: -.9375em } } #hub-tiles-filters-content .bodypro .columns:nth-child(2) { padding: 0 5px } @keyframes blink { 0 { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes blink { 0 { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes blink { 0 { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes controlZoom { 0 { opacity: 0; transform: scale(1) } 50% { opacity: .5 } 100% { opacity: 1; transform: scale(1.5) } } .bodypro .block--center { text-align: center } .hero-blog-block .blog-hero-wrapper .title:nth-child(1) h1, .hero-blog-block .blog-hero-wrapper .title:nth-child(1) h2, .hero-blog-block .blog-hero-wrapper .title:nth-child(1) h3, .hero-blog-block .blog-hero-wrapper .title:nth-child(1) h4, .hero-blog-block .blog-hero-wrapper .title:nth-child(1) h5, .hero-blog-block .blog-hero-wrapper .title:nth-child(1) h6, .hero-blog-block .blog-hero-wrapper .image:nth-child(1) img { margin-top: 45px } .hero-blog-block .title:nth-child(1) h1 { font-size: 64px !important; font-weight: 200 !important; line-height: 80px !important } @media only screen and (max-width:640px) { .hero-blog-block .title:nth-child(1) h1 { font-size: 40px !important; line-height: 50px !important } } .generic-block { overflow: hidden } .bodypro .block { color: #f3f3f3; background-repeat: no-repeat; background-size: cover; background-position: top; min-height: 300px } .bodypro .block .title { color: #f3f3f3 } .bodypro .block--black { background-color: rgb(3, 26, 42); /*background:linear-gradient(to left, rgb(132, 7, 95) 0%, rgb(188, 7, 110) 50%, rgb(132, 7, 95) 100%) !important;*/ /*background:linear-gradient(to left, rgb(41, 2, 30) 0%, rgb(41, 2, 30) 50%, rgb(41, 2, 30) 100%) !important*/ } .bodypro .block--dark-gray { background-color: #181818 } .bodypro .generic-block-wrapper { padding: 100px 0; position: relative } .bodypro .generic-block-wrapper.padding-top-twenty { padding-top: 20px } .bodypro .generic-block-wrapper.padding-top-fifty { padding-top: 0px } .bodypro .generic-block-wrapper.padding-bottom-twenty { padding-bottom: 20px } .bodypro .generic-block-wrapper.padding-bottom-thirty { padding-bottom: 30px } .bodypro .generic-block-wrapper.padding-bottom-fifty { padding-bottom: 50px } @media only screen and (max-width:1024px) { .bodypro .block { min-height: initial } }