#jw-page-factory { position: relative } #jw-page-factory .jw-pagefactory-page-edit { position: fixed; font-size: 13px; line-height: 1; top: 40%; right: 15px; color: #fff; display: block; margin: 0; padding: 8px 10px; text-decoration: none; font-style: normal; background: rgba(0, 0, 0, .5); border: 1px solid rgba(255, 255, 255, .2); border-radius: 3px; -webkit-transition: background-color .3s, color .3s, border-color .3s; transition: background-color .3s, color .3s, border-color .3s; z-index: 9995 } #jw-page-factory .jw-pagefactory-page-edit:active, #jw-page-factory .jw-pagefactory-page-edit:focus, #jw-page-factory .jw-pagefactory-page-edit:hover { color: #000; background: #fff; border-color: rgba(0, 0, 0, .2) } .jwpf-qk-top{ position: fixed !important; top: 0; z-index: 1000 !important; width: 100%; } .jwpf-qk-bottom{ position: fixed !important; bottom: 0; z-index: 1000 !important; width: 100%; } #jw-page-factory .page-content .jwpf-section, #jw-page-factory .jwpf-section, .mod-jwpagefactory .jwpf-section { z-index: 1; position: relative } #jw-page-factory .page-content .jwpf-section, #jw-page-factory .jwpf-section { will-change: top } #jw-page-factory .page-content .jwpf-section:first-child { /*margin-top: 0*/ } #jw-page-factory .jwpf-section-title { margin-bottom: 50px; position: relative; z-index: 1 } #jw-page-factory .jwpf-section-title .jwpf-title-heading { margin-top: 0; font-size: 36px; line-height: 36px; margin-bottom: 15px; border: 0 } #jw-page-factory .jwpf-section-title .jwpf-title-subheading { font-size: 16px; margin-top: 0; margin-bottom: 0 } #jw-page-factory .jwpf-section-title.jwpf-text-center .jwpf-title-subheading { display: inline-block; max-width: 80% } .jwpf-section-background-video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1 } .jwpf-section-background-video::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: 0 0; z-index: 1 } .jwpf-section-background-video video { object-fit: cover; position: absolute; left: 0; top: 0; height: 100%; width: 100% } @supports (-ms-ime-align:auto) { .jwpf-section-background-video video { height: auto; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%) } } .jwpf-youtube-video-bg.display-none { display: none } .com-jwpagefactory.view-form.layout-edit.off-canvas-menu-init { position: inherit } .jwpf-addon-cta .jwpf-cta-title { margin-top: 0; font-size: 36px; line-height: 36px; margin-bottom: 15px; border: 0 } .jwpf-addon-cta .jwpf-cta-subtitle { font-size: 24px; line-height: 24px; margin-top: 0; margin-bottom: 0 } .jwpf-addon-cta .jwpf-cta-text { margin-top: 15px; margin-bottom: 0 } @media screen and (min-width: 768px) { .jwpf-addon-cta .jwpf-row { display: table; height: 100%; width: 100% } .jwpf-addon-cta .jwpf-row > div { display: table-cell; vertical-align: middle; float: none } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .jwpf-carousel-inner > .jwpf-item > a > img, .jwpf-carousel-inner > .jwpf-item > img, .jwpf-img-responsive { width: 100% } .jwpf-testimonial-pro .jwpf-img-responsive.jwpf-avatar { width: auto !important } } .jwpf-addon-facebook-likebox * { max-width: 100% !important } .jwpf-gallery { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap } .jwpf-gallery.gallery-item-left { justify-content: flex-start } .jwpf-gallery.gallery-item-center { justify-content: center } .jwpf-gallery.gallery-item-right { justify-content: flex-end } .jwpf-gallery li { display: inline-block; float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .jwpf-gallery li a { display: block } .jwpf-addon-persion .jwpf-person-image, .jwpf-addon-person .jwpf-person-image { margin-bottom: 20px; position: relative; overflow: hidden } .jwpf-addon-person .jwpf-person-image.person-layout-4 { margin-bottom: 0 } .jwpf-addon-persion .jwpf-person-introtext, .jwpf-addon-persion .jwpf-person-social-icons, .jwpf-addon-person .jwpf-person-introtext, .jwpf-addon-person .jwpf-person-social-icons { margin-top: 10px } .jwpf-addon-persion .jwpf-person-information > span, .jwpf-addon-person .jwpf-person-information > span { display: block } .jwpf-addon-persion .jwpf-person-information > span.jwpf-person-name, .jwpf-addon-person .jwpf-person-information > span.jwpf-person-name { font-size: 16px; font-weight: 700 } .jwpf-addon-persion .jwpf-person-information > span.jwpf-person-designation, .jwpf-addon-persion .jwpf-person-information > span.jwpf-person-email, .jwpf-addon-person .jwpf-person-information > span.jwpf-person-designation, .jwpf-addon-person .jwpf-person-information > span.jwpf-person-email { margin-top: 5px; display: block; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, .4) } .jwpf-addon-persion .jwpf-person-social, .jwpf-addon-person .jwpf-person-social { list-style: none; display: block; padding: 0; margin: 0 -5px } .jwpf-addon-persion .jwpf-person-social > li, .jwpf-addon-person .jwpf-person-social > li { display: inline-block; margin: 0 5px } .jwpf-addon-persion .jwpf-person-social > li > a, .jwpf-addon-person .jwpf-person-social > li > a { display: block; font-size: 14px; line-height: 14px; color: #999 } .jwpf-addon-persion .jwpf-person-social > li > a:hover, .jwpf-addon-person .jwpf-person-social > li > a:hover { color: #666 } .person-content-show-on-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; opacity: 0; visibility: hidden; transition: .4s } .jwpf-addon-person:hover .person-content-show-on-hover { opacity: 1; visibility: visible } .person-content-hover-content-wrap { padding: 30px; width: 100% } .person-content-position-bottom-left .jwpf-person-image { margin-bottom: 0 } .person-content-position-bottom-left .person-content-show-on-hover, .person-content-position-half-overlay .person-content-show-on-hover { justify-content: flex-start; align-items: flex-end } .person-content-position-half-overlay .person-content-show-on-hover { height: auto; top: auto; bottom: 0 } .person-content-position-half-overlay .jwpf-person-image > img { transition: .4s } .person-content-position-half-overlay:hover .jwpf-person-image > img { opacity: .8 } .person-content-position-full-overlay .jwpf-person-designation, .person-content-position-full-overlay .jwpf-person-name, .person-content-position-full-overlay .jwpf-person-social > li > a, .person-content-position-half-overlay .jwpf-person-designation, .person-content-position-half-overlay .jwpf-person-name, .person-content-position-half-overlay .jwpf-person-social > li > a { color: #fff } .person-content-position-full-overlay .person-content-show-on-hover { justify-content: center; align-items: center; text-align: center } .person-content-position-full-overlay .person-content-hover-content-wrap { padding: 30px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; position: relative } .person-content-position-full-overlay .jwpf-person-social-icons { bottom: 30px; left: 0; position: absolute; right: 0; top: auto } .person-content-hover-content-wrap > span { display: block } .jwpf-pricing-box .jwpf-pricing-header .jwpf-pricing-title { margin-top: 0; padding: 0; font-size: 18px; margin: 0 0 20px } .jwpf-pricing-box .jwpf-pricing-header > span.jwpf-pricing-price { font-size: 24px; line-height: 24px } .jwpf-pricing-box .jwpf-pricing-header > span.jwpf-pricing-duration { font-size: 16px; line-height: 16px } .jwpf-pricing-box .jwpf-pricing-features, .jwpf-pricing-box .jwpf-pricing-price-container { margin: 0 0 20px } .jwpf-pricing-box .jwpf-pricing-features > ul { list-style: none; padding: 0; margin: 0 } .jwpf-pricing-box .jwpf-pricing-features > ul > li { display: block; padding: 0 } .jwpf-pricing-box .jwpf-pricing-features > ul > li:last-child { margin-bottom: 0 !important } .jwpf-pricing-box .jwpf-pricing-features > ul > li .fa-check { color: #03e16d } .jwpf-pricing-box .jwpf-pricing-features > ul > li .fa-times { color: #d0021b } .jwpf-pricing-box .jwpf-pricing-header > span.jwpf-pricing-price { font-size: 24px; line-height: 1 } .jwpf-pricing-box .jwpf-pricing-header > span.jwpf-pricing-duration { font-size: 16px; line-height: 1 } .jwpf-pricing-box .jwpf-pricing-header span.jwpf-pricing-price-symbol { line-height: 1.3; vertical-align: super } .jwpf-pricing-box .jwpf-pricing-price.after { margin-bottom: 30px; display: block } .jwpf-pricing-box .jwpf-pricing-header > span.jwpf-pricing-price { font-size: 24px; line-height: 1 } .jwpf-pricing-box .jwpf-pricing-header > span.jwpf-pricing-duration { font-size: 16px; line-height: 1 } .jwpf-pricing-box .jwpf-pricing-header span.jwpf-pricing-price-symbol { line-height: 1.3; vertical-align: super } .jwpf-addon-animated-number .jwpf-addon-content { display: inline-block } .jwpf-addon-animated-number .jwpf-addon-content .jwpf-animated-number-title { margin-top: 10px } .jwpf-addon-animated-number.jwpf-hasbg .jwpf-addon-content { padding: 20px } .animated-number-position-bottom .jwpf-addon-content, .animated-number-position-left .jwpf-addon-content, .animated-number-position-right .jwpf-addon-content { display: flex } .animated-number-position-right .jwpf-addon-content { flex-direction: row-reverse } .animated-number-position-bottom .jwpf-addon-content { flex-direction: column-reverse } .jwpf-text-center.animated-number-position-bottom .jwpf-addon-content, .jwpf-text-center.animated-number-position-left .jwpf-addon-content, .jwpf-text-center.animated-number-position-right .jwpf-addon-content { justify-content: center } .jwpf-text-left.animated-number-position-bottom .jwpf-addon-content, .jwpf-text-left.animated-number-position-left .jwpf-addon-content { justify-content: flex-start } .jwpf-text-right.animated-number-position-bottom .jwpf-addon-content, .jwpf-text-right.animated-number-position-left .jwpf-addon-content { justify-content: flex-end } .jwpf-text-left.animated-number-position-right .jwpf-addon-content { justify-content: flex-end } .jwpf-text-right.animated-number-position-right .jwpf-addon-content { justify-content: flex-start } .jwpf-pie-chart { position: relative; display: inline-block } .jwpf-pie-chart canvas { position: absolute; top: 0; left: 0 } .jwpf-pie-chart .jwpf-chart-percent { font-size: 24px } .jwpf-pie-chart .jwpf-chart-icon, .jwpf-pie-chart .jwpf-chart-percent { width: 100%; height: 100%; display: table } .jwpf-pie-chart .jwpf-chart-icon span, .jwpf-pie-chart .jwpf-chart-percent span { display: table-cell; vertical-align: middle } .jwpf-addon-single-image::after, .jwpf-addon-single-image::before { content: ''; display: table } .jwpf-addon-single-image-container { display: inline-block; position: relative; transition: all .4s ease } .jwpf-addon-image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; z-index: 1 } .jwpf-addon-single-image-container:hover .jwpf-addon-image-overlay { opacity: 1 } .jwpf-addon-image-overlay-icon { position: absolute; color: #fff; text-decoration: none; display: none; width: 36px; font-size: 28px; height: 36px; line-height: 36px; text-align: center; top: 50%; left: 50%; margin-left: -18px; margin-top: -18px; background: rgba(0, 0, 0, .8); border-radius: 40px; -webkit-transition: background-color .3s; transition: background-color .3s; z-index: 2 } .jwpf-addon-image-overlay-icon:active, .jwpf-addon-image-overlay-icon:focus, .jwpf-addon-image-overlay-icon:hover { text-decoration: none; color: #fff; background: #000; outline: 0 } .jwpf-addon-single-image-container:hover .jwpf-addon-image-overlay-icon { display: block; -webkit-animation: zoomIn .2s; animation: zoomIn .2s } .jwpf-addon-image-content { position: relative } .jwpf-addon-image-content .jwpf-image-holder { position: absolute; top: 0; width: 50%; height: 100%; background-position: 50%; background-size: cover } .jwpf-addon-image-content.aligment-left .jwpf-image-holder { left: 0 } .jwpf-addon-image-content.aligment-left .jwpf-content-holder { padding: 120px 0 120px 50px } .jwpf-addon-image-content.aligment-right .jwpf-image-holder { right: 0 } .jwpf-addon-image-content.aligment-right .jwpf-content-holder { padding: 120px 50px 120px 0 } @media (max-width: 768px) { .jwpf-addon-image-content .jwpf-image-holder { position: inherit; width: 100% !important; height: 300px } } .jwpf-addon-articles { margin-bottom: -30px } .jwpf-addon-articles .jwpf-addon-article { margin-bottom: 30px } .jwpf-addon-articles .jwpf-carousel .jwpf-carousel-inner > .jwpf-item { padding: 0 } .jwpf-addon-articles .jwpf-carousel .jwpf-carousel-control { position: absolute; top: 50%; border: 1px solid #fff; color: #fff; border-radius: 100px; width: 36px; height: 36px; line-height: 34px; font-size: 18px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .4s; transition: .4s; opacity: 0; text-align: center } .jwpf-addon-articles .jwpf-carousel .jwpf-carousel-control.left { left: 10px } .jwpf-addon-articles .jwpf-carousel .jwpf-carousel-control.right { right: 10px } .jwpf-addon-articles .jwpf-carousel .jwpf-carousel-control:hover { background-color: #333; border-color: #333 } .jwpf-addon-articles:hover .jwpf-carousel-control { opacity: 1 } .jwpf-addon-articles .jwpf-article-meta { margin: -5px -5px 5px } .jwpf-addon-articles .jwpf-article-meta > span { display: inline-block; margin: 5px; color: #888; font-size: 13px } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } img { vertical-align: middle } .jwpf-carousel-inner > .jwpf-item > a > img, .jwpf-carousel-inner > .jwpf-item > img, .jwpf-img-responsive { display: block; width: 100%; max-width: 100%; height: auto } .jwpf-img-rounded { border-radius: 6px } .jwpf-img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto } .jwpf-img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .jwpf-lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media (min-width: 768px) { .jwpf-lead { font-size: 21px } } .jwpf-text-left { text-align: left } .jwpf-text-right { text-align: right } .jwpf-text-center { text-align: center } .jwpf-text-center .jwpf-img-responsive, .jwpf-text-left .jwpf-img-responsive, .jwpf-text-right .jwpf-img-responsive { display: inline-block } .jwpf-text-justify { text-align: justify } .jwpf-text-nowrap { white-space: nowrap } .jwpf-text-lowercase { text-transform: lowercase } .jwpf-text-uppercase { text-transform: uppercase } .jwpf-text-capitalize { text-transform: capitalize } .jwpf-text-muted { color: #777 } .jwpf-text-primary { color: #428bca } a.jwpf-text-primary:hover { color: #3071a9 } .jwpf-text-success { color: #3c763d } a.jwpf-text-success:hover { color: #2b542c } .jwpf-text-info { color: #31708f } a.jwpf-text-info:hover { color: #245269 } .jwpf-text-warning { color: #8a6d3b } a.jwpf-text-warning:hover { color: #66512c } .jwpf-text-danger { color: #a94442 } a.jwpf-text-danger:hover { color: #843534 } .jwpf-blockquote { position: relative; font-size: 18px; font-style: italic } .jwpf-blockquote ol:last-child, .jwpf-blockquote p:last-child, .jwpf-blockquote ul:last-child { margin-bottom: 0 } .jwpf-blockquote .small, .jwpf-blockquote footer, .jwpf-blockquote small { font-style: normal; display: block; margin-top: 15px; font-size: 80%; line-height: 1.42857143; color: #989898 } .jwpf-blockquote .small:before, .jwpf-blockquote footer:before, .jwpf-blockquote small:before { content: '\2014 \00A0' } .jwpf-blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } .jwpf-blockquote.pull-right .small:before, .jwpf-blockquote.pull-right footer:before, .jwpf-blockquote.pull-right small:before { content: '' } .jwpf-blockquote.pull-right .small:after, .jwpf-blockquote.pull-right footer:after, .jwpf-blockquote.pull-right small:after { content: '\00A0 \2014' } .jwpf-blockquote:after { content: "" } .jwpf-blockquote:before { content: "\f10d"; font-family: "Font Awesome 5 Free"; font-style: normal; font-size: 28px; line-height: 28px; color: rgba(152, 152, 152, .3); display: block; margin-bottom: 15px; font-weight: 900 } .jwpf-address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 } .jwpf-addon-blocknumber .jwpf-blocknumber-number { display: inline-block; text-align: center } .jwpf-addon-blocknumber .jwpf-media-body.jwpf-text-center { margin-top: 15px } .jwpf-addon-blocknumber .jwpf-media-body h1, .jwpf-addon-blocknumber .jwpf-media-body h2, .jwpf-addon-blocknumber .jwpf-media-body h3, .jwpf-addon-blocknumber .jwpf-media-body h4, .jwpf-addon-blocknumber .jwpf-media-body h5, .jwpf-addon-blocknumber .jwpf-media-body h6 { margin-top: 0 } .jwpf-dropcap .jwpf-addon-content:first-letter { display: block; float: left; font-size: 50px; line-height: 40px; padding: 4px 8px 0 0 } .jwpf-code, .jwpf-pre { font-family: Menlo, Monaco, Consolas, "Courier New", monospace } .jwpf-code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px } .jwpf-pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } .jwpf-pre .jwpf-code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .jwpf-container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100% } @media (min-width: 576px) { .jwpf-container { max-width: 540px } } @media (min-width: 768px) { .jwpf-container { max-width: 720px } } @media (min-width: 992px) { .jwpf-container { max-width: 960px } } @media (min-width: 1200px) { .jwpf-container { max-width: 1140px } } .jwpf-container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100% } .jw-pagefactory-row, .jwpf-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .jwpf-no-gutter { margin-right: 0; margin-left: 0 } .jwpf-no-gutter > .jwpf-col, .jwpf-no-gutter > [class*=jwpf-col-] { padding-right: 0; padding-left: 0 } .jwpf-col, .jwpf-col-auto, .jwpf-col-lg, .jwpf-col-lg-1, .jwpf-col-lg-10, .jwpf-col-lg-11, .jwpf-col-lg-12, .jwpf-col-lg-2, .jwpf-col-lg-3, .jwpf-col-lg-4, .jwpf-col-lg-5, .jwpf-col-lg-6, .jwpf-col-lg-7, .jwpf-col-lg-8, .jwpf-col-lg-9, .jwpf-col-lg-auto, .jwpf-col-md, .jwpf-col-md-1, .jwpf-col-md-10, .jwpf-col-md-11, .jwpf-col-md-12, .jwpf-col-md-2, .jwpf-col-md-3, .jwpf-col-md-4, .jwpf-col-md-5, .jwpf-col-md-6, .jwpf-col-md-7, .jwpf-col-md-8, .jwpf-col-md-9, .jwpf-col-md-auto, .jwpf-col-sm, .jwpf-col-sm-1, .jwpf-col-sm-10, .jwpf-col-sm-11, .jwpf-col-sm-12, .jwpf-col-sm-2, .jwpf-col-sm-3, .jwpf-col-sm-4, .jwpf-col-sm-5, .jwpf-col-sm-6, .jwpf-col-sm-7, .jwpf-col-sm-8, .jwpf-col-sm-9, .jwpf-col-sm-auto, .jwpf-col-xl, .jwpf-col-xl-1, .jwpf-col-xl-10, .jwpf-col-xl-11, .jwpf-col-xl-12, .jwpf-col-xl-2, .jwpf-col-xl-3, .jwpf-col-xl-4, .jwpf-col-xl-5, .jwpf-col-xl-6, .jwpf-col-xl-7, .jwpf-col-xl-8, .jwpf-col-xl-9, .jwpf-col-xl-auto, .jwpf-col-xs-1, .jwpf-col-xs-10, .jwpf-col-xs-11, .jwpf-col-xs-12, .jwpf-col-xs-2, .jwpf-col-xs-3, .jwpf-col-xs-4, .jwpf-col-xs-5, .jwpf-col-xs-6, .jwpf-col-xs-7, .jwpf-col-xs-8, .jwpf-col-xs-9 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .jwpf-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .jwpf-col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .jwpf-col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .jwpf-col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .jwpf-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .jwpf-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .jwpf-col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .jwpf-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .jwpf-col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .jwpf-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .jwpf-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .jwpf-col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .jwpf-col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .jwpf-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .jwpf-order-1 { -ms-flex-order: 1; order: 1 } .jwpf-order-2 { -ms-flex-order: 2; order: 2 } .jwpf-order-3 { -ms-flex-order: 3; order: 3 } .jwpf-order-4 { -ms-flex-order: 4; order: 4 } .jwpf-order-5 { -ms-flex-order: 5; order: 5 } .jwpf-order-6 { -ms-flex-order: 6; order: 6 } .jwpf-order-7 { -ms-flex-order: 7; order: 7 } .jwpf-order-8 { -ms-flex-order: 8; order: 8 } .jwpf-order-9 { -ms-flex-order: 9; order: 9 } .jwpf-order-10 { -ms-flex-order: 10; order: 10 } .jwpf-order-11 { -ms-flex-order: 11; order: 11 } .jwpf-order-12 { -ms-flex-order: 12; order: 12 } @media (max-width: 767px) { .jwpf-col-xs { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .jwpf-col-xs-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .jwpf-col-xs-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .jwpf-col-xs-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .jwpf-col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .jwpf-col-xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .jwpf-col-xs-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .jwpf-col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .jwpf-col-xs-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .jwpf-col-xs-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .jwpf-col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .jwpf-col-xs-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .jwpf-col-xs-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .jwpf-col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .jwpf-order-xs-1 { -ms-flex-order: 1; order: 1 } .jwpf-order-xs-2 { -ms-flex-order: 2; order: 2 } .jwpf-order-xs-3 { -ms-flex-order: 3; order: 3 } .jwpf-order-xs-4 { -ms-flex-order: 4; order: 4 } .jwpf-order-xs-5 { -ms-flex-order: 5; order: 5 } .jwpf-order-xs-6 { -ms-flex-order: 6; order: 6 } .jwpf-order-xs-7 { -ms-flex-order: 7; order: 7 } .jwpf-order-xs-8 { -ms-flex-order: 8; order: 8 } .jwpf-order-xs-9 { -ms-flex-order: 9; order: 9 } .jwpf-order-xs-10 { -ms-flex-order: 10; order: 10 } .jwpf-order-xs-11 { -ms-flex-order: 11; order: 11 } .jwpf-order-xs-12 { -ms-flex-order: 12; order: 12 } .jwpf-section-content-center .jwpf-row-container { width: 100% } } @media (min-width: 768px) { .jwpf-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .jwpf-col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .jwpf-col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .jwpf-col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .jwpf-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .jwpf-col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .jwpf-col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .jwpf-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .jwpf-col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .jwpf-col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .jwpf-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .jwpf-col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .jwpf-col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .jwpf-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (min-width: 992px) { .jwpf-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .jwpf-col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .jwpf-col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .jwpf-col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .jwpf-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .jwpf-col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .jwpf-col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .jwpf-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .jwpf-col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .jwpf-col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .jwpf-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .jwpf-col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .jwpf-col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .jwpf-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .jwpf-order-md-1 { -ms-flex-order: 1; order: 1 } .jwpf-order-md-2 { -ms-flex-order: 2; order: 2 } .jwpf-order-md-3 { -ms-flex-order: 3; order: 3 } .jwpf-order-md-4 { -ms-flex-order: 4; order: 4 } .jwpf-order-md-5 { -ms-flex-order: 5; order: 5 } .jwpf-order-md-6 { -ms-flex-order: 6; order: 6 } .jwpf-order-md-7 { -ms-flex-order: 7; order: 7 } .jwpf-order-md-8 { -ms-flex-order: 8; order: 8 } .jwpf-order-md-9 { -ms-flex-order: 9; order: 9 } .jwpf-order-md-10 { -ms-flex-order: 10; order: 10 } .jwpf-order-md-11 { -ms-flex-order: 11; order: 11 } .jwpf-order-md-12 { -ms-flex-order: 12; order: 12 } } @media (min-width: 1200px) { .jwpf-col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .jwpf-col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .jwpf-col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .jwpf-col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .jwpf-col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .jwpf-col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .jwpf-col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .jwpf-col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .jwpf-col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .jwpf-col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .jwpf-col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .jwpf-col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .jwpf-col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .jwpf-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .jwpf-order-lg-1 { -ms-flex-order: 1; order: 1 } .jwpf-order-lg-2 { -ms-flex-order: 2; order: 2 } .jwpf-order-lg-3 { -ms-flex-order: 3; order: 3 } .jwpf-order-lg-4 { -ms-flex-order: 4; order: 4 } .jwpf-order-lg-5 { -ms-flex-order: 5; order: 5 } .jwpf-order-lg-6 { -ms-flex-order: 6; order: 6 } .jwpf-order-lg-7 { -ms-flex-order: 7; order: 7 } .jwpf-order-lg-8 { -ms-flex-order: 8; order: 8 } .jwpf-order-lg-9 { -ms-flex-order: 9; order: 9 } .jwpf-order-lg-10 { -ms-flex-order: 10; order: 10 } .jwpf-order-lg-11 { -ms-flex-order: 11; order: 11 } .jwpf-order-lg-12 { -ms-flex-order: 12; order: 12 } } .jwpf-column, .jwpf-column-addons { position: relative; /*z-index: 1;*/ width: 100% } .jwpf-column { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .jwpf-column.jwpf-align-items-center { -ms-flex-align: center !important; align-items: center !important } .jwpf-column.jwpf-align-items-top { -ms-flex-align: flex-start !important; align-items: flex-start !important } .jwpf-column.jwpf-align-items-bottom { -ms-flex-align: flex-end !important; align-items: flex-end !important } .jwpf-column-vertical-align { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .jwpf-column-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-position: center center; background-repeat: repeat } .jwpf-row-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: repeat; z-index: 1 } .jw-pagefactory-section-inner .jwpf-row, .jwpf-container-inner, .jwpf-row-container { position: relative; /* z-index: 3 */ z-index: 10 } /* min 后改关于操作难以接受的问题 */ /* .jw-pagefactory-section-inner .jwpf-row { z-index: 10 } */ .jwpf-btn { display: inline-block; font-weight: 400; text-align: center; white-space: pre-line; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 8px 12px; font-size: 16px; line-height: 1.25; border-radius: 4px; transition: all .15s ease-in-out } .jwpf-btn.jwpf-btn-3d { border-bottom-width: 3px; padding-top: 7px; padding-bottom: 7px } .jwpf-btn:focus, .jwpf-btn:hover { text-decoration: none } .jwpf-btn.focus, .jwpf-btn:focus { outline: 0; box-shadow: 0 0 0 3px rgba(0, 123, 255, .25) } .jwpf-btn.disabled, .jwpf-btn:disabled { opacity: .65 } .jwpf-btn.active, .jwpf-btn:active { background-image: none } a.jwpf-btn.disabled, fieldset[disabled] a.jwpf-btn { pointer-events: none } .jwpf-btn-default { color: #010101; background-color: #eff1f4; border-color: #eff1f4 } .jwpf-btn-default.jwpf-btn-3d { border-bottom-color: #d7dadd } .jwpf-btn-default.jwpf-btn-gradient { background-image: linear-gradient(-180deg, #eff1f2 0, #c2c3c3 100%); color: #6a6a6a; border: none } .jwpf-btn-default:hover { color: #010101; background-color: #d7dadd; border-color: #d7dadd } .jwpf-btn-default.focus, .jwpf-btn-default:focus { color: #010101; box-shadow: 0 0 0 3px rgba(239, 241, 244, .8) } .jwpf-btn-default.disabled, .jwpf-btn-default:disabled { background-color: #eff1f4; border-color: #eff1f4; color: #010101 } .show > .jwpf-btn-default.dropdown-toggle, .jwpf-btn-default.active, .jwpf-btn-default:active { background-color: #d7dadd; background-image: none; border-color: #d7dadd } .jwpf-btn-default.jwpf-btn-outline { color: #d7dadd; background-color: transparent } .jwpf-btn-default.jwpf-btn-outline:hover { color: #010101; background-color: #eff1f4; border-color: #eff1f4 } .jwpf-btn-default.jwpf-btn-outline.focus:hover, .jwpf-btn-default.jwpf-btn-outline:focus:hover { color: #010101; background-color: #eff1f4; border-color: #eff1f4 } .jwpf-btn-default.jwpf-btn-outline.focus, .jwpf-btn-default.jwpf-btn-outline:focus { color: #d7dadd; background: 0 0 } .jwpf-btn-default.jwpf-btn-outline.disabled, .jwpf-btn-default.jwpf-btn-outline:disabled { color: #010101; background-color: transparent; border-color: #eff1f4 } .show > .jwpf-btn-default.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-default.jwpf-btn-outline.active, .jwpf-btn-default.jwpf-btn-outline:active { color: #010101; background-color: #eff1f4; border-color: #eff1f4 } .jwpf-btn-primary { color: #fff; background-color: #3071ff; border-color: #3071ff } .jwpf-btn-primary.jwpf-btn-3d { border-bottom-color: #1e58d6 } .jwpf-btn-primary.jwpf-btn-gradient { background-image: linear-gradient(0deg, #2858c2 0, #5186f9 100%); border: none } .jwpf-btn-primary:hover { color: #fff; background-color: #1e58d6; border-color: #1e58d6 } .jwpf-btn-primary.jwpf-btn-gradient:hover { background-image: -webkit-linear-gradient(-180deg, #004cf4 0, #2567f5 100%); background-image: linear-gradient(-180deg, #004cf4 0, #2567f5 100%); border: none } .jwpf-btn-primary.focus, .jwpf-btn-primary:focus { color: #fff; box-shadow: 0 0 0 3px rgba(48, 113, 255, .5) } .jwpf-btn-primary.disabled, .jwpf-btn-primary:disabled { background-color: #3071ff; border-color: #3071ff; color: #fff } .show > .jwpf-btn-primary.dropdown-toggle, .jwpf-btn-primary.active, .jwpf-btn-primary:active { background-color: #1e58d6; background-image: none; border-color: #1e58d6 } .jwpf-btn-primary.jwpf-btn-outline { color: #3071ff; background-color: transparent } .jwpf-btn-primary.jwpf-btn-outline:hover { color: #fff; background-color: #3071ff; border-color: #3071ff } .jwpf-btn-primary.jwpf-btn-outline.focus:hover, .jwpf-btn-primary.jwpf-btn-outline:focus:hover { color: #fff; background-color: #3071ff; border-color: #3071ff } .jwpf-btn-primary.jwpf-btn-outline.focus, .jwpf-btn-primary.jwpf-btn-outline:focus { color: #3071ff; background: 0 0 } .jwpf-btn-primary.jwpf-btn-outline.disabled, .jwpf-btn-primary.jwpf-btn-outline:disabled { color: #3071ff; background-color: transparent; border-color: #3071ff } .show > .jwpf-btn-primary.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-primary.jwpf-btn-outline.active, .jwpf-btn-primary.jwpf-btn-outline:active { color: #fff; background-color: #3071ff; border-color: #3071ff } .jwpf-btn-secondary { color: #fff; background-color: #98a7b5; border-color: #98a7b5 } .jwpf-btn-secondary.jwpf-btn-3d { border-bottom-color: #7a8793 } .jwpf-btn-secondary.jwpf-btn-gradient { background-image: linear-gradient(0deg, #6a757f 0, #a7b8c7 100%); border: none } .jwpf-btn-secondary:hover { color: #fff; background-color: #7a8793; border-color: #7a8793 } .jwpf-btn-secondary.focus, .jwpf-btn-secondary:focus { color: #fff; box-shadow: 0 0 0 3px rgba(152, 167, 181, .5) } .jwpf-btn-secondary.disabled, .jwpf-btn-secondary:disabled { background-color: #98a7b5; border-color: #98a7b5; color: #fff } .show > .jwpf-btn-secondary.dropdown-toggle, .jwpf-btn-secondary.active, .jwpf-btn-secondary:active { background-color: #7a8793; background-image: none; border-color: #7a8793 } .jwpf-btn-secondary.jwpf-btn-outline { color: #98a7b5; background-color: transparent } .jwpf-btn-secondary.jwpf-btn-outline:hover { color: #fff; background-color: #98a7b5; border-color: #98a7b5 } .jwpf-btn-secondary.jwpf-btn-outline.focus:hover, .jwpf-btn-secondary.jwpf-btn-outline:focus:hover { color: #fff; background-color: #98a7b5; border-color: #98a7b5 } .jwpf-btn-secondary.jwpf-btn-outline.focus, .jwpf-btn-secondary.jwpf-btn-outline:focus { color: #98a7b5; background: 0 0 } .jwpf-btn-secondary.jwpf-btn-outline.disabled, .jwpf-btn-secondary.jwpf-btn-outline:disabled { color: #98a7b5; background-color: transparent; border-color: #98a7b5 } .show > .jwpf-btn-secondary.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-secondary.jwpf-btn-outline.active, .jwpf-btn-secondary.jwpf-btn-outline:active { color: #fff; background-color: #98a7b5; border-color: #98a7b5 } .jwpf-btn-success { color: #fff; background-color: #23cf5f; border-color: #23cf5f } .jwpf-btn-success.jwpf-btn-3d { border-bottom-color: #1fae51 } .jwpf-btn-success.jwpf-btn-gradient { background-image: linear-gradient(-180deg, #27da65 0, #1d9d4a 100%); border: none } .jwpf-btn-success:hover { color: #fff; background-color: #1fae51; border-color: #1fae51 } .jwpf-btn-success.focus, .jwpf-btn-success:focus { color: #fff; box-shadow: 0 0 0 3px rgba(35, 207, 97, .5) } .jwpf-btn-success.disabled, .jwpf-btn-success:disabled { background-color: #23cf5f; border-color: #23cf5f; color: #fff } .show > .jwpf-btn-success.dropdown-toggle, .jwpf-btn-success.active, .jwpf-btn-success:active { background-color: #1fae51; background-image: none; border-color: #1fae51 } .jwpf-btn-success.jwpf-btn-outline { color: #23cf5f; background-color: transparent } .jwpf-btn-success.jwpf-btn-outline:hover { color: #fff; background-color: #23cf5f; border-color: #23cf5f } .jwpf-btn-success.jwpf-btn-outline.focus:hover, .jwpf-btn-success.jwpf-btn-outline:focus:hover { color: #fff; background-color: #23cf5f; border-color: #23cf5f } .jwpf-btn-success.jwpf-btn-outline.focus, .jwpf-btn-success.jwpf-btn-outline:focus { color: #23cf5f; background: 0 0 } .jwpf-btn-success.jwpf-btn-outline.disabled, .jwpf-btn-success.jwpf-btn-outline:disabled { color: #23cf5f; background-color: transparent; border-color: #23cf5f } .show > .jwpf-btn-success.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-success.jwpf-btn-outline.active, .jwpf-btn-success.jwpf-btn-outline:active { color: #fff; background-color: #23cf5f; border-color: #23cf5f } .jwpf-btn-info { color: #fff; background-color: #0ac9c9; border-color: #0ac9c9 } .jwpf-btn-info.jwpf-btn-3d { border-bottom-color: #09aeae } .jwpf-btn-info.jwpf-btn-gradient { background-image: linear-gradient(-180deg, #0ddada 0, #0aa9a9 100%); border: none } .jwpf-btn-info:hover { color: #fff; background-color: #09aeae; border-color: #09aeae } .jwpf-btn-info.focus, .jwpf-btn-info:focus { color: #fff; box-shadow: 0 0 0 3px rgba(10, 201, 201, .5) } .jwpf-btn-info.disabled, .jwpf-btn-info:disabled { background-color: #0ac9c9; border-color: #0ac9c9; color: #fff } .show > .jwpf-btn-info.dropdown-toggle, .jwpf-btn-info.active, .jwpf-btn-info:active { background-color: #09aeae; background-image: none; border-color: #09aeae } .jwpf-btn-info.jwpf-btn-outline { color: #0ac9c9; background-color: transparent } .jwpf-btn-info.jwpf-btn-outline:hover { color: #fff; background-color: #0ac9c9; border-color: #0ac9c9 } .jwpf-btn-info.jwpf-btn-outline.focus:hover, .jwpf-btn-info.jwpf-btn-outline:focus:hover { color: #fff; background-color: #0ac9c9; border-color: #0ac9c9 } .jwpf-btn-info.jwpf-btn-outline.focus, .jwpf-btn-info.jwpf-btn-outline:focus { color: #0ac9c9; background: 0 0 } .jwpf-btn-info.jwpf-btn-outline.disabled, .jwpf-btn-info.jwpf-btn-outline:disabled { color: #0ac9c9; background-color: transparent; border-color: #0ac9c9 } .show > .jwpf-btn-info.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-info.jwpf-btn-outline.active, .jwpf-btn-info.jwpf-btn-outline:active { color: #fff; background-color: #0ac9c9; border-color: #0ac9c9 } .jwpf-btn-warning { color: #fff; background-color: #ffd012; border-color: #ffd012 } .jwpf-btn-warning.jwpf-btn-3d { border-bottom-color: #e6bc15 } .jwpf-btn-warning.jwpf-btn-gradient { background-image: linear-gradient(0deg, #f29412 0, #ffd012 100%); border: none } .jwpf-btn-warning:hover { color: #fff; background-color: #e6bc15; border-color: #e6bc15 } .jwpf-btn-warning.focus, .jwpf-btn-warning:focus { color: #fff; box-shadow: 0 0 0 3px rgba(255, 208, 18, .5) } .jwpf-btn-warning.disabled, .jwpf-btn-warning:disabled { background-color: #ffd012; border-color: #ffd012; color: #fff } .show > .jwpf-btn-warning.dropdown-toggle, .jwpf-btn-warning.active, .jwpf-btn-warning:active { background-color: #e6bc15; background-image: none; border-color: #e6bc15 } .jwpf-btn-warning.jwpf-btn-outline { color: #ffd012; background-color: transparent } .jwpf-btn-warning.jwpf-btn-outline:hover { color: #fff; background-color: #ffd012; border-color: #ffd012 } .jwpf-btn-warning.jwpf-btn-outline.focus:hover, .jwpf-btn-warning.jwpf-btn-outline:focus:hover { color: #fff; background-color: #ffd012; border-color: #ffd012 } .jwpf-btn-warning.jwpf-btn-outline.focus, .jwpf-btn-warning.jwpf-btn-outline:focus { color: #ffd012; background: 0 0 } .jwpf-btn-warning.jwpf-btn-outline.disabled, .jwpf-btn-warning.jwpf-btn-outline:disabled { color: #ffd012; background-color: transparent; border-color: #ffd012 } .show > .jwpf-btn-warning.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-warning.jwpf-btn-outline.active, .jwpf-btn-warning.jwpf-btn-outline:active { color: #fff; background-color: #ffd012; border-color: #ffd012 } .jwpf-btn-danger { color: #fff; background-color: #ff2b02; border-color: #ff2b02 } .jwpf-btn-danger.jwpf-btn-3d { border-bottom-color: #d72503 } .jwpf-btn-danger.jwpf-btn-gradient { background-image: linear-gradient(-180deg, #ff5a3b 0, #db2300 100%); border: none } .jwpf-btn-danger:hover { color: #fff; background-color: #d72503; border-color: #d72503 } .jwpf-btn-danger.focus, .jwpf-btn-danger:focus { color: #fff; box-shadow: 0 0 0 3px rgba(255, 43, 2, .5) } .jwpf-btn-danger.disabled, .jwpf-btn-danger:disabled { background-color: #ff2b02; border-color: #ff2b02; color: #fff } .show > .jwpf-btn-danger.dropdown-toggle, .jwpf-btn-danger.active, .jwpf-btn-danger:active { background-color: #d72503; background-image: none; border-color: #d72503 } .jwpf-btn-danger.jwpf-btn-outline { color: #ff2b02; background-color: transparent } .jwpf-btn-danger.jwpf-btn-outline:hover { color: #fff; background-color: #ff2b02; border-color: #ff2b02 } .jwpf-btn-danger.jwpf-btn-outline.focus:hover, .jwpf-btn-danger.jwpf-btn-outline:focus:hover { color: #fff; background-color: #ff2b02; border-color: #ff2b02 } .jwpf-btn-danger.jwpf-btn-outline.focus, .jwpf-btn-danger.jwpf-btn-outline:focus { color: #ff2b02; background: 0 0 } .jwpf-btn-danger.jwpf-btn-outline.disabled, .jwpf-btn-danger.jwpf-btn-outline:disabled { color: #ff2b02; background-color: transparent; border-color: #ff2b02 } .show > .jwpf-btn-danger.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-danger.jwpf-btn-outline.active, .jwpf-btn-danger.jwpf-btn-outline:active { color: #fff; background-color: #ff2b02; border-color: #ff2b02 } .jwpf-btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 } .jwpf-btn-dark.jwpf-btn-3d { border-bottom-color: #23272b } .jwpf-btn-dark.jwpf-btn-gradient { background-image: linear-gradient(0deg, #202428 0, #6e7a86 100%); border: none } .jwpf-btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .jwpf-btn-dark.focus, .jwpf-btn-dark:focus { box-shadow: 0 0 0 3px rgba(52, 58, 64, .5) } .jwpf-btn-dark.disabled, .jwpf-btn-dark:disabled { background-color: #343a40; border-color: #343a40 } .show > .jwpf-btn-dark.dropdown-toggle, .jwpf-btn-dark.active, .jwpf-btn-dark:active { background-color: #23272b; background-image: none; border-color: #1d2124 } .jwpf-btn-dark.jwpf-btn-outline { color: #343a40; background-color: transparent } .jwpf-btn-dark.jwpf-btn-outline:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .jwpf-btn-dark.jwpf-btn-outline.focus:hover, .jwpf-btn-dark.jwpf-btn-outline:focus:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .jwpf-btn-dark.jwpf-btn-outline.focus, .jwpf-btn-dark.jwpf-btn-outline:focus { color: #343a40; background: 0 0 } .jwpf-btn-dark.jwpf-btn-outline.disabled, .jwpf-btn-dark.jwpf-btn-outline:disabled { color: #343a40; background-color: transparent; border-color: #343a40 } .show > .jwpf-btn-dark.jwpf-btn-outline.dropdown-toggle, .jwpf-btn-dark.jwpf-btn-outline.active, .jwpf-btn-dark.jwpf-btn-outline:active { color: #fff; background-color: #343a40; border-color: #343a40 } .jwpf-btn-link { font-weight: 400; color: #3071ff; border-radius: 0 } .jwpf-btn-link, .jwpf-btn-link.active, .jwpf-btn-link:active, .jwpf-btn-link:disabled { background-color: transparent } .jwpf-btn-link, .jwpf-btn-link:active, .jwpf-btn-link:focus { border-color: transparent; box-shadow: none } .jwpf-btn-link:hover { border-color: transparent } .jwpf-btn-link:focus, .jwpf-btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent } .jwpf-btn-link:disabled { color: #868e96 } .jwpf-btn-link:disabled:focus, .jwpf-btn-link:disabled:hover { text-decoration: none } .jwpf-btn-xlg { padding: 20px 50px; font-size: 22px; line-height: 1.6; border-radius: 6px } .jwpf-btn-xlg.jwpf-btn.jwpf-btn-3d { border-bottom-width: 7px; padding-top: 17px; padding-bottom: 17px } .jwpf-btn-lg { padding: 8px 16px; font-size: 20px; line-height: 1.5; border-radius: 5px } .jwpf-btn-lg.jwpf-btn.jwpf-btn-3d { border-bottom-width: 5px; padding-top: 6px; padding-bottom: 6px } .jwpf-btn-sm { padding: 4px 8px; font-size: 14px; line-height: 1.5; border-radius: 3px } .jwpf-btn-sm.jwpf-btn.jwpf-btn-3d { padding-top: 3px; padding-bottom: 3px } .jwpf-btn-xs { padding: 2px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px } .jwpf-btn-xs.jwpf-btn.jwpf-btn-3d { border-bottom-width: 2px; padding-top: 1.5px; padding-bottom: 1.5px } .jwpf-btn-block { display: block; width: 100% } .jwpf-btn-block + .jwpf-btn-block { margin-top: 5px } input[type=button].jwpf-btn-block, input[type=reset].jwpf-btn-block, input[type=submit].jwpf-btn-block { width: 100% } .jwpf-btn-round { border-radius: 100px } .jwpf-btn-square { border-radius: 0 } .jwpf-fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .jwpf-fade.in { opacity: 1 } .jwpf-collapse { display: none } .jwpf-collapse.in { display: block } tr.jwpf-collapse.in { display: table-row } tbody.jwpf-collapse.in { display: table-row-group } .jwpf-collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease } .jwpf-label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.jwpf-label:focus, a.jwpf-label:hover { color: #fff; text-decoration: none; cursor: pointer } .jwpf-label:empty { display: none } .jwpf-btn .jwpf-label { position: relative; top: -1px } .jwpf-label-default { background-color: #777 } .jwpf-label-default[href]:focus, .jwpf-label-default[href]:hover { background-color: #5e5e5e } .jwpf-label-primary { background-color: #428bca } .jwpf-label-primary[href]:focus, .jwpf-label-primary[href]:hover { background-color: #3071a9 } .jwpf-label-success { background-color: #5cb85c } .jwpf-label-success[href]:focus, .jwpf-label-success[href]:hover { background-color: #449d44 } .jwpf-label-info { background-color: #5bc0de } .jwpf-label-info[href]:focus, .jwpf-label-info[href]:hover { background-color: #31b0d5 } .jwpf-label-warning { background-color: #f0ad4e } .jwpf-label-warning[href]:focus, .jwpf-label-warning[href]:hover { background-color: #ec971f } .jwpf-label-danger { background-color: #d9534f } .jwpf-label-danger[href]:focus, .jwpf-label-danger[href]:hover { background-color: #c9302c } .jwpf-thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .jwpf-thumbnail a > img, .jwpf-thumbnail > img { margin-left: auto; margin-right: auto } a.jwpf-thumbnail.active, a.jwpf-thumbnail:focus, a.jwpf-thumbnail:hover { border-color: #428bca } .jwpf-thumbnail .jwpf-caption { padding: 9px; color: #333 } .jwpf-alert { padding: 12px 20px; border: 1px solid transparent; border-radius: 4px } .jwpf-alert h4 { margin-top: 0; color: inherit } .jwpf-alert hr { border-bottom: 0 } .jwpf-alert .jwpf-alert-link { font-weight: 700 } .jwpf-alert-dismissable, .jwpf-alert-dismissible { padding-right: 35px } .jwpf-alert .jwpf-close { color: inherit } .jwpf-alert-primary { background: rgba(48, 113, 255, .1); color: #3071ff } .jwpf-alert-primary hr { border-top-color: rgba(48, 113, 255, .4) } .jwpf-alert-primary .alert-link, .jwpf-alert-primary .alert-link:active, .jwpf-alert-primary .alert-link:focus, .jwpf-alert-primary .alert-link:hover, .jwpf-alert-primary a, .jwpf-alert-primary a:active, .jwpf-alert-primary a:focus, .jwpf-alert-primary a:hover { color: #3071ff; font-weight: 700 } .jwpf-alert-primary .alert-link:hover, .jwpf-alert-primary a:hover { text-decoration: underline } .jwpf-alert-light { background: #f5f5f5; color: #848e97 } .jwpf-alert-light hr { border-top-color: #e5e5e5 } .jwpf-alert-light .alert-link, .jwpf-alert-light .alert-link:active, .jwpf-alert-light .alert-link:focus, .jwpf-alert-light .alert-link:hover, .jwpf-alert-light a, .jwpf-alert-light a:active, .jwpf-alert-light a:focus, .jwpf-alert-light a:hover { font-weight: 700 } .jwpf-alert-light .alert-link:hover, .jwpf-alert-light a:hover { text-decoration: underline } .jwpf-alert-dark { background: #333a41; color: #fff } .jwpf-alert-dark hr { border-top-color: #3e464e } .jwpf-alert-dark .alert-link, .jwpf-alert-dark .alert-link:active, .jwpf-alert-dark .alert-link:focus, .jwpf-alert-dark .alert-link:hover, .jwpf-alert-dark a, .jwpf-alert-dark a:active, .jwpf-alert-dark a:focus, .jwpf-alert-dark a:hover { font-weight: 700 } .jwpf-alert-dark .alert-link:hover, .jwpf-alert-dark a:hover { text-decoration: underline } .jwpf-alert-success { background: rgba(35, 207, 95, .1); color: #23cf5f } .jwpf-alert-success hr { border-top-color: rgba(35, 207, 95, .4) } .jwpf-alert-success .alert-link, .jwpf-alert-success .alert-link:active, .jwpf-alert-success .alert-link:focus, .jwpf-alert-success .alert-link:hover, .jwpf-alert-success a, .jwpf-alert-success a:active, .jwpf-alert-success a:focus, .jwpf-alert-success a:hover { color: #23cf5f; font-weight: 700 } .jwpf-alert-success .alert-link:hover, .jwpf-alert-success a:hover { text-decoration: underline } .jwpf-alert-info { background: rgba(10, 201, 201, .1); color: #0ac9c9 } .jwpf-alert-info hr { border-top-color: rgba(10, 201, 201, .4) } .jwpf-alert-info .alert-link, .jwpf-alert-info .alert-link:active, .jwpf-alert-info .alert-link:focus, .jwpf-alert-info .alert-link:hover, .jwpf-alert-info a, .jwpf-alert-info a:active, .jwpf-alert-info a:focus, .jwpf-alert-info a:hover { color: #0ac9c9; font-weight: 700 } .jwpf-alert-info .alert-link:hover, .jwpf-alert-info a:hover { text-decoration: underline } .jwpf-alert-warning { background: rgba(255, 208, 18, .1); color: #f5a623 } .jwpf-alert-warning hr { border-top-color: rgba(255, 208, 18, .4) } .jwpf-alert-warning .alert-link, .jwpf-alert-warning .alert-link:active, .jwpf-alert-warning .alert-link:focus, .jwpf-alert-warning .alert-link:hover, .jwpf-alert-warning a, .jwpf-alert-warning a:active, .jwpf-alert-warning a:focus, .jwpf-alert-warning a:hover { color: #f5a623; font-weight: 700 } .jwpf-alert-warning .alert-link:hover, .jwpf-alert-warning a:hover { text-decoration: underline } .jwpf-alert-danger { background: rgba(255, 43, 2, .1); color: #ff2b02 } .jwpf-alert-danger hr { border-top-color: rgba(255, 43, 2, .4) } .jwpf-alert-danger .alert-link, .jwpf-alert-danger .alert-link:active, .jwpf-alert-danger .alert-link:focus, .jwpf-alert-danger .alert-link:hover, .jwpf-alert-danger a, .jwpf-alert-danger a:active, .jwpf-alert-danger a:focus, .jwpf-alert-danger a:hover { color: #ff2b02; font-weight: 700 } .jwpf-alert-danger .alert-link:hover, .jwpf-alert-danger a:hover { text-decoration: underline } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .jwpf-progress { overflow: hidden; height: 24px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px } .jwpf-progress-label { display: block; font-size: 14px; line-height: 1; font-weight: 700; margin-bottom: 10px; position: relative } .jwpf-progress-label > span { float: right; font-weight: 700 } .jwpf-progress.jwpf-progress-square { border-radius: 0 } .jwpf-progress.jwpf-progress-round { border-radius: 40px } .jwpf-progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 24px; color: #fff; text-align: center; background-color: #3071ff; -webkit-transition: width 1s; -o-transition: width 1s; transition: width 1s; overflow: hidden } .jwpf-progress-bar-striped, .jwpf-progress-striped .jwpf-progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px } .jwpf-progress-bar.active, .jwpf-progress.active .jwpf-progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .jwpf-progress-bar[aria-valuenow="0"] { color: #777; background-color: transparent; background-image: none; box-shadow: none } .jwpf-progress-bar-success { background-color: #23cf5f } .progress-striped .jwpf-progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .jwpf-progress-bar-info { background-color: #0ac9c9 } .progress-striped .jwpf-progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .jwpf-progress-bar-warning { background-color: #ffd012 } .progress-striped .jwpf-progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .jwpf-progress-bar-danger { background-color: #ff2b02 } .progress-striped .jwpf-progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .jwpf-media, .jwpf-media-body { overflow: hidden; zoom: 1 } .jwpf-media, .jwpf-media .jwpf-media { margin-top: 15px } .jwpf-media:first-child { margin-top: 0 } .jwpf-media-object { display: block } .jwpf-media-heading { margin: 0 0 5px } .jwpf-media > .pull-left { margin-right: 15px } .jwpf-media > .pull-right { margin-left: 15px } .jwpf-media-list { padding-left: 0; list-style: none } .jwpf-panel { background-color: #fff; border: 1px solid transparent; border-top-width: 0 } .jwpf-panel.jwpf-panel-faq { background: 0 0 } .jwpf-panel-group > .jwpf-panel:first-child { border-top-width: 1px } .jwpf-panel-body { padding: 15px; border-top: 1px solid transparent } .jwpf-panel-group .jwpf-panel:last-child .jwpf-panel-body { border-top-width: 1px; border-bottom-width: 0 } .jwpf-panel-heading { padding: 10px 30px 10px 15px; cursor: pointer; position: relative } .jwpf-panel-heading .jwpf-toggle-direction { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: transform .3s; transition: transform .3s } .jwpf-panel-heading.active .jwpf-toggle-direction { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) } .jwpf-panel-title { margin-top: 0; margin-bottom: 0; font-size: 14px; font-weight: bolder; color: inherit } .jwpf-panel-title > a { color: inherit } .jwpf-panel-default { border-color: #e5e5e5 } .jwpf-panel-default .jwpf-panel-body { border-top-color: #e5e5e5 } .jwpf-panel-default > .jwpf-panel-heading { background: #f9f9f9 } .jwpf-panel-default > .jwpf-panel-heading .jwpf-toggle-direction { color: #ccc } .jwpf-panel-modern { background: #fff; border: 1px solid #e8eff1; border-radius: 4px; margin-bottom: 10px } .jwpf-panel-group > .jwpf-panel-modern:last-child { margin-bottom: 0 } .jwpf-panel-modern .jwpf-panel-body { border-top-color: #e8eff1 } .jwpf-panel-modern > .jwpf-panel-heading { padding: 17px 30px 17px 15px; background: #f6fafb; color: #4b5981 } .jwpf-panel-primary { border-color: rgba(48, 113, 255, .3) } .jwpf-panel-primary > .jwpf-panel-heading { color: #3071ff; background: rgba(48, 113, 255, .1) } .jwpf-panel-primary .jwpf-panel-body { border-top-color: rgba(48, 113, 255, .3) } .jwpf-panel-success { border-color: rgba(35, 207, 95, .3) } .jwpf-panel-success > .jwpf-panel-heading { color: #23cf5f; background: rgba(35, 207, 95, .1) } .jwpf-panel-success .jwpf-panel-body { border-top-color: rgba(35, 207, 95, .3) } .jwpf-panel-info { border-color: rgba(10, 201, 201, .3) } .jwpf-panel-info > .jwpf-panel-heading { color: #0ac9c9; background: rgba(10, 201, 201, .1) } .jwpf-panel-info .jwpf-panel-body { border-top-color: rgba(10, 201, 201, .3) } .jwpf-panel-warning { border-color: rgba(255, 208, 18, .3) } .jwpf-panel-warning > .jwpf-panel-heading { color: #f5a623; background: rgba(255, 208, 18, .1) } .jwpf-panel-warning .jwpf-panel-body { border-top-color: rgba(255, 208, 18, .3) } .jwpf-panel-danger { border-color: rgba(255, 43, 2, .2) } .jwpf-panel-danger > .jwpf-panel-heading { color: #ff2b02; background: rgba(255, 43, 2, .1) } .jwpf-panel-danger .jwpf-panel-body { border-top-color: rgba(255, 43, 2, .2) } .jwpf-panel-faq { border: 0 } .jwpf-panel-faq .jwpf-panel-body { border: 0; border-bottom: 1px solid #e5e5e5 } .jwpf-panel-faq > .jwpf-panel-heading { border-bottom: 1px solid #e5e5e5 } .jwpf-panel-faq > .jwpf-panel-heading .jwpf-toggle-direction { color: #ccc } .jwpf-panel.jwpf-panel-custom { overflow: hidden } .jwpf-accordion-icon-position-right { display: table; width: 100% } .jwpf-panel-custom .jwpf-panel-heading { transition: .4s } .jwpf-accordion-icon-wrap { transition: .4s; display: inline-block } .jwpf-accordion-icon-position-right .jwpf-accordion-icon-wrap { float: right } .jwpf-nav { margin: 0; padding: 0; list-style: none } .jwpf-nav > li { position: relative; display: block } .jwpf-nav > li > a { position: relative; display: block; padding: 10px 15px } .jwpf-nav > li > a:focus, .jwpf-nav > li > a:hover { text-decoration: none; background-color: #eee } .jwpf-nav > li.disabled > a { color: #777 } .jwpf-nav > li.disabled > a:focus, .jwpf-nav > li.disabled > a:hover { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed } .jwpf-nav .open > a, .jwpf-nav .open > a:focus, .jwpf-nav .open > a:hover { background-color: #eee; border-color: #428bca } .jwpf-nav > li > a > img { max-width: none } .jwpf-nav-tabs { border-bottom: 1px solid #e5e5e5 } .jwpf-tab-content { margin-top: 15px } .jwpf-nav-tabs-content { margin-top: 0; border: 1px solid #e5e5e5; background: #fff; border-top: 0; padding: 15px } .jwpf-nav-tabs > li { float: left; margin-bottom: -1px } .jwpf-nav-tabs > li > a { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f5f5f5; border: 1px solid #e5e5e5; border-right-width: 0 } .jwpf-nav-tabs > li:last-child > a { border-right-width: 1px } .jwpf-nav-tabs > li > a > i { margin-right: 5px } .jwpf-nav-tabs > li.active > a, .jwpf-nav-tabs > li.active > a:focus, .jwpf-nav-tabs > li.active > a:hover { background-color: #fff; border-bottom-color: transparent; cursor: default } .jwpf-nav-tabs.jwpf-nav-justified { width: 100%; border-bottom: 0 } .jwpf-nav-tabs.jwpf-nav-justified > li { float: none } .jwpf-nav-tabs.jwpf-nav-justified > li > a { text-align: center; margin-bottom: 5px } @media (min-width: 768px) { .jwpf-nav-tabs.jwpf-nav-justified > li { display: table-cell; width: 1% } .jwpf-nav-tabs.jwpf-nav-justified > li > a { margin-bottom: 0 } } .jwpf-nav-tabs.jwpf-nav-justified > li > a { margin-right: 0; border-radius: 4px } .jwpf-nav-tabs.jwpf-nav-justified > .active > a, .jwpf-nav-tabs.jwpf-nav-justified > .active > a:focus, .jwpf-nav-tabs.jwpf-nav-justified > .active > a:hover { border: 1px solid #ddd } @media (min-width: 768px) { .jwpf-nav-tabs.jwpf-nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .jwpf-nav-tabs.jwpf-nav-justified > .active > a, .jwpf-nav-tabs.jwpf-nav-justified > .active > a:focus, .jwpf-nav-tabs.jwpf-nav-justified > .active > a:hover { border-bottom-color: #fff } } .jwpf-nav-modern-content { margin-top: 0; border: 1px solid #e8eff1; background: #fff; padding: 15px; border-radius: 0 4px 4px 4px } .jwpf-nav-modern > li { float: left; margin-right: 5px; margin-bottom: -1px } .jwpf-nav-modern > li > a { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb; color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0 } .jwpf-nav-modern > li > a:focus, .jwpf-nav-modern > li > a:hover { background-color: #f2f6f7 } .jwpf-nav-modern > li > a > i { margin-right: 5px } .jwpf-nav-modern > li.active > a, .jwpf-nav-modern > li.active > a:focus, .jwpf-nav-modern > li.active > a:hover { color: #4b5981; background-color: #fff; border-bottom-color: transparent; cursor: default } .jwpf-nav-pills > li { float: left } .jwpf-nav-pills > li > a { font-size: 14px; line-height: 1.42857143; font-weight: bolder; color: inherit; padding: 13px 15px; border-radius: 3px; color: inherit } .jwpf-nav-pills > li > a > i { margin-right: 5px } .jwpf-nav-pills > li + li { margin-left: 2px } .jwpf-nav-pills > li > a:focus, .jwpf-nav-pills > li > a:hover { background: 0 0 } .jwpf-nav-pills > li.active > a, .jwpf-nav-pills > li.active > a:focus, .jwpf-nav-pills > li.active > a:hover { color: #333; background-color: #e5e5e5 } .jwpf-nav-stacked > li { float: none } .jwpf-nav-stacked > li + li { margin-top: 2px; margin-left: 0 } .jwpf-nav-justified { width: 100% } .jwpf-nav-justified > li { float: none } .jwpf-nav-justified > li > a { text-align: center; margin-bottom: 5px } @media (min-width: 768px) { .jwpf-nav-justified > li { display: table-cell; width: 1% } .jwpf-nav-justified > li > a { margin-bottom: 0 } } .jwpf-nav-tabs-justified { border-bottom: 0 } .jwpf-nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px } .jwpf-nav-tabs-justified > .active > a, .jwpf-nav-tabs-justified > .active > a:focus, .jwpf-nav-tabs-justified > .active > a:hover { border: 1px solid #ddd } @media (min-width: 768px) { .jwpf-nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .jwpf-nav-tabs-justified > .active > a, .jwpf-nav-tabs-justified > .active > a:focus, .jwpf-nav-tabs-justified > .active > a:hover { border-bottom-color: #fff } } .jwpf-nav-lines { border-bottom: 2px solid #e5e5e5 } .jwpf-nav-lines > li { float: left } .jwpf-nav-lines > li > a { padding: 13px 15px; font-size: 14px; color: inherit; font-weight: bolder; line-height: 1.42857143; color: inherit } .jwpf-nav-lines > li > a > i { margin-right: 5px } .jwpf-nav-lines > li + li { margin-left: 0 } .jwpf-nav-lines > li > a:focus, .jwpf-nav-lines > li > a:hover { background: 0 0 } .jwpf-nav-lines > li.active > a, .jwpf-nav-lines > li.active > a:focus, .jwpf-nav-lines > li.active > a:hover { color: #006cff; background-color: transparent; border-bottom: 2px solid #006cff; margin-bottom: -2px } .jwpf-tab-content > .jwpf-tab-pane { display: none } .jwpf-tab-content > .active { display: block } .jwpf-tab.jwpf-custom-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .jwpf-tab.jwpf-tab-nav-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .jwpf-nav-custom { float: left } .jwpf-nav-custom li a { transition: .4s } .jwpf-nav-custom li a.tab-img-or-icon-block-wrap { display: block } .jwpf-tab-custom-content { float: left; margin-top: 0 } .jwpf-tab-image { display: inline-block } .jwpf-tab-icon { display: inline-block; line-height: 1 } .jwpf-tab-icon.tab-icon-block, .jwpf-tab-image.tab-image-block { display: block } .jwpf-text-center .tab-image-block { margin: 0 auto } .jwpf-text-left .tab-image-block { margin-right: auto } .jwpf-text-right .tab-image-block { margin-left: auto } .jwpf-nav .active .jwpf-tab-subtitle { display: block } .jwpf-tab-subtitle { display: none } .jwpf-embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .jwpf-embed-responsive .jwpf-embed-responsive-item, .jwpf-embed-responsive embed, .jwpf-embed-responsive iframe, .jwpf-embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .jwpf-embed-responsive.jwpf-embed-responsive-16by9 { padding-bottom: 56.25% } .jwpf-embed-responsive.jwpf-embed-responsive-4by3 { padding-bottom: 75% } .jwpf-close { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #000; opacity: .5 } .jwpf-close > span { display: block; line-height: 1 } .jwpf-close:focus, .jwpf-close:hover { color: #000; text-decoration: none; opacity: .75 } button.jwpf-close { padding: 0; background: 0 0; border: 0; -webkit-appearance: none } .jwpf-form-control, .jwpf-form-group .jwpf-form-control { display: block; width: 100%; height: inherit; padding: 8px 12px; font-size: 16px; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: none; -webkit-box-shadow: none; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .jwpf-form-control.jwpf-has-field-error, .jwpf-form-group .jwpf-form-control.jwpf-has-field-error { border: 1px solid #ff4500 } .jwpf-form-validation-error { color: #ff4500; padding-top: 10px } .jwpf-form-control::-ms-expand { background-color: transparent; border: 0 } .jwpf-form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0 } .jwpf-form-control::-webkit-input-placeholder { color: #868e96; opacity: 1 } .jwpf-form-control:-ms-input-placeholder { color: #868e96; opacity: 1 } .jwpf-form-control::placeholder { color: #868e96; opacity: 1 } .jwpf-form-control:disabled, .jwpf-form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.jwpf-form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px) } select.jwpf-form-control:focus::-ms-value { color: #495057; background-color: #fff } .jwpf-form-control-file, .jwpf-form-control-range { display: block } .jwpf-col-form-label { padding-top: calc(.5rem - 1px * 2); padding-bottom: calc(.5rem - 1px * 2); margin-bottom: 0 } .jwpf-col-form-label-lg { padding-top: calc(.5rem - 1px * 2); padding-bottom: calc(.5rem - 1px * 2); font-size: 1.25rem } .jwpf-col-form-label-sm { padding-top: calc(.25rem - 1px * 2); padding-bottom: calc(.25rem - 1px * 2); font-size: .875rem } .jwpf-col-form-legend { padding-top: .5rem; padding-bottom: .5rem; margin-bottom: 0; font-size: 1rem } .jwpf-form-control-plaintext { padding-top: .5rem; padding-bottom: .5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0 } .jwpf-form-control-plaintext.jwpf-form-control-lg, .jwpf-form-control-plaintext.jwpf-form-control-sm, .jwpf-input-group-lg > .jwpf-form-control-plaintext.jwpf-form-control, .jwpf-input-group-lg > .jwpf-form-control-plaintext.jwpf-input-group-addon, .jwpf-input-group-lg > .jwpf-input-group-btn > .jwpf-form-control-plaintext.btn, .jwpf-input-group-sm > .jwpf-form-control-plaintext.jwpf-form-control, .jwpf-input-group-sm > .jwpf-form-control-plaintext.jwpf-input-group-addon, .jwpf-input-group-sm > .jwpf-input-group-btn > .jwpf-form-control-plaintext.btn { padding-right: 0; padding-left: 0 } .jwpf-form-control-sm, .jwpf-input-group-sm > .jwpf-form-control, .jwpf-input-group-sm > .jwpf-input-group-addon, .jwpf-input-group-sm > .jwpf-input-group-btn > .btn { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .jwpf-input-group-sm > .jwpf-input-group-btn > select.btn:not([size]):not([multiple]), .jwpf-input-group-sm > select.jwpf-form-control:not([size]):not([multiple]), .jwpf-input-group-sm > select.jwpf-input-group-addon:not([size]):not([multiple]), select.jwpf-form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px) } .jwpf-form-control-lg, .jwpf-input-group-lg > .jwpf-form-control, .jwpf-input-group-lg > .jwpf-input-group-addon, .jwpf-input-group-lg > .jwpf-input-group-btn > .btn { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .jwpf-input-group-lg > .jwpf-input-group-btn > select.btn:not([size]):not([multiple]), .jwpf-input-group-lg > select.jwpf-form-control:not([size]):not([multiple]), .jwpf-input-group-lg > select.jwpf-input-group-addon:not([size]):not([multiple]), select.jwpf-form-control-lg:not([size]):not([multiple]) { height: calc(2.3125rem + 2px) } .jwpf-form-group { margin-bottom: 20px } .jwpf-form-check { position: relative; display: block; padding-left: 18px } .jwpf-form-check .jwpf-form-check-input { position: absolute; margin-top: 6px; margin-left: -18px } .jwpf-form-check .jwpf-form-check-label { line-height: 24px } .jwpf-form-text { display: block; margin-top: 8px } .jwpf-pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem } .jwpf-page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .jwpf-page-link:hover { z-index: 1; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .jwpf-page-link:focus { z-index: 1; outline: 0 } .jwpf-page-item:first-child .jwpf-page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .jwpf-page-item:last-child .jwpf-page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .jwpf-page-item.active .jwpf-page-link { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff } .jwpf-popover { position: absolute; top: 0; left: 10px; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #e2e5e9; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); white-space: normal } .fade.in{ opacity:1!important; } .jwpf-popover.top { margin-top: -10px; } .jwpf-popover.right { margin-left: 10px } .jwpf-popover.bottom { margin-top: 10px } .jwpf-popover.left { margin-left: -10px } .jwpf-popover-title { margin: 0; padding: 8px 14px; font-size: 12px; font-weight: 500; line-height: 18px; background-color: #f7f7f7; color: #4c4c4c; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .jwpf-popover-content { padding: 15px; line-height: 22px; font-size: 13px; color: #666 } .jwpf-popover > .arrow, .jwpf-popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .jwpf-popover > .arrow { border-width: 11px } .jwpf-popover > .arrow:after { border-width: 10px; content: "" } .jwpf-popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); bottom: -11px } .jwpf-popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .jwpf-popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25) } .jwpf-popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .jwpf-popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); top: -11px } .jwpf-popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .jwpf-popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .jwpf-popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .jwpf-carousel { position: relative } .jwpf-carousel-inner { position: relative; overflow: hidden; width: 100% } .jwpf-carousel-inner > .jwpf-item { padding: 60px; display: none; position: relative; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .jwpf-carousel-inner > .jwpf-item > .jwpf-addon-carousel-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .jwpf-carousel-inner > .jwpf-item > a > img, .jwpf-carousel-inner > .jwpf-item > img { line-height: 1 } .jwpf-carousel-inner > .active, .jwpf-carousel-inner > .next, .jwpf-carousel-inner > .prev { display: block } .jwpf-carousel-inner > .active { left: 0 } .jwpf-carousel-inner > .next, .jwpf-carousel-inner > .prev { position: absolute; top: 0; width: 100% } .jwpf-carousel-inner > .next { left: 100% } .jwpf-carousel-inner > .prev { left: -100% } .jwpf-carousel-inner > .next.left, .jwpf-carousel-inner > .prev.right { left: 0 } .jwpf-carousel-inner > .active.left { left: -100% } .jwpf-carousel-inner > .active.right { left: 100% } .jwpf-carousel-arrow { position: absolute; top: 0; left: 0; bottom: 0; width: 40px; opacity: .8; filter: alpha(opacity=80); font-size: 24px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .jwpf-carousel-arrow.right { left: auto; right: 0 } .jwpf-carousel-arrow:focus, .jwpf-carousel-arrow:hover { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .jwpf-carousel-arrow i { position: absolute; top: 50%; z-index: 5; display: inline-block } .jwpf-carousel-arrow.left i { left: 50%; margin-left: -10px } .jwpf-carousel-arrow.right i { right: 50%; margin-right: -10px } .jwpf-carousel-indicators_preview { position: absolute; bottom: 10px; /*left: 50%;*/ z-index: 15; width: 99%; /*margin-left: -30%;*/ padding-left: 0; list-style: none; text-align: center } .jwpf-carousel-indicators_preview li { display: inline-block; width: 19%; height: 60px; margin: 1px; text-indent: -999px; border-radius: 10px; cursor: pointer; background-color: rgba(0, 0, 0, 0) } .jwpf-carousel-indicators_preview li img { height: 60px; border-radius: 10px; -webkit-filter: brightness(50%); /*考虑浏览器兼容性:兼容 Chrome, Safari, Opera */ filter: brightness(50%); } .jwpf-carousel-indicators_preview .active { margin: 0; width: 19%; height: 60px; border-radius: 10px; -webkit-filter: brightness(260%); /*考虑浏览器兼容性:兼容 Chrome, Safari, Opera */ filter: brightness(260%); } .jwpf-carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .jwpf-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: rgba(0, 0, 0, 0) } .jwpf-carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff } .jwpf-item.jwpf-item-has-bg { padding: 0; background-size: cover } .jwpf-item.jwpf-item-has-bg .jwpf-carousel-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 50px } .jwpf-item.jwpf-item-has-bg .jwpf-carousel-item-inner > div { height: 100%; width: 100%; display: table } .jwpf-item.jwpf-item-has-bg > img { width: 100% } .jwpf-item.jwpf-item-has-bg .jwpf-carousel-item-inner > div > div { display: table-cell; vertical-align: middle } .jwpf-carousel-pro-text h2 { font-size: 36px; line-height: 36px; margin-top: 0 } .jwpf-carousel-item-inner .jwpf-text-right { margin-top: 30px } .jwpf-addon-testimonial .fa-quote-left, .jwpf-addon-testimonial .fa-quote-right { display: block; font-size: 48px; color: #edeef2; margin-bottom: 10px } .jwpf-testimonial-top-content.jwpf-addon-testimonial-footer { display: flex; flex-wrap: wrap } .jwpf-text-center .jwpf-testimonial-top-content.jwpf-addon-testimonial-footer { justify-content: center } .jwpf-text-right .jwpf-testimonial-top-content.jwpf-addon-testimonial-footer { justify-content: flex-end } .jwpf-testimonial-top-content.jwpf-addon-testimonial-footer > span { margin-left: auto; margin-bottom: 0 } .jwpf-addon-testimonial-review { margin: 0 0 20px 0 } .jwpf-addon-testimonial-footer { display: block; font-size: 90% } .jwpf-addon-testimonial-footer img { display: inline-block; margin-right: 10px } .jwpf-addon-testimonial-footer img.jwpf-avatar-round { border-radius: 4px } .jwpf-addon-testimonial-footer img.jwpf-avatar-circle { border-radius: 100% } .jwpf-addon-testimonial-content-wrap { display: flex; flex-wrap: wrap } .jwpf-text-center .jwpf-addon-testimonial-content-wrap { justify-content: center } .jwpf-text-left .jwpf-addon-testimonial-content-wrap { justify-content: flex-start } .jwpf-text-right .jwpf-addon-testimonial-content-wrap { justify-content: flex-end } .jwpf-addon-testimonial-footer a { display: inline-block } .jwpf-addon-testimonial-rating i { display: inline-block } .jwpf-testimonial-pro { padding-bottom: 40px } .jwpf-testimonial-pro .jwpf-carousel-inner > .jwpf-item { padding: 0 } .jwpf-testimonial-pro .jwpf-img-responsive.jwpf-avatar { display: inline-block } .jwpf-testimonial-pro .jwpf-img-responsive.jwpf-avatar, .jwpf-testimonial-pro .jwpf-testimonial-client, .jwpf-testimonial-pro .jwpf-testimonial-message { margin-bottom: 10px } .jwpf-testimonial-pro .jwpf-testimonial-message { font-size: 16px; line-height: 24px } .jwpf-testimonial-pro .jwpf-carousel-control { display: inline-block; font-size: 18px; line-height: 28px; width: 28px; height: 28px; border-radius: 4px; text-align: center; border: 2px solid #333; color: #888; margin: 5px 3px 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial } .jwpf-testimonial-pro .jwpf-carousel-control:hover { background: #333; color: #fff } .jwpf-testimonial-pro .jwpf-carousel-indicators { bottom: 0; margin-bottom: 0 } .jwpf-testimonial-pro .jwpf-carousel-indicators li { border-color: rgba(0, 0, 0, .3) } .jwpf-testimonial-pro .jwpf-carousel-indicators li.active { border-color: #666; background-color: #666 } .jwpf-testimonial-pro .fa-quote-left { display: block; font-size: 48px; color: #edeef2; margin-bottom: 10px } .jwpf-addon-testimonial-pro-footer { margin-top: 20px; display: flex; flex-wrap: wrap; font-size: 90% } .jwpf-testimonial-pro.jwpf-text-left .jwpf-addon-testimonial-pro-footer { justify-content: flex-start } .jwpf-testimonial-pro.jwpf-text-center .jwpf-addon-testimonial-pro-footer { justify-content: center } .jwpf-testimonial-pro.jwpf-text-right .jwpf-addon-testimonial-pro-footer { justify-content: flex-end } .jwpf-addon-testimonial-pro-footer img { display: inline-block; margin-right: 10px } .jwpf-testimonial-pro .jwpf-item > img { display: inline-block; margin-bottom: 15px } .jwpf-addon-testimonial-pro-footer img.jwpf-avatar-round, .jwpf-testimonial-pro .jwpf-item > img.jwpf-avatar-round { border-radius: 4px } .jwpf-addon-testimonial-pro-footer img.jwpf-avatar-circle, .jwpf-testimonial-pro .jwpf-item > img.jwpf-avatar-circle { border-radius: 100% } .jwpf-testimonial-pro.jwpf-text-left .jwpf-carousel-indicators { left: 0; margin-left: 0; text-align: left } .jwpf-testimonial-pro.jwpf-text-right .jwpf-carousel-indicators { left: auto; margin-left: 0; right: 0; text-align: right } .jwpf-addon-tweet .jwpf-tweet-avatar { display: inline-block; margin-bottom: 15px } .jwpf-addon-tweet .jwpf-tweet-username { display: block; font-size: 18px; font-weight: 700; margin-bottom: 15px } .jwpf-addon-tweet .jwpf-tweet-slider .jwpf-carousel-inner > .jwpf-item { padding: 0 } .jwpf-addon-tweet .jwpf-tweet-slider .jwpf-tweet-created { display: inline-block; margin-bottom: 5px } .jwpf-addon-tweet .jwpf-tweet-slider .jwpf-carousel-control { display: inline-block; font-size: 18px; line-height: 24px; width: 28px; height: 28px; border-radius: 4px; text-align: center; border: 2px solid #333; color: #888; margin: 15px 3px 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial } .jwpf-addon-tweet .jwpf-tweet-slider .jwpf-carousel-control:hover { background: #333; color: #fff } .jwpf-addon-clients-image { transition: .4s } .jwpf-addon-clients .jwpf-carousel-extended-item { padding: 15px 0 } .jwpf-addon-clients .jwpf-carousel-extended-dots li { height: 10px; width: 10px; border-radius: 50% } .jwpf-addon-clients .jwpf-carousel-extended-nav-control .nav-control { height: 40px; width: 40px; line-height: 40px; font-size: 18px } .jwpf-addon-clients .jwpf-carousel-extended-item img { width: auto; object-fit: initial; height: auto } .clearfix:after, .clearfix:before, .jw-pagefactory-row:after, .jw-pagefactory-row:before, .jwpf-container-fluid:after, .jwpf-container-fluid:before, .jwpf-container:after, .jwpf-container:before, .jwpf-nav:after, .jwpf-nav:before, .jwpf-panel-body:after, .jwpf-panel-body:before { content: " "; display: table } .clearfix:after, .jw-pagefactory-row:after, .jwpf-container-fluid:after, .jwpf-container:after, .jwpf-nav:after, .jwpf-panel-body:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important; padding: 0 !important; } .pull-left { float: left !important } @-ms-viewport { width: device-width } .jwpf-visible-lg, .jwpf-visible-md, .jwpf-visible-sm, .jwpf-visible-xs { display: none !important } .jwpf-visible-lg-block, .jwpf-visible-lg-inline, .jwpf-visible-lg-inline-block, .jwpf-visible-md-block, .jwpf-visible-md-inline, .jwpf-visible-md-inline-block, .jwpf-visible-sm-block, .jwpf-visible-sm-inline, .jwpf-visible-sm-inline-block, .jwpf-visible-xs-block, .jwpf-visible-xs-inline, .jwpf-visible-xs-inline-block { display: none !important } @media (max-width: 767px) { .jwpf-visible-xs { display: block !important } table.jwpf-visible-xs { display: table } tr.jwpf-visible-xs { display: table-row !important } td.jwpf-visible-xs, th.jwpf-visible-xs { display: table-cell !important } } @media (max-width: 767px) { .jwpf-visible-xs-block { display: block !important } } @media (max-width: 767px) { .jwpf-visible-xs-inline { display: inline !important } .jwpf-col-md-3 { } } @media (max-width: 767px) { .jwpf-visible-xs-inline-block { display: inline-block !important } } @media (min-width: 768px) and (max-width: 991px) { .jwpf-visible-sm { display: block !important } table.jwpf-visible-sm { display: table } tr.jwpf-visible-sm { display: table-row !important } td.jwpf-visible-sm, th.jwpf-visible-sm { display: table-cell !important } } @media (min-width: 768px) and (max-width: 991px) { .jwpf-visible-sm-block { display: block !important } .jwpf-col-md-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .container { max-width: 700px; } } @media (min-width: 768px) and (max-width: 991px) { .jwpf-visible-sm-inline { display: inline !important } } @media (min-width: 768px) and (max-width: 991px) { .jwpf-visible-sm-inline-block { display: inline-block !important } } @media (min-width: 992px) and (max-width: 1199px) { .jwpf-visible-md { display: block !important } table.jwpf-visible-md { display: table } tr.jwpf-visible-md { display: table-row !important } td.jwpf-visible-md, th.jwpf-visible-md { display: table-cell !important } } @media (min-width: 992px) and (max-width: 1199px) { .jwpf-visible-md-block { display: block !important } } @media (min-width: 992px) and (max-width: 1199px) { .jwpf-visible-md-inline { display: inline !important } } @media (min-width: 992px) and (max-width: 1199px) { .jwpf-visible-md-inline-block { display: inline-block !important } } @media (min-width: 1200px) { .jwpf-visible-lg { display: block !important } table.jwpf-visible-lg { display: table } tr.jwpf-visible-lg { display: table-row !important } td.jwpf-visible-lg, th.jwpf-visible-lg { display: table-cell !important } } @media (min-width: 1200px) { .jwpf-visible-lg-block { display: block !important } } @media (min-width: 1200px) { .jwpf-visible-lg-inline { display: inline !important } } @media (min-width: 1200px) { .jwpf-visible-lg-inline-block { display: inline-block !important } } @media (max-width: 767px) { .jwpf-hidden-xs { display: none !important } } @media (min-width: 768px) and (max-width: 991px) { .jwpf-hidden-sm { display: none !important } } @media (min-width: 992px) and (max-width: 1199px) { .jwpf-hidden-md { display: none !important } } @media (min-width: 1200px) { .jwpf-hidden-lg { display: none !important } } .jwpf-visible-print { display: none !important } @media print { .jwpf-visible-print { display: block !important } table.jwpf-visible-print { display: table } tr.jwpf-visible-print { display: table-row !important } td.jwpf-visible-print, th.jwpf-visible-print { display: table-cell !important } } .jwpf-visible-print-block { display: none !important } @media print { .jwpf-visible-print-block { display: block !important } } .jwpf-visible-print-inline { display: none !important } @media print { .jwpf-visible-print-inline { display: inline !important } } .jwpf-visible-print-inline-block { display: none !important } @media print { .jwpf-visible-print-inline-block { display: inline-block !important } } @media print { .jwpf-hidden-print { display: none !important } } .jwpf-empty-space-edit { display: block; border: 1px dotted rgba(0, 0, 0, .2) } .jwpf-divider { display: inline-block; width: 100% } .jwpf-countdown-number { display: inline-block; padding: 0; text-align: center; font-weight: 700; margin: 0 0 5px 0 } .jwpf-countdown-text { display: block } .jwpf-addon-countdown .jwpf-countdown-timer .jwpf-countdown-finishedtext { margin: 30px 0; width: 100% !important; padding: 20px 0; height: auto !important } .jwpf-social-share-wrap { align-items: center } .jwpf-addon-social-share ul { margin: -5px; padding: 0; list-style: none } .jwpf-addon-social-share.jwpf-social-share-style-colored ul, .jwpf-addon-social-share.jwpf-social-share-style-simple ul { margin: -10px } .jwpf-addon-social-share.jwpf-social-share-style-colored ul li, .jwpf-addon-social-share.jwpf-social-share-style-simple ul li { margin: 10px } .jwpf-addon-social-share ul li { display: inline-block; box-sizing: border-box; margin: 5px } .jwpf-addon-social-share ul li a { display: inline-block; margin: 0; font-size: 14px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; text-align: center; text-decoration: none } .jwpf-addon-social-share ul li a:active, .jwpf-addon-social-share ul li a:focus, .jwpf-addon-social-share ul li a:hover { text-decoration: none } .jwpf-social-share-style-custom ul li a, .jwpf-social-share-style-solid ul li a { padding: 10px } .jwpf-social-share-style-custom ul li a i, .jwpf-social-share-style-solid ul li a i { display: inline-block; font-size: 16px; width: 24px; height: 20px; line-height: 20px } .jwpf-social-share-title { margin-left: 5px } .jwpf-social-share-wrap ul li a:focus, .jwpf-social-share-wrap ul li a:hover { text-decoration: none } .jwpf-social-share-wrap ul li .social-share-count, .jwpf-social-share-wrap ul li .social-share-title { padding-left: 5px } .jwpf-social-share-wrap .jwpf-social-total-shares { position: relative; text-align: center } .jwpf-social-share-wrap span.jwpf-social-share-count { margin-left: 5px; font-size: 12px; font-weight: 600; opacity: .9 } .jwpf-social-share-wrap .jwpf-social-total-shares:after { content: ''; display: inline-block; height: 100%; width: 1px; position: absolute; right: 15px; top: 0; background: #ddd } .jwpf-social-share-wrap .jwpf-social-total-shares em { font-style: normal; font-weight: 700; font-size: 42px; line-height: 42px } .jwpf-social-share-wrap .jwpf-social-total-shares .jwpf-social-total-share-caption { text-transform: uppercase; font-size: 14px } .jwpf-social-share-style-solid ul li a { color: #fff } .jwpf-social-share-style-solid ul li.jwpf-social-share-facebook a { background-color: #306199 } .jwpf-social-share-style-solid ul li.jwpf-social-share-facebook a:hover { background-color: #244872 } .jwpf-social-share-style-solid ul li.jwpf-social-share-twitter a { background-color: #26c4f1 } .jwpf-social-share-style-solid ul li.jwpf-social-share-twitter a:hover { background-color: #0eaad6 } .jwpf-social-share-style-solid ul li.jwpf-social-share-linkedin a { background-color: #007bb6 } .jwpf-social-share-style-solid ul li.jwpf-social-share-linkedin a:hover { background-color: #005983 } .jwpf-social-share-style-solid ul li.jwpf-social-share-pinterest a { background-color: #b81621 } .jwpf-social-share-style-solid ul li.jwpf-social-share-pinterest a:hover { background-color: #8a1119 } .jwpf-social-share-style-solid ul li.jwpf-social-share-glpus a { background-color: #e93f2e } .jwpf-social-share-style-solid ul li.jwpf-social-share-glpus a:hover { background-color: #ce2616 } .jwpf-social-share-style-solid ul li.jwpf-social-share-thumblr a { background-color: #32506d } .jwpf-social-share-style-solid ul li.jwpf-social-share-thumblr a:hover { background-color: #22364a } .jwpf-social-share-style-solid ul li.jwpf-social-share-getpocket a { background-color: #ed4054 } .jwpf-social-share-style-solid ul li.jwpf-social-share-getpocket a:hover { background-color: #e4162d } .jwpf-social-share-style-solid ul li.jwpf-social-share-reddit a { background-color: #ff4500 } .jwpf-social-share-style-solid ul li.jwpf-social-share-reddit a:hover { background-color: #e83f00 } .jwpf-social-share-style-solid ul li.jwpf-social-share-vk a { background-color: #597ba5 } .jwpf-social-share-style-solid ul li.jwpf-social-share-vk a:hover { background-color: #3d5f88 } .jwpf-social-share-style-solid ul li.jwpf-social-share-xing a { background-color: #005658 } .jwpf-social-share-style-solid ul li.jwpf-social-share-xing a:hover { background-color: #004748 } .jwpf-social-share-style-solid ul li.jwpf-social-share-whatsapp a { background-color: #00d66e } .jwpf-social-share-style-solid ul li.jwpf-social-share-whatsapp a:hover { background-color: #00b55d } .jwpf-social-share-style-colored ul li.jwpf-social-share-facebook a { color: #306199 } .jwpf-social-share-style-colored ul li.jwpf-social-share-facebook a:hover { color: #244872 } .jwpf-social-share-style-colored ul li.jwpf-social-share-twitter a { color: #26c4f1 } .jwpf-social-share-style-colored ul li.jwpf-social-share-twitter a:hover { color: #0eaad6 } .jwpf-social-share-style-colored ul li.jwpf-social-share-linkedin a { color: #007bb6 } .jwpf-social-share-style-colored ul li.jwpf-social-share-linkedin a:hover { color: #005983 } .jwpf-social-share-style-colored ul li.jwpf-social-share-pinterest a { color: #b81621 } .jwpf-social-share-style-colored ul li.jwpf-social-share-pinterest a:hover { color: #8a1119 } .jwpf-social-share-style-colored ul li.jwpf-social-share-glpus a { color: #e93f2e } .jwpf-social-share-style-colored ul li.jwpf-social-share-glpus a:hover { color: #ce2616 } .jwpf-social-share-style-colored ul li.jwpf-social-share-thumblr a { color: #32506d } .jwpf-social-share-style-colored ul li.jwpf-social-share-thumblr a:hover { color: #22364a } .jwpf-social-share-style-colored ul li.jwpf-social-share-getpocket a { color: #ed4054 } .jwpf-social-share-style-colored ul li.jwpf-social-share-getpocket a:hover { color: #e4162d } .jwpf-social-share-style-colored ul li.jwpf-social-share-reddit a { color: #ff4500 } .jwpf-social-share-style-colored ul li.jwpf-social-share-reddit a:hover { color: #e83f00 } .jwpf-social-share-style-colored ul li.jwpf-social-share-vk a { color: #597ba5 } .jwpf-social-share-style-colored ul li.jwpf-social-share-vk a:hover { color: #3d5f88 } .jwpf-icon-inner { display: inline-block; text-align: center; -webkit-transition: all .4s; transition: all .4s } .jwpf-icon-hover-effect-zoom-in .jwpf-icon-inner:hover { transform: scale(1.2); -webkit-transform: scale(1.2) } .jwpf-icon-hover-effect-zoom-out .jwpf-icon-inner:hover { transform: scale(.8); -webkit-transform: scale(.8) } .jwpf-icon-hover-effect-rotate { -webkit-transition: all .8s; transition: all .8s } .jwpf-icon-hover-effect-rotate .jwpf-icon-inner:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg) } .jwpf-ajax-contact-status .jwpf-text-danger, .jwpf-ajax-contact-status .jwpf-text-success { font-weight: 700 } .jwpf-addon-flickr .jwpf-flickr-gallery, .jwpf-instagram-images { width: 100%; display: block; list-style: none; padding: 0; margin: 0 } .jwpf-addon-flickr .jwpf-flickr-gallery li, .jwpf-instagram-image { margin: 0; width: 20%; float: left; text-align: center; position: relative } .jwpf-addon-flickr .jwpf-flickr-gallery li a { display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s; transition: .4s } .jwpf-addon-flickr .jwpf-flickr-gallery li a:before { content: ''; background: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-transition: .4s; transition: .4s; visibility: visible; opacity: 1 } .jwpf-addon-flickr .jwpf-flickr-gallery li a:after { content: '\f002'; font-family: "Font Awesome 5 Free"; color: #fff; font-size: 38px; top: 0; left: 0; position: absolute; right: 0; height: 25px; margin: auto; bottom: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: .4s; transition: .4s; font-weight: 900 } .jwpf-instagram-gallery-btn:focus, .jwpf-instagram-gallery-btn:hover { outline: 0 } .jwpf-addon-flickr .jwpf-flickr-gallery li a:hover { transform: scale(.83) } .jwpf-addon-flickr .jwpf-flickr-gallery li a:hover:after { -webkit-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1 } .jwpf-addon-flickr .jwpf-flickr-gallery li a:hover:before { visibility: visible; opacity: 1 } .jwpf-addon-flickr .jwpf-flickr-gallery img { width: 100% } .addon-instagram-item-wrap { position: relative } .addon-instagram-item-overlay { visibility: hidden; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 15px; color: #fff; -webkit-transition: .4s; transition: .4s; opacity: 0; z-index: 1 } .addon-instagram-meta-content { position: relative; top: 30px; transition: .4s } .addon-instagram-item-info { visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .jwpf-instagram-image:hover .addon-instagram-item-info { visibility: visible; opacity: 1 } .jwpf-instagram-image:hover .addon-instagram-item-overlay { visibility: visible; background: rgba(0, 0, 0, .85); opacity: 1 } .jwpf-instagram-image:hover .addon-instagram-meta-content { top: 0 } .addon-instagram-author-image, .addon-instagram-item-info i, .addon-instagram-item-info span { display: inline-block; font-size: 20px; line-height: 1; color: #fff } .addon-instagram-item-likes { margin-right: 20px } .addon-instagram-item-likes i, .addon-instagram-item-likes span { float: left } .addon-instagram-item-likes span { font-size: 16px } .intagram-like-number { margin-left: 5px } .addon-instagram-item-comments { margin-left: 20px } .addon-instagram-item-comments i, .addon-instagram-item-comments span { float: left } .addon-instagram-item-comments span { font-size: 16px } .intagram-comment-number { margin-left: 5px } .addon-instagram-caption { margin-top: 40px; text-align: center } .addon-instagram-caption p { margin: 0; line-height: 1.4; color: #fff; font-weight: 400; font-size: 14px } .addon-instagram-image-wrap { position: relative; padding-top: 100%; overflow: hidden } .instagram-image.jwpf-img-responsive { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: .4s; transform: scale(1); object-fit: cover } .jwpf-instagram-image:hover .instagram-image.jwpf-img-responsive { transform: scale(1.08) } .jwpf-addon-instagram-gallery.layout-classic { margin: -10px } .layout-classic .jwpf-instagram-images { display: flex; flex-wrap: wrap } .layout-classic .jwpf-instagram-image { float: none; padding: 10px } .jwpf-instagram-classic-content-wrap { border: 1px solid rgba(0, 0, 0, .1); background: #fff; height: 100% } .addon-instagram-item-author-wrap { display: table; width: 100%; padding: 10px 20px } .addon-instagram-author-info { float: left } .instagram-redirect-link { float: right } .instagram-author-image { float: left; width: 36px; height: 36px; background: -webkit-linear-gradient(50deg, #f99b4a 15%, #dd3071 50%, #c72e8d 85%); background: -o-linear-gradient(50deg, #f99b4a 15%, #dd3071 50%, #c72e8d 85%); background: linear-gradient(40deg, #f99b4a 15%, #dd3071 50%, #c72e8d 85%); padding: 2px; border-radius: 50% } .instagram-author-image img { border-radius: 50%; width: 100%; height: 100% } .instagram-author-meta-content { float: left; margin-left: 10px; margin-top: 5px; text-align: left; line-height: 1 } .instagram-author-meta-content a { display: block; line-height: 1; font-weight: 700; color: #000; font-size: 14px } .instagram-author-meta-content span { display: inline-block; line-height: 1; font-size: 10px; text-transform: uppercase; color: rgba(0, 0, 0, .7); font-weight: 600 } .instagram-redirect-link { font-size: 24px; color: #000 } .addon-instagram-classic-meta-content { padding: 15px } .addon-instagram-classic-meta-content .addon-instagram-item-info { visibility: visible; opacity: 1; display: flex; justify-content: flex-start } .addon-instagram-item-share { margin-left: auto } .layout-classic .addon-instagram-caption { margin: 10px 0 0; text-align: left } .layout-classic .addon-instagram-caption p { color: #000 } .layout-classic .addon-instagram-author-image, .layout-classic .addon-instagram-item-info i, .layout-classic .addon-instagram-item-info span { color: #000 } .addon-instagram-classic-meta-content .addon-instagram-item-likes { margin: 0 } .layout-classic .addon-instagram-item-share i { font-size: 18px } .addon-instagram-item-share span { font-size: 14px; display: inline-block; margin-left: 5px } .layout-classic .instagram-image.jwpf-img-responsive { transition: none } .layout-classic .jwpf-instagram-image:hover .instagram-image.jwpf-img-responsive { transform: scale(1) } .layout-classic .addon-instagram-item-comments { margin-left: auto } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper { list-style: none; position: relative } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper:before { background-color: #0095eb; bottom: 0; content: " "; left: 50%; position: absolute; top: 8px; width: 2px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge { height: 90px; position: absolute; left: 50%; z-index: 5 } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; transition: all .3s; font-size: 30px; background-color: #fff; border: 3px solid #0095eb; height: 20px; width: 20px; border-radius: 100% } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge:after { background: #0095eb none repeat scroll 0 0; content: ""; height: 2px; left: 10px; position: absolute; top: 37px; width: 20px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .odd .timeline-badge:after { left: auto; right: 10px; top: 45px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge .timeline-date { font-size: 1.4em } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement { position: relative; padding-top: 0; padding-bottom: 30px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper > .timeline-movement:last-child { padding-bottom: 0; bottom: -15px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { text-align: initial; padding: 20px; border: solid 1px #dfdfdf; border-radius: 5px; position: relative; width: 345px; margin-left: 15px } .jwpf-col-md-6 .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { width: 93% } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title { font-size: 18px; margin: 0 0 10px; position: relative } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details { font-size: 14px; margin: 0 } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement.even .timeline-badge { height: 76px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date { line-height: 76px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part { text-align: right; margin-right: 15px; float: right; padding: 13px 20px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part .title:after { right: -80px; left: inherit } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part:before { left: inherit; right: 1px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%) } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before { content: ''; position: absolute; top: 32px; left: 1px; width: 0; height: 0; border-width: 8px; border-color: #fff #fff transparent transparent; border-style: solid; -webkit-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 3px -3px 1px -2px rgba(0, 0, 0, .2); box-shadow: 3px -3px 1px -2px rgba(0, 0, 0, .2) } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date { font-size: 16px; line-height: 90px; margin: 0 0 0 30px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date { margin: 0 30px 0 0 } .timeline-item.mobile-block { display: none } .timeline-item.mobile-hidden { display: block } .jwpf-flipbox-panel { margin: 0 auto; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d } .jwpf-flipbox-panel .jwpf-flipbox-back, .jwpf-flipbox-panel .jwpf-flipbox-front { width: 100%; height: 100%; margin: 0 auto; padding: 20px; overflow: hidden; background-attachment: scroll; background-position: center; background-size: cover; background-repeat: no-repeat } .jwpf-flipbox-panel .jwpf-flipbox-front { height: 100%; position: absolute; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background-size: cover !important; background-repeat: no-repeat !important } .jwpf-flipbox-panel .jwpf-flipbox-back { height: 100%; position: absolute; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background-size: cover !important; background-repeat: no-repeat !important } .jwpf-flipbox-panel .flip-box { display: table } .jwpf-flipbox-panel .flip-box .flip-box-inner { display: table-cell; vertical-align: middle; position: relative } .flip_right .jwpf-flipbox-panel .jwpf-flipbox-front { -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0) } .flip_right .jwpf-flipbox-panel.flip .jwpf-flipbox-front { -webkit-transform: rotateX(0) rotateY(178deg); -moz-transform: rotateX(0) rotateY(178deg); transform: rotateX(0) rotateY(178deg) } .flip_right .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: rotateX(0) rotateY(-178deg); -moz-transform: rotateX(0) rotateY(-178deg); transform: rotateX(0) rotateY(-178deg) } .flip_right .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: none; -moz-transform: none; transform: none } .flip_left .jwpf-flipbox-panel .jwpf-flipbox-front { -webkit-transform: rotateX(0) rotateY(0); -moz-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0) } .flip_left .jwpf-flipbox-panel.flip .jwpf-flipbox-front { -webkit-transform: rotateX(0) rotateY(-178deg); -moz-transform: rotateX(0) rotateY(-178deg); transform: rotateX(0) rotateY(-178deg) } .flip_left .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: rotateX(0) rotateY(178deg); -moz-transform: rotateX(0) rotateY(178deg); transform: rotateX(0) rotateY(178deg) } .flip_left .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: none; -moz-transform: none; transform: none } .flip_top .jwpf-flipbox-panel .jwpf-flipbox-front { -webkit-transform: rotateY(0) rotateX(0); -moz-transform: rotateY(0) rotateX(0); transform: rotateY(0) rotateX(0) } .flip_top .jwpf-flipbox-panel.flip .jwpf-flipbox-front { -webkit-transform: rotateX(178deg) rotateY(0); -moz-transform: rotateX(178deg) rotateY(0); transform: rotateX(178deg) rotateY(0) } .flip_top .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: rotateX(-178deg) rotateY(0); -moz-transform: rotateX(-178deg) rotateY(0); transform: rotateX(-178deg) rotateY(0) } .flip_top .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: none; -moz-transform: none; transform: none } .flip_bottom .jwpf-flipbox-panel .jwpf-flipbox-front { -webkit-transform: rotateY(0) rotateX(0); -moz-transform: rotateY(0) rotateX(0); transform: rotateY(0) rotateX(0) } .flip_bottom .jwpf-flipbox-panel.flip .jwpf-flipbox-front { -webkit-transform: rotateX(-178deg) rotateY(0); -moz-transform: rotateX(-178deg) rotateY(0); transform: rotateX(-178deg) rotateY(0) } .flip_bottom .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: rotateX(178deg) rotateY(0); -moz-transform: rotateX(178deg) rotateY(0); transform: rotateX(178deg) rotateY(0) } .flip_bottom .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: none; -moz-transform: none; transform: none } .jwpf-addon-jwpf-flibox.fade-flipbox .jwpf-flipbox-panel .jwpf-flipbox-front, .jwpf-addon-jwpf-flibox.slide-flipbox .jwpf-flipbox-panel .jwpf-flipbox-front { -webkit-transform: none; -moz-transform: none; transform: none } .fade-flipbox .jwpf-flipbox-panel, .slide-flipbox .jwpf-flipbox-panel { overflow: hidden; -webkit-perspective: initial; -moz-perspective: initial; perspective: initial; -webkit-transform-style: initial; -moz-transform-style: initial; transform-style: initial } .slide-flipbox.flip_right .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: translateX(100%) translateY(0); -moz-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0) } .slide-flipbox.flip_right .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } .fade-flipbox .jwpf-flipbox-panel .jwpf-flipbox-back, .slide-flipbox .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform-style: initial; -moz-transform-style: initial; transform-style: initial } .slide-flipbox.flip_left .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: translateX(-100%) translateY(0); -moz-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0) } .slide-flipbox.flip_left .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } .slide-flipbox.flip_top .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: translateX(0) translateY(-100%); -moz-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%) } .slide-flipbox.flip_top .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } .slide-flipbox.flip_bottom .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: translateX(0) translateY(100%); -moz-transform: translateX(0) translateY(100%); transform: translateX(0) translateY(100%) } .slide-flipbox.flip_bottom .jwpf-flipbox-panel.flip .jwpf-flipbox-back { -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } .fade-flipbox .jwpf-flipbox-panel .jwpf-flipbox-back { -webkit-transform: none; -moz-transform: none; transform: none; opacity: 0 } .fade-flipbox .jwpf-flipbox-panel.flip .jwpf-flipbox-back { opacity: 1 } .threeD-content-wrap { -webkit-perspective: 2000; -moz-perspective: 2000; -ms-perspective: 2000; perspective: 2000; -ms-transform: perspective(2000px); -moz-transform: perspective(2000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; display: inline-block; width: 100% } .threeD-item { height: 100%; width: 100%; -webkit-transition: .5s; transition: .5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-timing-function: cubic-bezier(.5, .3, .3, 1); transition-timing-function: cubic-bezier(.5, .3, .3, 1) } .threeD-content-wrap.flip .threeD-item { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .flip_left .threeD-content-wrap.flip .threeD-item { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .flip_top .threeD-content-wrap.flip .threeD-item { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .flip_top .threeD-content-wrap .threeD-item .threeD-flip-back { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .flip_bottom .threeD-content-wrap.flip .threeD-item { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .flip_bottom .threeD-content-wrap .threeD-item .threeD-flip-back { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .threeD-flip-front { z-index: 2 } .threeD-flip-back { -webkit-transform: rotate3d(0, 45, 0, 180deg); transform: rotate3d(0, 45, 0, 180deg) } .threeD-flip-back, .threeD-flip-front { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-size: cover !important; background-repeat: no-repeat !important } .threeD-flip-back .threeD-content-inner, .threeD-flip-front .threeD-content-inner { width: 100%; padding: 0 50px; box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-50%) translateZ(60px); -webkit-transform: translateY(-50%) translateZ(60px); -ms-transform: translateY(-50%) translateZ(60px) } .jwpf-flipbox-back.flip-box:before, .jwpf-flipbox-front.flip-box:before, .threeD-flip-back:before, .threeD-flip-front:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100% } .jwpf-flipbox-panel, .threeD-item { height: 280px } @media screen and (max-width: 767px) { .timeline-item.mobile-block { display: block } .timeline-item.mobile-hidden { display: none } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper { padding: 0 0 10px 40px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper:before { left: 10px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge { width: 30px; left: -29px; top: 48px; height: 76px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge:after { left: 23px; width: 6px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-badge:before { border-width: 2px; height: 16px; width: 16px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .odd .timeline-badge:after { left: 23px; right: auto; top: 37px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { text-align: left !important; margin-right: 0 !important; float: left !important; width: 100%; margin-left: 0; padding: 15px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part { padding: 15px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part:before { left: 0; right: auto; -webkit-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%) } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date { margin: 0; text-align: left !important } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date { line-height: 40px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date { margin: 0; text-align: left !important } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date { margin: 0; line-height: 40px } .jwpf-addon-timeline .jwpf-addon-timeline-wrapper > .timeline-movement:last-child { bottom: 0 } .jwpf-carousel-pro .jwpf-item.jwpf-item-has-bg .jwpf-carousel-item-inner { padding: 20px 30px } } .jwpf-modal-selector { display: inline-block } .jwpf-ajax-contact-content .g-recaptcha { margin-bottom: 15px } .jwpf-addon-tweet .jwpf-tweet-slider .jwpf-item-image { padding: 20px 0 } .jwpf-addon-tweet .jwpf-tweet-slider .jwpf-item-image .jwpf-tweet-image { display: inline-block } .mfp-close-btn-in .mfp-content .mfp-close { color: #fff } .mfp-close-btn-in .mfp-content .white-popup-block .mfp-close { color: #333 } .mfp-content .popup-image-block { position: relative; display: inline-block } .jwpf-modal-icon-wrap { position: relative; display: inline-block } @-webkit-keyframes jwpfModalRipple { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 10% { opacity: 1 } 90% { opacity: 0 } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jwpfModalRipple { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 10% { opacity: 1 } 90% { opacity: 0 } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } .jwpf-ripple-effect { position: absolute; left: 0; right: 0; bottom: 0; top: 0; box-shadow: 0 0 0 15px rgba(255, 255, 255, .8), 0 0 0 30px rgba(255, 255, 255, .6), 0 0 0 45px rgba(255, 255, 255, .4); z-index: -1; animation: jwpfModalRipple 2s infinite } .jwpf-youtube-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 0 } .jwpf-youtube-video-bg iframe { border: none } .jwpf-carousel-pro .jwpf-carousel-inner .jwpf-item { -webkit-transition-property: opacity; transition-property: opacity } .jwpf-carousel-pro .jwpf-carousel-inner .active.left, .jwpf-carousel-pro .jwpf-carousel-inner .active.right, .jwpf-carousel-pro .jwpf-carousel-inner .jwpf-item { opacity: 0 } .jwpf-carousel-pro .jwpf-carousel-inner .active, .jwpf-carousel-pro .jwpf-carousel-inner .next.left, .jwpf-carousel-pro .jwpf-carousel-inner .prev.right { opacity: 1 } .jwpf-carousel-pro .jwpf-carousel-inner .active.left, .jwpf-carousel-pro .jwpf-carousel-inner .active.right, .jwpf-carousel-pro .jwpf-carousel-inner .next, .jwpf-carousel-pro .jwpf-carousel-inner .prev { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .jwpf-carousel-pro .jwpf-carousel-control { z-index: 2 } .jwpf-carousel-pro-arrow-bottom-center, .jwpf-carousel-pro-arrow-bottom-left, .jwpf-carousel-pro-arrow-bottom-right { position: absolute; right: 0; left: 0; top: auto; bottom: 0 } .jwpf-carousel-pro-arrow-bottom-center .jwpf-col-sm-12, .jwpf-carousel-pro-arrow-bottom-left .jwpf-col-sm-12, .jwpf-carousel-pro-arrow-bottom-right .jwpf-col-sm-12 { font-size: 0 } .jwpf-carousel-pro-arrow-bottom-center .jwpf-carousel-control, .jwpf-carousel-pro-arrow-bottom-left .jwpf-carousel-control, .jwpf-carousel-pro-arrow-bottom-right .jwpf-carousel-control { position: relative; display: inline-block; height: 40px; line-height: 40px; font-size: 24px; left: 0; opacity: 1; border: 1px solid #fff; text-shadow: none } .jwpf-carousel-pro-arrow-bottom-left { text-align: left } .jwpf-carousel-pro-arrow-bottom-center .jwpf-carousel-control i, .jwpf-carousel-pro-arrow-bottom-left .jwpf-carousel-control i, .jwpf-carousel-pro-arrow-bottom-right .jwpf-carousel-control i { position: relative; top: 0; left: 0; right: auto; margin: 0 } .jwpf-carousel-pro-arrow-bottom-center { text-align: center } .jwpf-carousel-pro-arrow-bottom-right { text-align: right } .jwpf-align-center { -ms-flex-align: center !important; align-items: center !important } .jwpf-align-top { -ms-flex-align: flex-start !important; align-items: flex-start !important } .jwpf-align-bottom { -ms-flex-align: flex-end !important; align-items: flex-end !important } .jwpf-section-content-bottom, .jwpf-section-content-center, .jwpf-section-content-top { display: flex; width: 100% } .jwpf-section-content-center { align-items: center } .jwpf-section-content-top { align-items: flex-start } .jwpf-section-content-bottom { align-items: flex-end } .jwpf-section-content-bottom .jwpf-align-center, .jwpf-section-content-center .jwpf-align-center, .jwpf-section-content-top .jwpf-align-center { flex: 1 0 100% } .jwpf-section-content-bottom .jwpf-container-inner, .jwpf-section-content-center .jwpf-container-inner, .jwpf-section-content-top .jwpf-container-inner { width: 100% } .jwpf-shape-container { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; z-index: 2 } .jwpf-shape-container.jwpf-top-shape { top: -1px } .jwpf-shape-container.jwpf-bottom-shape { bottom: -1px } .jwpf-shape-container svg { display: block; width: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .jwpf-shape-container.jwpf-bottom-shape svg { transform: rotateX(180deg) translateX(-50%) } .jwpf-shape-container.jwpf-top-shape.jwpf-shape-flip svg { transform: rotateY(180deg) translateX(50%) } .jwpf-shape-container.jwpf-bottom-shape.jwpf-shape-flip svg { transform: rotate(180deg) translateX(50%) } .jwpf-shape-container.jwpf-top-shape.jwpf-shape-invert svg { transform: rotateX(180deg) translateX(-50%) } .jwpf-shape-container.jwpf-bottom-shape.jwpf-shape-invert svg { transform: rotateX(0) translateX(-50%) } .jwpf-shape-container.jwpf-top-shape.jwpf-shape-invert.jwpf-shape-flip svg { transform: rotate(180deg) translateX(50%) } .jwpf-shape-container.jwpf-bottom-shape.jwpf-shape-invert.jwpf-shape-flip svg { transform: rotateY(180deg) translateX(50%) } .jwpf-shape-container.jwpf-shape-to-front { z-index: 99999 } .jwpf-addon-optin-forms { padding: 30px } .jwpf-addon-optin-forms .jwpf-optin-form-details-wrap:not(:empty) { padding: 20px 0 } .jwpf-addon-optin-forms .jwpf-optin-form-info-wrap { overflow: hidden } .jwpf-addon-optin-forms .jwpf-optin-form input { -webkit-box-shadow: none; box-shadow: none } .jwpf-optin-form-box.has-grid, .jwpf-optin-form-info-wrap.media-position-left, .jwpf-optin-form-info-wrap.media-position-right { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center } .jwpf-optin-form-info-wrap.media-position-right { flex-direction: row-reverse } .jwpf-optin-form-info-wrap.media-position-left .jwpf-optin-form-icon, .jwpf-optin-form-info-wrap.media-position-left .jwpf-optin-form-img { padding-right: 20px } .jwpf-optin-form-info-wrap.media-position-right .jwpf-optin-form-icon, .jwpf-optin-form-info-wrap.media-position-right .jwpf-optin-form-img { padding-left: 20px } .jwpf-optin-form.form-inline .button-wrap { margin-bottom: 20px } form.jwpf-optin-form.submit-button-inside { position: relative } .jwpf-optin-form.submit-button-inside .name-wrap, form.jwpf-optin-form.submit-button-inside .email-wrap { padding-right: 0 } form.jwpf-optin-form.submit-button-inside .button-wrap { margin-bottom: 0; position: absolute; top: 0; right: 0 } @media screen and (min-width: 480px) { .jwpf-optin-form.form-inline { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .jwpf-optin-form.form-inline .email-wrap, .jwpf-optin-form.form-inline .name-wrap { padding-right: 20px } .jwpf-optin-form.form-inline .email-wrap, .jwpf-optin-form.form-inline .name-wrap { flex: 1 } } .com-jwpagefactory .mfp-content, .com_jwpagefactory .mfp-content { text-align: center } .com-jwpagefactory .jwpf-optin-form-popup-wrap, .com_jwpagefactory .jwpf-optin-form-popup-wrap { display: inline-block; position: relative; max-width: 100% } .com-jwpagefactory .jwpf-optin-form-popup-wrap .mfp-close, .com_jwpagefactory .jwpf-optin-form-popup-wrap .mfp-close { width: 35px; height: 35px; line-height: 30px; opacity: .5; -webkit-transition: .3s; transition: .3s } .com-jwpagefactory .jwpf-optin-form-popup-wrap .mfp-close:hover, .com_jwpagefactory .jwpf-optin-form-popup-wrap .mfp-close:hover { opacity: 1 } .com-jwpagefactory .jwpf-optin-form-popup-wrap > [id*=jwpf-addon-], .com_jwpagefactory .jwpf-optin-form-popup-wrap > [id*=jwpf-addon-] { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 100% } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .8 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .com-jwpagefactory:not(.layout-edit) .jwpf-addon-optin-forms.optintype-popup .jwpf-optin-forms-close { position: absolute; top: -25px; right: -5px; z-index: 999; cursor: pointer; font-size: 20px } .com-jwpagefactory:not(.layout-edit) .jwpf-addon-optin-forms.optintype-popup { display: none !important } .com-jwpagefactory:not(.layout-edit) .mfp-content .jwpf-addon-optin-forms.optintype-popup { display: block !important } .jwpf-modal-selector { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; align-items: center; position: relative; z-index: 1 } @media screen and (min-width: 768px) { .jwpf-addon-cta .jwpf-row { display: table; width: 100%; height: 100% } .jwpf-addon-cta .jwpf-row > div { display: table-cell; vertical-align: middle; float: none } } .jwpf-addon-testimonial-avatar { display: inline-block } .jwpf-addon-testimonial-footer span { display: inline-block } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .jwpf-addon-overlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 } .jwpf-link-list-wrap ul { margin: 0; padding: 0; list-style: none } .jwpf-link-list-wrap ul li a { display: inline-block; color: #000 } .jwpf-link-list-wrap.jwpf-link-list-nav ul li { display: inline-block } .jwpf-nav-align-right { text-align: right } .jwpf-nav-align-center { text-align: center } .jwpf-responsive-bars { display: none; cursor: pointer; padding: 10px; background-color: rgba(0, 0, 0, .1); border-radius: 3px; transition: all .3s } .jwpf-responsive-bars.open { background-color: #22b8f0 } .jwpf-responsive-bar { display: block; height: 3px; width: 35px; background-color: #000; transition: all .3s } .jwpf-responsive-bars.open .jwpf-responsive-bar { background-color: #fff } .jwpf-responsive-bar + .jwpf-responsive-bar { margin-top: 7px } #jw-page-factory .page-content .jwpf-section.jwpf-sticky-it, #jw-page-factory .jwpf-section.jwpf-sticky-it { position: fixed; width: 100%; top: 0; left: 0; z-index: 999 } .jw-pagefactory-addons-list-sidebar ul li > span > span > span { vertical-align: middle } @media (max-width: 991px) { .jwpf-responsive-bars { display: inline-block } .jwpf-link-list-responsive.jwpf-link-list-wrap ul { max-height: 0; overflow: hidden; transition: all .5s } .jwpf-link-list-responsive.jwpf-link-list-wrap ul.open { max-height: 1000px; transition: all .5s ease-in } .jwpf-link-list-responsive.jwpf-link-list-wrap ul li a { display: block } .jwpf-link-list-responsive.jwpf-link-list-wrap.jwpf-link-list-nav ul li { display: block } .jwpf-link-list-responsive.jwpf-nav-align-right ul { text-align: left } } .jwpf-icons-group-list { list-style: none; margin: 0; padding: 0; display: table } .jwpf-icons-group-list li a { display: inline-block } .jwpf-icons-label-text { display: block; line-height: 1 } .jwpf-icons-label-text.right { display: inline-block } .jwpf-addon-icons-group.icons-group-title-postion-left, .jwpf-addon-icons-group.icons-group-title-postion-right { display: flex } .jwpf-addon-icons-group.icons-group-title-postion-right .jwpf-addon-title { order: 2 } .overlay-image-title .jwpf-addon-subtitle, .overlay-image-title .jwpf-addon-title { transition: .35s; color: #fff; margin-top: 0 } .overlay-image-title .jwpf-addon-subtitle { margin-bottom: 0 } .overlay-image-title .jwpf-addon-subtitle i, .overlay-image-title .jwpf-addon-title i { margin-right: 5px } .jwpf-addon-overlay-image-content { padding: 35px; -ms-display: flex; display: flex; position: relative; backface-visibility: hidden; overflow: hidden } .title-subtitle-top-left { align-items: flex-start; justify-content: flex-start } .title-subtitle-top-center { align-items: flex-start; justify-content: center; text-align: center } .title-subtitle-top-right { align-items: flex-start; justify-content: flex-end; text-align: right } .title-subtitle-bottom-left { align-items: flex-end; justify-content: flex-start } .title-subtitle-bottom-center { align-items: flex-end; justify-content: center; text-align: center } .title-subtitle-bottom-right { align-items: flex-end; justify-content: flex-end; text-align: right } .title-subtitle-center-left { align-items: center; justify-content: flex-start } .title-subtitle-center-center { align-items: center; justify-content: center; text-align: center } .title-subtitle-center-right { align-items: center; justify-content: flex-end; text-align: right } .overlay-image-button-wrap { position: relative; z-index: 1 } .title-subtitle-bottom-left .jwpf-addon-title, .title-subtitle-center-left .jwpf-addon-title, .title-subtitle-top-left .jwpf-addon-title { transform: translate3d(15px, 0, 0) } .title-subtitle-bottom-left .jwpf-addon-subtitle, .title-subtitle-center-left .jwpf-addon-subtitle, .title-subtitle-top-left .jwpf-addon-subtitle { transform: translate3d(15px, 0, 0); transition: .45s } .jwpf-addon-overlay-image:hover .title-subtitle-bottom-left .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-bottom-left .jwpf-addon-title, .jwpf-addon-overlay-image:hover .title-subtitle-center-left .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-center-left .jwpf-addon-title, .jwpf-addon-overlay-image:hover .title-subtitle-top-left .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-top-left .jwpf-addon-title { transform: translate3d(0, 0, 0) } .title-subtitle-bottom-right .jwpf-addon-title, .title-subtitle-center-right .jwpf-addon-title, .title-subtitle-top-right .jwpf-addon-title { transform: translate3d(-15px, 0, 0); transition: .45s } .title-subtitle-bottom-right .jwpf-addon-subtitle, .title-subtitle-center-right .jwpf-addon-subtitle, .title-subtitle-top-right .jwpf-addon-subtitle { transform: translate3d(-15px, 0, 0) } .jwpf-addon-overlay-image:hover .title-subtitle-bottom-right .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-bottom-right .jwpf-addon-title, .jwpf-addon-overlay-image:hover .title-subtitle-center-right .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-center-right .jwpf-addon-title, .jwpf-addon-overlay-image:hover .title-subtitle-top-right .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-top-right .jwpf-addon-title { transform: translate3d(0, 0, 0) } .title-subtitle-top-center .jwpf-addon-title { transform: translate3d(0, 15px, 0); transition: .45s } .title-subtitle-top-center .jwpf-addon-subtitle { transform: translate3d(0, 15px, 0) } .jwpf-addon-overlay-image:hover .title-subtitle-top-center .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-top-center .jwpf-addon-title { transform: translate3d(0, 0, 0) } .title-subtitle-center-center .jwpf-addon-title { transform: translate3d(0, 15px, 0) } .title-subtitle-center-center .jwpf-addon-subtitle { transform: translate3d(0, 15px, 0); transition: .45s } .jwpf-addon-overlay-image:hover .title-subtitle-center-center .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-center-center .jwpf-addon-title { transform: translate3d(0, 0, 0) } .title-subtitle-bottom-center .jwpf-addon-title { transform: translate3d(0, -15px, 0) } .title-subtitle-bottom-center .jwpf-addon-subtitle { transform: translate3d(0, -15px, 0); transition: .45s } .jwpf-addon-overlay-image:hover .title-subtitle-bottom-center .jwpf-addon-subtitle, .jwpf-addon-overlay-image:hover .title-subtitle-bottom-center .jwpf-addon-title { transform: translate3d(0, 0, 0) } .title-subtitle-bottom-left .overlay-image-button-wrap, .title-subtitle-center-left .overlay-image-button-wrap, .title-subtitle-top-left .overlay-image-button-wrap { transform: translate3d(15px, 0, 0); transition: .55s } .jwpf-addon-overlay-image:hover .title-subtitle-bottom-left .overlay-image-button-wrap, .jwpf-addon-overlay-image:hover .title-subtitle-center-left .overlay-image-button-wrap, .jwpf-addon-overlay-image:hover .title-subtitle-top-left .overlay-image-button-wrap { transform: translate3d(0, 0, 0) } .title-subtitle-bottom-right .overlay-image-button-wrap, .title-subtitle-center-right .overlay-image-button-wrap, .title-subtitle-top-right .overlay-image-button-wrap { transform: translate3d(-15px, 0, 0); transition: .55s } .jwpf-addon-overlay-image:hover .title-subtitle-bottom-right .overlay-image-button-wrap, .jwpf-addon-overlay-image:hover .title-subtitle-center-right .overlay-image-button-wrap, .jwpf-addon-overlay-image:hover .title-subtitle-top-right .overlay-image-button-wrap { transform: translate3d(0, 0, 0) } .title-subtitle-top-center .overlay-image-button-wrap { transform: translate3d(0, 15px, 0); transition: .3s } .jwpf-addon-overlay-image:hover .title-subtitle-top-center .overlay-image-button-wrap { transform: translate3d(0, 0, 0) } .title-subtitle-center-center .overlay-image-button-wrap { transform: translate3d(0, 0, 0); transition: .3s } .jwpf-addon-overlay-image:hover .title-subtitle-center-center .overlay-image-button-wrap { transform: translate3d(0, -15px, 0) } .title-subtitle-bottom-center .overlay-image-button-wrap { transform: translate3d(0, -15px, 0); transition: .3s } .jwpf-addon-overlay-image:hover .title-subtitle-bottom-center .overlay-image-button-wrap { transform: translate3d(0, 0, 0) } .overlay-image-title { position: relative; z-index: 1 } .title-subtitle-center-center .overlay-image-title { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column } .overlay-background-image-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .overlay-background-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; transition: .35s } .image-effect-slide-top .overlay-background-image { height: -webkit-calc(100% + 50px); height: calc(100% + 50px); transform: translate3d(0, -50px, 0) } .image-effect-slide-top:hover .overlay-background-image { transform: translate3d(0, 0, 0) } .image-effect-slide-bottom .overlay-background-image { height: -webkit-calc(100% + 50px); height: calc(100% + 50px); transform: translate3d(0, 0, 0) } .image-effect-slide-bottom:hover .overlay-background-image { transform: translate3d(0, -50px, 0) } .image-effect-slide-left .overlay-background-image { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); transform: translate3d(-50px, 0, 0) } .image-effect-slide-left:hover .overlay-background-image { transform: translate3d(0, 0, 0) } .image-effect-slide-right .overlay-background-image { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); transform: translate3d(0, 0, 0) } .image-effect-slide-right:hover .overlay-background-image { transform: translate3d(-50px, 0, 0) } .image-effect-zoom-in:hover .overlay-background-image { transform: scale3d(1.15, 1.15, 1) } .image-effect-zoom-out .overlay-background-image { transform: scale3d(1.15, 1.15, 1) } .image-effect-zoom-out:hover .overlay-background-image { transform: scale3d(1, 1, 1) } .image-effect-zoom-in .overlay-image-title::before { position: absolute; content: ''; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .35s; transition: .35s } .image-effect-zoom-out .overlay-image-title::before { position: absolute; content: ''; opacity: 0; top: 0; right: -15px; bottom: 0; left: -15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: .35s; transition: .35s; border-left: none; border-right: none } .image-effect-zoom-out .overlay-image-title::after { position: absolute; content: ''; opacity: 0; top: -15px; right: 0; bottom: -15px; left: 0; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: .35s; transition: .35s; border-top: none; border-bottom: none } .image-effect-zoom-out:hover .title-subtitle-center-center .overlay-image-title::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .image-effect-zoom-out:hover .title-subtitle-center-center .overlay-image-title::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .image-effect-zoom-in:hover .title-subtitle-center-center .overlay-image-title::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .jwpf-addon-overlay-image:hover .jwpf-addon-image-overlay-icon { display: block; -webkit-animation: zoomIn .2s; animation: zoomIn .2s } .overlay-background-style { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: .4s linear } .overlay-background-style::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; transition: .6s linear } .overlay-show-content-on-hover .overlay-image-title { opacity: 0; visibility: hidden; transition: .4s } .overlay-show-content-on-hover:hover .overlay-image-title { opacity: 1; visibility: visible } .jwpf-addon-articles-scroller, .jwpf-addon-articles-ticker { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } .jwpf-articles-scroller-link { display: block } .jwpf-addon-articles-scroller-title { font-size: 18px; color: #fff; font-weight: 700; line-height: 1; margin-bottom: 10px } .jwpf-articles-scroller-date-left-date-container { display: -webkit-box; display: -ms-flexbox; display: flex } .jwpf-articles-scroller-date-left-date { background: #e91e63; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .jwpf-articles-scroller-meta-date-left { text-align: center } .jwpf-articles-scroller-meta-date-left span { color: #fff; line-height: 1; font-weight: 700; font-size: 14px; display: block; text-transform: uppercase } .jwpf-articles-scroller-meta-date-left span.jwpf-articles-scroller-day { font-size: 42px; margin-bottom: 5px; font-weight: 700 } .jwpf-articles-scroller-date-left-content { background: #212125; padding: 25px; -ms-flex: 0 0 85%; flex: 0 0 85% } .jwpf-articles-scroller-introtext { color: #fff } .jwpf-articles-scroller-introtext p { margin-bottom: 5px } .jwpf-articles-scroller-introtext * { display: inline-block } .jwpf-articles-scroller-introtext ol, .jwpf-articles-scroller-introtext ul { margin: 0; padding: 0 } .jwpf-articles-scroller-date-left-content .jwpf-addon-articles-scroller-title { font-size: 24px; margin-bottom: 15px } .jwpf-articles-ticker-wrap { display: flex; position: relative } .jwpf-articles-ticker-wrap .bx-wrapper { margin: 0 auto; display: table; width: 100% } .jwpf-articles-ticker-heading { background: #e91e63; color: #fff; -ms-flex: 0 0 25%; flex: 0 0 25%; align-items: center; display: flex; justify-content: center; position: relative; z-index: 1; text-align: center; line-height: 1 } .jwpf-articles-ticker-heading svg { position: absolute; left: auto; top: 0; height: 100%; z-index: -1; right: -25px } .jwpf-articles-ticker { margin: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; background: #222; position: relative } .jwpf-articles-ticker .bx-wrapper { margin: 0 auto } .jwpf-articles-ticker-text { padding: 15px 30px 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex } .jwpf-articles-ticker-text.shape-enabled-need-extra-padding { padding-left: 42px } .jwpf-articles-ticker-text a { color: #fff; display: block; font-size: 16px; line-height: 1; position: relative; z-index: 1 } .jwpf-articles-ticker-controller { position: absolute; left: auto; right: 15px; top: 0; margin: auto; bottom: 0; height: 29px } .jwpf-articles-ticker-controller span { display: inline-block; font-size: 22px; line-height: 1.2 } .jwpf-articles-ticker-controller span.jwpf-articles-ticker-left-control { margin-right: 5px } .jwpf-articles-ticker-controller span a { font-size: 22px; color: #fff; line-height: 1 } .ticker-date-time-content-wrap { position: relative; right: 15px; margin-left: auto } @media (max-width: 550px) { .ticker-date-time-content-wrap { display: none } } .ticker-date-time-content-wrap.date-wrapper-class.hour-wrapper-class { -ms-flex: 0 0 50%; flex: 0 0 50% } .ticker-date-time-content-wrap.date-wrapper-class { -ms-flex: 0 0 30%; flex: 0 0 30% } .ticker-date-time-content-wrap.hour-wrapper-class { -ms-flex: 0 0 40%; flex: 0 0 40% } .ticker-date-time { position: absolute; left: auto; right: 0; top: 0; color: #fff; padding: 3px 4px; line-height: 1; font-size: 12px; background: #e91e63; text-transform: uppercase; height: 18px; bottom: 0; margin: auto 0 } .ticker-date-time span { display: inline-block } .ticker-date-time .ticker-date + .ticker-hour { margin-left: 3px } .article-image-as-bg { position: relative } .article-image-as-bg::before { content: ''; background: rgba(0, 0, 0, .5); position: absolute; left: 0; top: 0; height: 100%; width: 100% } .article-image-as-bg .jwpf-articles-scroller-date-left-date { position: relative } .article-image-as-bg .jwpf-articles-scroller-date-left-date:after { content: ''; position: absolute; left: auto; right: 0; width: 1px; height: 60%; margin: auto; background: #fff } .date-text-overlay { position: relative } .date-text-overlay .jwpf-articles-scroller-month { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: auto; right: 0; line-height: 1; top: 0; bottom: 0; color: #000; font-size: 24px } .jwpf-articles-carousel-column { width: 25% } .jwpf-articles-carousel-content { background: #fff; box-shadow: 0 6px 12px -3px rgba(49, 41, 41, .1); padding: 20px 20px 25px; margin-bottom: 15px } .jwpf-articles-carousel-meta-date { color: rgba(0, 0, 0, .6); font-size: 14px } .jwpf-articles-carousel-link { display: block; margin: 12px 0; font-size: 24px; color: #000; line-height: 1 } .jwpf-articles-carousel-meta-category a { font-size: 14px; font-weight: 600; color: #95a5a6; display: inline-block; margin-top: 10px } .jwpf-addon-articles-carousel .bx-controls.bx-has-pager { position: absolute; width: 100%; top: -40px } .jwpf-addon-articles-carousel .bx-pager.bx-default-pager { padding-top: 0; bottom: auto; font-size: 0; text-align: right; right: 10px } .jwpf-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a { width: 30px; height: 2px; border-radius: 0; position: relative; overflow: hidden; transition: .35s } .jwpf-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a.active { width: 50px } .jwpf-addon-articles-carousel .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .jwpf-addon-articles-carousel .bx-wrapper .bx-pager-item { vertical-align: initial } div.bx-wrapper .bx-controls-direction a { text-indent: initial; color: #000; font-size: 24px; text-align: center; left: 10px; width: 20px } div.bx-wrapper .bx-controls-direction a:hover { color: #fff } div.bx-wrapper .bx-controls-direction a.bx-next { left: 35px } .jwpf-addon-video .jwpf-addon-video-local-video-wrap { padding-top: 56.3%; position: relative } .jwpf-addon-video-local-source { object-fit: contain; position: absolute; left: 0; top: 0; height: 100%; width: 100% } .jwpf-addon-pricelist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .jwpf-addon-pricelist .jwpf-addon-title { font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 10px } .pricelist-price { margin-left: 5px } .pricelist-price sup { font-weight: 400 } .pricelist-title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .pricelist-text-content { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100% } .pricelist-price-content, .pricelist-title { white-space: nowrap } .pricelist-line { -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; max-width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2px 5px 0 10px } .bottom-of-content + .pricelist-line, .pricelist-line.title-bottom { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-left: 0; margin-right: 0 } .pricelist-line span { border-bottom-color: #d2d2d2; border-bottom-width: 2px; width: 100% } .pricelist-line-style-dotted { border-bottom-style: dotted } .pricelist-line-style-solid { border-bottom-style: solid } .pricelist-line-style-dashed { border-bottom-style: dashed } span.pricelist-line-style-double { border-bottom-style: double; border-bottom-width: 3px } .pricelist-price.discounted-price { text-decoration: line-through; font-size: 70%; display: inline-block; line-height: 1 } .pricelist-price.discounted-price .pricelist-point-zero { font-size: 80%; vertical-align: initial !important } .pricelist-left-image { position: relative } .pricelist-tag { position: absolute; left: 15px; top: 15px; color: #fff; background: #000; line-height: 1; padding: 5px 7px; font-size: 12px; font-weight: 700 } .pricelist-left-number { color: #ccc; font-size: 36px; font-weight: 700; font-style: italic; line-height: 1; text-align: center } .pricelist-point-zero { font-size: 60% } @media only screen and (max-width: 550px) { .pricelist-price-content, .pricelist-title { white-space: initial } } .jwpf-addon-animated-heading .jwpf-addon-title { font-size: 45px; font-weight: 600; color: #4e5465; display: flex; flex-wrap: wrap; align-items: center; margin: 0 } .jwpf-addon-animated-heading.jwpf-text-left .jwpf-addon-title { justify-content: flex-start } .jwpf-addon-animated-heading.jwpf-text-center .jwpf-addon-title { justify-content: center } .jwpf-addon-animated-heading.jwpf-text-right .jwpf-addon-title { justify-content: flex-end } .animated-heading-after-part, .animated-heading-before-part { position: relative; z-index: 1 } .animated-heading-before-part { margin-right: 8px } .animated-heading-after-part { margin-left: 8px } .animated-heading-highlighted-wrap { position: relative; display: inline-block } .animated-heading-highlighted-text.shape-circle { padding: 5px 15px 10px } .animated-heading-highlighted-text.shape-square { padding: 7px 20px 5px 40px } .animated-heading-highlighted-text.shape-wave { padding: 5px 5px 0 } .animated-heading-highlighted-text.shape-bg-fill { padding: 5px } .animated-heading-highlighted-text { position: relative; display: inline-block; z-index: 1; padding: 5px 5px 10px } .animated-heading-highlighted-wrap svg { position: absolute; top: 50%; left: 50%; width: calc(100% + 20px); height: calc(100% + 20px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: visible !important } .animated-heading-highlighted-wrap svg path { stroke: #f44336; stroke-width: 10; fill: none; stroke-dasharray: 1500; -webkit-animation-name: highlighted-text-animation; animation-name: highlighted-text-animation; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-duration: 10s; animation-duration: 10s } .animated-heading-highlighted-wrap svg path:nth-of-type(2) { -webkit-animation-delay: .6s; animation-delay: .6s } @-webkit-keyframes highlighted-text-animation { 0% { stroke-dasharray: 0 1500 } 15% { stroke-dasharray: 1500 1500 } 85% { opacity: 1 } 90% { stroke-dasharray: 1500 1500; opacity: 0 } to { stroke-dasharray: 0 1500; opacity: 0 } } @keyframes highlighted-text-animation { 0% { stroke-dasharray: 0 1500 } 15% { stroke-dasharray: 1500 1500 } 85% { opacity: 1 } 90% { stroke-dasharray: 1500 1500; opacity: 0 } to { stroke-dasharray: 0 1500; opacity: 0 } } .animated-text-words-wrapper { position: relative; text-align: center; display: flex; flex-wrap: wrap; color: #26c4f1 } .animated-text-words-wrapper .animated-text { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0 } .animated-text em, .animated-text i { font-style: normal } .animated-text-words-wrapper span.is-visible { position: relative } .no-js .animated-text-words-wrapper .animated-text { opacity: 0 } .no-js .animated-text-words-wrapper span.is-visible { opacity: 1 } .animated-heading-text.text-animation-flip .animated-text-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .animated-heading-text.text-animation-flip .animated-text { opacity: 0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg) } .animated-heading-text.text-animation-flip span.is-visible { opacity: 1; -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); -webkit-animation: animated-text-animation-flip-in 1.2s; animation: animated-text-animation-flip-in 1.2s } .animated-heading-text.text-animation-flip span.is-hidden { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: animated-text-animation-flip-out 1.2s; animation: animated-text-animation-flip-out 1.2s } @-webkit-keyframes animated-text-animation-flip-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0 } 35% { -webkit-transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(360deg); opacity: 1 } } @keyframes animated-text-animation-flip-in { 0% { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } 35% { -webkit-transform: rotateX(120deg); -ms-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1 } } @-webkit-keyframes animated-text-animation-flip-out { 0% { -webkit-transform: rotateX(0); opacity: 1 } 35% { -webkit-transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(180deg); opacity: 0 } } @keyframes animated-text-animation-flip-out { 0% { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1 } 35% { -webkit-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } } .animated-heading-text.type .animated-text-words-wrapper { vertical-align: top; overflow: hidden } .animated-heading-text.type .animated-text-words-wrapper::after { content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #aebcb9 } .animated-heading-text.type .animated-text-words-wrapper.waiting::after { -webkit-animation: animated-text-pulse 1s infinite; animation: animated-text-pulse 1s infinite } .animated-heading-text.type .animated-text-words-wrapper.selected { background-color: #000 } .animated-heading-text.type .animated-text-words-wrapper.selected::after { visibility: hidden } .animated-heading-text.type .animated-text-words-wrapper.selected .animated-text { color: #fff } .animated-heading-text.type .animated-text { visibility: hidden } .animated-heading-text.type span.is-visible { visibility: visible } .animated-heading-text.type i { position: absolute; visibility: hidden; font-style: normal } .animated-heading-text.type i.in { position: relative; visibility: visible } @-webkit-keyframes animated-text-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1 } 40% { -webkit-transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0 } } @keyframes animated-text-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1 } 40% { -webkit-transform: translateY(-50%) scale(.9); -ms-transform: translateY(-50%) scale(.9); transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -webkit-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0 } } .animated-heading-text.animation-wave .animated-text-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .animated-heading-text.animation-wave em, .animated-heading-text.animation-wave i { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden } .animated-heading-text.animation-wave .animated-text { opacity: 0 } .animated-heading-text.animation-wave i { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0 } span.is-visible .animated-heading-text.animation-wave i { opacity: 1 } .animated-heading-text.animation-wave i.in { -webkit-animation: animated-text-animation-wave-in .4s forwards; animation: animated-text-animation-wave-in .4s forwards } .animated-heading-text.animation-wave i.out { -webkit-animation: animated-text-animation-wave-out .4s forwards; animation: animated-text-animation-wave-out .4s forwards } .animated-heading-text.animation-wave em { -webkit-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px) } .no-csstransitions .animated-heading-text.animation-wave i { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 0 } .no-csstransitions .animated-heading-text.animation-wave i em { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .no-csstransitions .animated-heading-text.animation-wave span.is-visible i { opacity: 1 } @-webkit-keyframes animated-text-animation-wave-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0) } } @keyframes animated-text-animation-wave-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } } @-webkit-keyframes animated-text-animation-wave-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg) } } @keyframes animated-text-animation-wave-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg) } } .animated-heading-text.loading-bar .animated-text-words-wrapper { overflow: hidden; vertical-align: top } .animated-heading-text.loading-bar .animated-text-words-wrapper::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #22b8f0; z-index: 2; -webkit-transition: width .3s -.1s; -o-transition: width .3s -.1s; transition: width .3s -.1s } .animated-heading-text.loading-bar .animated-text-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; -o-transition: width 3s; transition: width 3s } .animated-heading-text.loading-bar .animated-text { top: 0; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .animated-heading-text.loading-bar span.is-visible { opacity: 1; top: 0 } .animated-heading-text.slide .animated-text-words-wrapper { overflow: hidden; vertical-align: top } .animated-heading-text.slide .animated-text { opacity: 0; top: .2em } .animated-heading-text.slide span.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; animation: slide-in .6s } .animated-heading-text.slide span.is-hidden { -webkit-animation: slide-out .6s; animation: slide-out .6s } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%) } 60% { opacity: 1; -webkit-transform: translateY(20%) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } 60% { opacity: 1; -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0) } 60% { opacity: 0; -webkit-transform: translateY(120%) } 100% { opacity: 0; -webkit-transform: translateY(100%) } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 60% { opacity: 0; -webkit-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%) } 100% { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } } .animated-heading-text.text-clip .animated-text-words-wrapper { overflow: hidden; vertical-align: top } .animated-heading-text.text-clip .animated-text-words-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9 } .animated-heading-text.text-clip .animated-text { opacity: 0; visibility: hidden } .animated-heading-text.text-clip span.is-visible { opacity: 1; visibility: visible } .animated-heading-text.zoom .animated-text-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .animated-heading-text.zoom .animated-text { opacity: 0 } .animated-heading-text.zoom span.is-visible { opacity: 1; -webkit-animation: zoom-in .8s; animation: zoom-in .8s } .animated-heading-text.zoom span.is-hidden { -webkit-animation: zoom-out .8s; animation: zoom-out .8s } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px) } 100% { opacity: 1; -webkit-transform: translateZ(0) } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -ms-transform: translateZ(100px); transform: translateZ(100px) } 100% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0) } 100% { opacity: 0; -webkit-transform: translateZ(-100px) } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -ms-transform: translateZ(-100px); transform: translateZ(-100px) } } .animated-heading-text.animation-blinds .animated-text-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .animated-heading-text.animation-blinds .animated-text { opacity: 0 } .animated-heading-text.animation-blinds i { display: inline-block; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden } span.is-visible .animated-heading-text.animation-blinds i { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0) } .animated-heading-text.animation-blinds i.in { -webkit-animation: animated-text-animation-blinds-in .6s forwards; animation: animated-text-animation-blinds-in .6s forwards } .animated-heading-text.animation-blinds i.out { -webkit-animation: animated-text-animation-blinds-out .6s forwards; animation: animated-text-animation-blinds-out .6s forwards } .no-csstransitions .animated-heading-text.animation-blinds i { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); opacity: 0 } .no-csstransitions .animated-heading-text.animation-blinds span.is-visible i { opacity: 1 } @-webkit-keyframes animated-text-animation-blinds-in { 0% { -webkit-transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0) } } @keyframes animated-text-animation-blinds-in { 0% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0) } } @-webkit-keyframes animated-text-animation-blinds-out { 0% { -webkit-transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg) } } @keyframes animated-text-animation-blinds-out { 0% { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg) } } .animated-heading-text.scale .animated-text { opacity: 0 } .animated-heading-text.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } span.is-visible .animated-heading-text.scale i { opacity: 1 } .animated-heading-text.scale i.in { -webkit-animation: scale-up .6s forwards; animation: scale-up .6s forwards } .animated-heading-text.scale i.out { -webkit-animation: scale-down .6s forwards; animation: scale-down .6s forwards } .no-csstransitions .animated-heading-text.scale i { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0 } .no-csstransitions .animated-heading-text.scale span.is-visible i { opacity: 1 } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0 } 60% { -webkit-transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(1); opacity: 1 } } @keyframes scale-up { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0 } 60% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1 } 60% { -webkit-transform: scale(0); opacity: 0 } } @keyframes scale-down { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } 60% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0 } } .animated-heading-text.push .animated-text { opacity: 0 } .animated-heading-text.push span.is-visible { opacity: 1; -webkit-animation: push-in .6s; animation: push-in .6s } .animated-heading-text.push span.is-hidden { -webkit-animation: push-out .6s; animation: push-out .6s } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) } 60% { opacity: 1; -webkit-transform: translateX(10%) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } 60% { opacity: 1; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0) } 60% { opacity: 0; -webkit-transform: translateX(110%) } 100% { opacity: 0; -webkit-transform: translateX(100%) } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 60% { opacity: 0; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%) } 100% { opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } } .jwpf-addon-jw-slider .jw-item.slider-content-vercally-center { display: flex; flex-wrap: wrap; align-items: center } .jwpf-addon-jw-slider.jw-slider .jw-item.active [data-layer=true] { opacity: 1 } .jwpf-addon-jw-slider .jw-slider-outer-stage, div.jw-slider.on-3d-active .jw-slider-outer-stage { background: 0 0 } .slider-content-vercally-center .jwpf-row div[class*=jwpf-col], .slider-content-vercally-center .jwpf-row div[class^=jwpf-col] { display: flex; align-items: center } .jw-item .jwpf-row div[class*=jwpf-col].image-align-right, .jw-item .jwpf-row div[class^=jwpf-col].image-align-right { justify-content: flex-end } .jw-item .jwpf-row div[class*=jwpf-col].image-align-center, .jw-item .jwpf-row div[class^=jwpf-col].image-align-center { justify-content: center } .jw-item .jwpf-row div[class*=jwpf-col].image-align-left, .jw-item .jwpf-row div[class^=jwpf-col].image-align-left { justify-content: flex-start } .jwpf-addon-jw-slider.jw-slider .jw-dots ul { margin: 0 } .dot-controller-dot.jw-slider .jw-dots ul li, .dot-controller-dot.jw-slider .jw-dots ul li.active { border-color: #fff; border-style: solid; border-width: 2px; transition: .4s; overflow: hidden } .dot-controller-dot.jw-slider .jw-dots ul li::after { content: ''; position: absolute; background: #fff; width: 8px; top: 0; border-radius: 50%; height: 8px; left: 0; right: 0; bottom: 0; margin: auto; transition: .4s; opacity: 0 } .dot-controller-dot.jw-slider .jw-dots ul li.active::after, .dot-controller-dot.jw-slider .jw-dots ul li:hover::after { opacity: 1 } .dot-controller-with_image.jw-slider .jw-dots { height: 50px; margin: 0 } .dot-controller-with_image.jw-slider .jw-dots ul li, .dot-controller-with_image.jw-slider .jw-dots ul li.active { width: 50px; height: 50px; border-color: #fff; border-style: solid; border-width: 3px; border-radius: 50%; transition: .4s } .dot-controller-dot.jw-slider .jw-dots ul li span, .dot-controller-with_image.jw-slider .jw-dots ul li span { display: none } .dot-controller-with_image.jw-slider .jw-dots ul li::after { content: ''; background: rgba(0, 0, 0, .4); width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; position: absolute; transition: .3s } .dot-controller-with_image.jw-slider .jw-dots ul li.active::after, .dot-controller-with_image.jw-slider .jw-dots ul li:hover::after { background: 0 0 } .dot-controller-position-bottom_left.jw-slider .jw-dots, .dot-controller-position-bottom_right.jw-slider .jw-dots { transform: initial; margin: auto } .dot-controller-position-bottom_left.jw-slider .jw-dots ul { text-align: left } .dot-controller-position-bottom_right.jw-slider .jw-dots ul { text-align: right } .dot-controller-position-bottom_right.jw-slider .jw-dots { left: auto } .dot-controller-position-vertical_left.jw-slider .jw-dots { transform: initial; margin: auto; max-width: 20px; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center } .dot-controller-position-vertical_right.jw-slider .jw-dots { transform: initial; margin: auto; left: auto; max-width: 20px; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center } .dot-controller-line.dot-controller-position-vertical_left .jw-dots, .dot-controller-line.dot-controller-position-vertical_right .jw-dots { max-width: 50px } .dot-controller-with_image.dot-controller-position-vertical_left .jw-dots, .dot-controller-with_image.dot-controller-position-vertical_right .jw-dots { max-width: 50px } .dot-controller-line.dot-controller-position-vertical_left .jw-dots ul li.active, .dot-controller-line.dot-controller-position-vertical_right .jw-dots ul li.active { width: 50px } .dot-controller-line.dot-controller-position-vertical_left .jw-dots ul { text-align: left } .dot-controller-line.dot-controller-position-vertical_right .jw-dots ul { text-align: right } .dot-controller-line.jw-slider .jw-dots ul li .dot-indicator { bottom: 0; margin: auto } .dot-controller-line.jw-slider .jw-dots ul li::before { content: ""; padding-top: 3px; display: block; margin-top: -3px } .dot-controller-line.jw-slider .jw-dots ul li::after { content: ""; padding-bottom: 3px; display: block; margin-top: 3px } .dot-controller-position-vertical_left .jw-dots ul, .dot-controller-position-vertical_right .jw-dots ul { display: flex; flex-wrap: wrap; flex-direction: column } .jw-slider .jw-nav-control .nav-control { transition: .3s } div.jw-slider .jw-indicator.line-indicator { background: rgba(0, 0, 0, .3) } div.jw-slider .jw-nav-control { position: absolute; height: 1px; z-index: 3; left: 50px; top: -50px; bottom: 0; margin: auto; right: 50px; width: auto } div.jw-slider .jw-nav-control .nav-control { color: #fff; height: 50px; width: 50px; border: 1px solid #fff; background: rgba(0, 0, 0, .3); line-height: 50px; font-size: 14px; padding: 0; top: 0; bottom: 0 } div.jw-slider .jw-nav-control .nav-control:hover { background: rgba(0, 0, 0, .6) } div[data-arrow-content=icon_only].jw-slider .jw-nav-control { height: 1px; top: -70px } div[data-arrow-content=icon_only].jw-slider .jw-nav-control .nav-control { font-size: 28px; width: 70px; height: 70px } div[data-arrow-content=icon_only] .jw-nav-control .nav-control i { line-height: 70px } div[data-arrow-content=icon_with_text] .jw-nav-control .nav-control { width: 70px; height: 60px; line-height: 60px } .jwpf-addon-jw-slider.jw-slider.arrow-position-bottom_center .jw-nav-control, .jwpf-addon-jw-slider.jw-slider.arrow-position-bottom_left .jw-nav-control, .jwpf-addon-jw-slider.jw-slider.arrow-position-bottom_right .jw-nav-control { top: auto; bottom: 50px; left: 0; width: 160px; margin: auto; right: 0; height: 70px; z-index: 4 } .jwpf-addon-jw-slider.jw-slider.arrow-position-bottom_right .jw-nav-control { left: auto; right: 50px } .jwpf-addon-jw-slider.jw-slider.arrow-position-bottom_left .jw-nav-control { left: 50px; right: auto } .jw-slider.arrow-show-on-hover .jw-nav-control { opacity: 0; visibility: hidden; transition: .4s } .jw-slider.arrow-show-on-hover:hover .jw-nav-control { opacity: 1; visibility: visible } .jwpf-jw-slider-title { font-size: 46px; margin-top: 0; margin-bottom: 0 } .jwpf-jw-slider-image, .jwpf-jw-slider-text, .jwpf-jw-slider-title { display: table; word-break: break-word } .jw-slider-content-align-left, .jw-slider-image-align-left { text-align: left; width: 100% } .jw-slider-content-align-center, .jw-slider-image-align-center { text-align: center; width: 100% } .jw-slider-content-align-right, .jw-slider-image-align-right { text-align: right; width: 100% } .jwpf-addon-jw-slider .jw-slider-content-align-left .jwpf-jw-slider-image, .jwpf-addon-jw-slider .jw-slider-content-align-left .jwpf-jw-slider-text, .jwpf-addon-jw-slider .jw-slider-content-align-left .jwpf-jw-slider-title { margin-right: auto !important } .jwpf-addon-jw-slider .jw-slider-content-align-center .jwpf-jw-slider-image, .jwpf-addon-jw-slider .jw-slider-content-align-center .jwpf-jw-slider-text, .jwpf-addon-jw-slider .jw-slider-content-align-center .jwpf-jw-slider-title { margin-left: auto !important; margin-right: auto !important } .jwpf-addon-jw-slider .jw-slider-content-align-right .jwpf-jw-slider-image, .jwpf-addon-jw-slider .jw-slider-content-align-right .jwpf-jw-slider-text, .jwpf-addon-jw-slider .jw-slider-content-align-right .jwpf-jw-slider-title { margin-left: auto !important } .jwpf-addon-jw-slider .jw-slider-image-align-left .jwpf-jw-slider-image { margin-right: auto !important } .jwpf-addon-jw-slider .jw-slider-image-align-center .jwpf-jw-slider-image { margin-left: auto !important; margin-right: auto !important } .jwpf-addon-jw-slider .jw-slider-image-align-right .jwpf-jw-slider-image { margin-left: auto !important } .jw-slider .jw-item .jwpf-jw-slider-image img { display: inline-block } .jwpf-jw-slider-icon { display: inline-block } .jwpf-jw-slider-icon.jw-slider-icon-block { display: table } .jwpf-jw-slider-button { display: inline-block; margin-right: 15px; margin-left: 15px } .jw-slider-content-align-left .jwpf-jw-slider-button { margin-left: 0; margin-right: 30px } .jw-slider-content-align-right .jwpf-jw-slider-button { margin-right: 0; margin-left: 30px } .jwpf-jw-slider-button .jw-slider-btn-text { display: block; color: #fff; background: #f102f2; padding: 10px 20px; transition-duration: .4s; transition-property: color, background; font-size: 16px; border-radius: 2px } .jw-slider-btn-icon { display: inline-block } .jw-slider-custom-dot-indecators { background: rgba(0, 0, 0, .3); position: absolute; bottom: 0; left: auto; right: 0; padding: 30px; z-index: 1; width: 50% } .jw-slider-custom-dot-indecators ul { list-style: none; padding: 0; margin: 0; display: table; width: 100%; color: #fff } .jw-slider-custom-dot-indecators ul li { margin: 0 25px; width: 180px; float: left; cursor: pointer } .jw-slider-number { font-size: 16px; line-height: 1; color: rgba(255, 255, 255, .8) } .jw-slider-dot-indecator-text.jw-dot-text-key-1 { font-size: 18px; line-height: 1.4; color: rgba(255, 255, 255, .75) } .jw-slider-dot-indecator-text.jw-dot-text-key-2 { font-size: 14px; line-height: 1; color: rgba(255, 255, 255, .3); margin-top: 10px } .jw-dot-indicator-wrap { position: relative; height: 2px; background: rgba(255, 255, 255, .2); margin: 10px 0 } .jw-dot-indicator-wrap .dot-indicator { background: rgba(255, 255, 255, .3); position: absolute; transition-property: width; -webkit-transition-property: width; width: 0; left: 0; top: 0; height: 2px } .jw-dot-indicator-wrap .dot-indicator.active { width: 100% } .jwpf-addon-jw-slider .jw-video-control .jw-volumn-control { font-size: 20px; color: #000; width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; border-radius: 50%; -webkit-transition: .35s; transition: .35s } .jwpf-addon-jw-slider .jw-video-control .jw-volumn-control:hover { color: #fff; background: #000 } .jwpf-addon-jw-slider .jw-video-container { height: 100% } .jwpf-addon-jw-slider .jw-item .jw-background::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100% } .jw-html5-video-container video { object-fit: cover; position: absolute; height: 100%; width: 100% } .jwpf-image-layouts-inline, .jwpf-image-layouts-inline-img { position: relative } .image-layout-preset-style-card .jwpf-addon-image-overlay-icon, .jwpf-image-layouts-inline .jwpf-addon-image-overlay-icon { transition: .35s; line-height: 32px } .image-layout-preset-style-card:hover .jwpf-addon-image-overlay-icon, .jwpf-image-layouts-inline:hover .jwpf-addon-image-overlay-icon { display: block } .image-layout-preset-style-card .jwpf-addon-image-overlay-icon { background: 0 0; width: 100%; height: 100%; top: 0; left: 0; margin: 0 } .jwpf-addon-image-layouts-card-text-caption { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .4); width: 100%; display: flex; flex-wrap: wrap; color: #fff; align-items: center; padding: 15px } .image-layouts-card-text-caption-icon { font-size: 24px; padding-right: 15px; line-height: 1; color: #ffc900 } .image-layouts-card-text-caption-title { font-size: 16px; line-height: 1; margin: 0 } .jwpf-image-layouts-inline:hover .jwpf-addon-image-overlay { opacity: 1 } .jwpf-addon-image-layout-image.image-fit, .jwpf-img-responsive.image-fit { width: 100% } .jwpf-addon-image-layout-caption { color: #fff; background: rgba(0, 0, 0, .7); padding: 10px 15px; position: relative; z-index: 1 } .jwpf-addon-image-layout-caption.caption-overlay, .jwpf-addon-image-layout-caption.caption-overlay-on-over { position: absolute; left: 0; top: auto; bottom: 0; width: 100% } .jwpf-addon-image-layout-caption.caption-overlay-on-over { opacity: 0; visibility: hidden; transition: .35s } .jwpf-image-layouts-inline:hover .jwpf-addon-image-layout-caption.caption-overlay-on-over { opacity: 1; visibility: visible } .jwpf-addon-image-layout-wrap { display: flex; flex-wrap: wrap; position: relative } .jwpf-addon-image-layout-content { background: #f1f1f1; padding: 30px 40px 40px } .image-layout-preset-style-poster { align-items: center; text-align: center } .image-layout-preset-style-poster .jwpf-addon-image-layout-content { position: absolute; margin: 0 50px } .image-layout-preset-style-card .jwpf-addon-image-layout-content { background: 0 0; padding: 0 30px 0 50px } .image-layout-preset-style-overlap .jwpf-addon-image-layout-content { background: 0 0; padding: 0 20px } .image-layout-preset-style-card .jwpf-row, .image-layout-preset-style-collage .jwpf-row, .image-layout-preset-style-overlap .jwpf-row { margin: 0; width: 100% } .image-layout-preset-style-collage .jwpf-col-sm-6, .image-layout-preset-style-overlap .jwpf-col-sm-6 { padding: 0 } .image-layout-preset-style-card div[class*=jwpf-col-sm], .image-layout-preset-style-card div[class^=jwpf-col-sm] { padding: 0 } .image-layout-preset-style-card .jwpf-row .jwpf-col-sm-6:nth-child(2), .image-layout-preset-style-overlap .jwpf-row .jwpf-col-sm-6:nth-child(2) { display: flex; flex-wrap: wrap; align-items: center } .image-layout-preset-style-card .jwpf-row .jwpf-col-sm-6:nth-child(2) .jwpf-addon-image-layout-content, .image-layout-preset-style-overlap .jwpf-row .jwpf-col-sm-6:nth-child(2) .jwpf-addon-image-layout-content { max-width: 100% } .image-layout-preset-style-card .jwpf-addon-image-layout-image, .image-layout-preset-style-card .jwpf-img-responsive, .image-layout-preset-style-overlap .jwpf-addon-image-layout-image, .image-layout-preset-style-overlap .jwpf-img-responsive { height: 100% } .image-layout-preset-style-overlap .jwpf-image-layout-title { background: #fff; box-shadow: 12px 0 0 #fff, -12px 0 0 #fff; font-weight: 700; font-size: 46px; line-height: 1.3; display: inline; text-transform: uppercase } .image-layout-preset-style-overlap .jwpf-addon-image-layout-text { margin-top: 10px } .image-layout-preset-style-collage .jwpf-addon-image-layout-content { margin-left: -10%; box-shadow: -10px 15px 20px 0 rgba(0, 0, 0, .3); background: -webkit-linear-gradient(225deg, rgba(38, 51, 159, .95) 0, rgba(61, 59, 136, .95) 100%) transparent; background: linear-gradient(225deg, rgba(38, 51, 159, .95) 0, rgba(61, 59, 136, .95) 100%) transparent; position: relative; z-index: 1 } .image-layout-preset-style-collage .jwpf-image-layout-title { font-size: 30px; line-height: 35px; color: #fff } .image-layout-preset-style-collage .jwpf-addon-image-layout-text { color: rgba(255, 255, 255, .8) } .collage-content-vertical-top { margin-top: 5% } .collage-content-vertical-center { display: flex; flex-wrap: wrap; align-items: center } .collage-content-vertical-bottom { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 5% } .image-layout-tittle-wrap { margin-left: -50% } @media (min-width: 992px) { .image-layout-tittle-wrap.title-align-right { margin-right: -50%; margin-left: auto } .jwpf-addon-image-layout-content.collage-content-right { margin-left: auto; margin-right: -10% } } @media (min-width: 768px) and (max-width: 991px) { .image-layout-tittle-wrap.title-align-sm-right { margin-right: -50%; margin-left: auto } .jwpf-addon-image-layout-content.collage-content-sm-right { margin-left: auto; margin-right: -10% } .jwpf-order-sm-1 { -ms-flex-order: 1; order: 1 } .jwpf-order-sm-2 { -ms-flex-order: 2; order: 2 } .jwpf-order-sm-3 { -ms-flex-order: 3; order: 3 } .jwpf-order-sm-4 { -ms-flex-order: 4; order: 4 } .jwpf-order-sm-5 { -ms-flex-order: 5; order: 5 } .jwpf-order-sm-6 { -ms-flex-order: 6; order: 6 } .jwpf-order-sm-7 { -ms-flex-order: 7; order: 7 } .jwpf-order-sm-8 { -ms-flex-order: 8; order: 8 } .jwpf-order-sm-9 { -ms-flex-order: 9; order: 9 } .jwpf-order-sm-10 { -ms-flex-order: 10; order: 10 } .jwpf-order-sm-11 { -ms-flex-order: 11; order: 11 } .jwpf-order-sm-12 { -ms-flex-order: 12; order: 12 } } @media (max-width: 767px) { .image-layout-tittle-wrap { margin-left: auto } .image-layout-preset-style-collage .jwpf-addon-image-layout-content { margin-top: auto; margin-left: auto; margin-bottom: auto; display: block } } .jwpf-addon-form-builder-form { display: flex; flex-wrap: wrap } .jwpf-addon-form-builder-form .jwpf-form-group { width: 100% } .jwpf-form-builder-btn { width: 100%; transition: .35s } .jwpf-addon-form-builder-form textarea.jwpf-form-control { height: 150px; transition: .35s } .jwpf-form-builder-invisible-recaptcha, .jwpf-form-builder-recaptcha { margin-bottom: 15px } .jwpf-addon-form-builder .form-builder-checkbox-content input, .jwpf-addon-form-builder .form-builder-radio-content input, .jwpf-addon-form-builder .jwpf-form-check-input { position: absolute; opacity: 0 } .jwpf-addon-form-builder .form-builder-checkbox-content input, .jwpf-addon-form-builder .form-builder-checkbox-content label, .jwpf-addon-form-builder .form-builder-radio-content input, .jwpf-addon-form-builder .form-builder-radio-content label { display: inline-block; width: auto } .form-builder-radio-content label { margin-right: 25px; margin-left: 22px } .form-builder-checkbox-content label { margin-right: 25px; margin-left: 25px } .jwpf-addon-form-builder .jwpf-form-check-label { margin-left: 10px } .form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .jwpf-addon-form-builder .jwpf-form-check-label::before { content: ''; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #0345bf; position: absolute; top: 4px; left: 0 } .jwpf-addon-form-builder label.jwpf-form-check-label::before, div.form-builder-checkbox-item label::before { border-radius: 0; width: 19px; height: 19px } .form-builder-checkbox-item label::after, .jwpf-addon-form-builder .jwpf-form-check-label::after { content: '\2713'; color: #fff; width: auto; height: auto; font-size: 16px; position: absolute; top: 5px; left: 3px; font-weight: 700; line-height: 1; visibility: hidden; opacity: 0; transition: .35s } .form-builder-checkbox-item input:checked + label::after, .jwpf-addon-form-builder .jwpf-form-check-input:checked + label::after { visibility: visible; opacity: 1 } .form-builder-checkbox-item input:checked + label::before, .form-builder-radio-item input:checked + label::before, .jwpf-addon-form-builder .jwpf-form-check-input:checked + label::before { background: #0345bf } .jwpf-addon-form-builder .jwpf-form-check { position: relative } .form-builder-checkbox-item, .form-builder-radio-item { position: relative; display: inline-block } .jwpf-form-group.jwpf-form-builder-range input { padding: 0; margin: 0 } .jwpf-form-builder-range-wrap { position: relative } .jwpf-form-builder-range-output { position: absolute; top: -30px; display: none; width: 50px; height: 24px; border: 1px solid rgba(0, 0, 0, .15); background-color: #fff; border-radius: 4px; color: #495057; font-size: 14px; line-height: 24px; text-align: center; left: 50% } .jwpf-addon-form-builder .fa-spinner { margin-right: 5px } .jwpf-form-builder-range input[type=range]:active + output { display: block; transform: translateX(-50%) } .jwpf-addon-form-builder button { cursor: pointer } span.jwpf-form-builder-required { display: none; font-size: 14px; color: red } textarea.not-resize { resize: none } .jwpf-addon-table-not-responsive { overflow-x: auto } .jwpf-addon-table-main { width: 100% } .jwpf-addon-table-main tr { transition: .35s } .jwpf-addon-table-main th { border: none; color: #fff; padding: 16px 20px; font-size: 18px } .jwpf-addon-table-main td { border: none; color: grey; padding: 16px 20px; font-size: 16px } .jwpf-addon-table-main tbody tr { background: #f8f6ff; border: none } .jwpf-addon-table-main tbody tr:nth-child(even) { background: #fff } .jwpf-addon-table-main.bt tbody th, .jwpf-addon-table-main.bt thead { display: none } .jwpf-addon-table-main.bt tbody td, .jwpf-addon-table-main.bt tfoot td, .jwpf-addon-table-main.bt tfoot th { border: none; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; vertical-align: top; float: left \9; width: 100% \9 } .jwpf-addon-table-main.bt tbody td::before, .jwpf-addon-table-main.bt tfoot td::before, .jwpf-addon-table-main.bt tfoot th::before { content: attr(data-th) ": "; display: inline-block; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; font-weight: 700; width: 6.5em } .jwpf-addon-table-main.bt tbody td.bt-hide, .jwpf-addon-table-main.bt tfoot td.bt-hide, .jwpf-addon-table-main.bt tfoot th.bt-hide { display: none } .jwpf-addon-table-main.bt tbody td .bt-content, .jwpf-addon-table-main.bt tfoot td .bt-content, .jwpf-addon-table-main.bt tfoot th .bt-content { vertical-align: top } .jwpf-addon-table-main.bt.bt--no-header tbody td::before, .jwpf-addon-table-main.bt.bt--no-header tfoot td::before { display: none } .jwpf-addon-table-main.two-axis tr td:first-of-type { background: #dff1f7 } .jwpf-table-addon-sortable-data { position: relative } .jwpf-table-addon-sortable[data-content=sort-asc]::after { content: ''; position: absolute; top: 1px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } .jwpf-table-addon-sortable[data-content=sort-desc]::after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; top: 12px } .jwpf-table-addon-sortable[data-content=no-sort]::before { content: ''; position: absolute; top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff } .jwpf-table-addon-sortable[data-content=no-sort]::after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; top: 11px } .jwpf-table-addon-sortable { cursor: pointer; position: absolute; width: 12px; height: 20px; top: 0; bottom: 0; left: auto; right: 15px; margin: auto } .jwpf-addon-table-pagination-wrap { display: flex; justify-content: space-between; margin-top: 30px } .jwpf-addon-table-pagination-wrap.jwpf-total-entries-to-left { flex-direction: row-reverse } .jwpf-addon-table-pagination-wrap.center-pagi { justify-content: center } .jwpf-addon-table-pagination-wrap.right-pagi { justify-content: flex-end } .jwpf-addon-table-pagination-wrap .jwpf-pagination { margin: 0; list-style: none } .jwpf-table-total-reg { line-height: 1; color: #6c7ae0 } .jwpf-addon-table input[type=text].jwpf-addon-table-search { border-radius: 0; padding: 15px 20px 15px 40px; border-color: #f8f6ff; color: grey } .jwpf-addon-table input[type=text].jwpf-addon-table-search::placeholder, .jwpf-addon-table input[type=text].jwpf-addon-table-search:focus { color: grey } .jwpf-addon-table-pagination-wrap .jwpf-page-link { padding: .8rem 1.2rem; color: #6c7ae0 } .jwpf-addon-table-pagination-wrap .jwpf-page-item.active .jwpf-page-link { background-color: #6c7ae0; border-color: #6c7ae0 } .jwpf-addon-table-search-wrap { position: relative } .jwpf-addon-table-search-wrap i { color: grey; font-size: 16px; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto; height: 16px } @media only screen and (max-width: 568px) { .jwpf-addon-table-search-wrap { display: none } .jwpf-no-table-header tbody tr:first-child { display: none } .jwpf-addon-table-main.bt tbody td::before, .jwpf-addon-table-main.bt tfoot td::before, .jwpf-addon-table-main.bt tfoot th::before { width: 8.5em; margin-right: 10px } } @media (min-width: 576px) { body.helix-ultimate .jwpf-row-container { max-width: 540px } } @media (min-width: 768px) { body.helix-ultimate .jwpf-row-container { max-width: 720px } } @media (min-width: 992px) { body.helix-ultimate .jwpf-row-container { max-width: 960px } } @media (min-width: 1200px) { body.helix-ultimate .jwpf-row-container { max-width: 1140px } } .jwpf-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .jwpf-sr-only-focusable:active, .jwpf-sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .jwpf-interaction-hide { visibility: hidden; opacity: 0 !important } .jwpf-mouseMovement p { transform: translateZ(20px) } .jwpf-carousel-extended { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative } .jwpf-carousel-extended-list { position: relative; overflow: hidden } .jwpf-carousel-extended-outer-stage { display: flex; position: relative; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; transition: all .25s ease 0s; -webkit-transition: all .25s ease 0s } .jwpf-carousel-extended-center .jwpf-carousel-extended-outer-stage { align-items: center } .jwpf-carousel-extended-item { position: relative; float: left } .jwpf-carousel-extended-item.active, .jwpf-carousel-extended-item.dragenable { visibility: visible; transform-style: preserve-3d } .jwpf-carousel-extended-dots, .jwpf-carousel-extended-nav-control { position: absolute; height: 1px; width: 100%; z-index: 3; top: 0; bottom: 0; margin: auto } div.jwpf-carousel-extended-nav-control { top: -40px; z-index: 4 } div.jwpf-carousel-extended-dots { bottom: -30px; height: 20px; top: auto } .jwpf-carousel-extended-nav-control .nav-control { cursor: pointer; text-align: center; font-size: 24px; border-radius: 3px; color: #0080fe; border: 1px solid #0080fe; transition: .35s } .jwpf-carousel-extended-nav-control .nav-control.next-control { float: right; margin-right: -75px } .jwpf-carousel-extended-nav-control .nav-control.prev-control { float: left; margin-left: -75px } .jwpf-carousel-extended-dots ul { margin: 0; padding: 0; list-style: none; text-align: center } .jwpf-carousel-extended-dots ul li { background: rgba(0, 0, 0, .4); border-radius: 10px; cursor: pointer; display: inline-block; transition: .35s; overflow: hidden; margin: 0 5px; position: relative } .jwpf-carousel-extended-dots ul li span { position: absolute; background: #0080fe; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: none; opacity: 0 } .jwpf-carousel-extended-dots ul li.active span, .jwpf-carousel-extended-dots ul li:hover span { opacity: 1 } .jwpf-carousel-extended-center .jwpf-carousel-extended-item .jwpf-addon-wrapper { transition: all .4s ease 0s } .jwpf-carousel-extended-item-center .jwpf-addon-wrapper { transform: scale(1.2) } .jwpf-carousel-extended-item-overlay { background: -o-linear-gradient(325deg, rgba(59, 25, 208, .5) 2%, rgba(255, 79, 226, .5) 99%); background: linear-gradient(125deg, rgba(59, 25, 208, .5) 2%, rgba(255, 79, 226, .5) 99%); position: absolute; width: 100%; top: 0; bottom: 0; left: 0; transition: .4s; opacity: 0; visibility: hidden } .jwpf-carousel-extended-content-wrap { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; top: 0; bottom: 0; left: 0; flex-direction: column; z-index: 1; padding: 20px; text-align: center } .jwpf-carousel-extended-item { height: 100% } .jwpf-carousel-extended-item img { width: 100%; object-fit: fill; height: 100% } .jwpf-carousel-fadeIn .jwpf-carousel-extended-item { opacity: 0 } .jwpf-image-carousel-layout1 .jwpf-carousel-extended-content-wrap, .jwpf-image-carousel-layout1 .jwpf-carousel-extended-item img, .jwpf-image-carousel-layout1 .jwpf-carousel-extended-item-overlay { border-radius: 8px } .jwpf-image-carousel-layout3 .jwpf-carousel-extended-item { transition: .35s } .jwpf-image-carousel-layout3 .jwpf-carousel-extended-item:not(.active) { transform: scale(.9); opacity: .5 } .jwpf-carousel-extended-heading { font-size: 36px; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 15px } .jwpf-carousel-extended-subheading { color: #fff; font-size: 24px; font-weight: 500; line-height: 1; margin-bottom: 10px } .jwpf-carousel-extended-description { font-size: 16px; color: #fff; line-height: 1 } .jwpf-testimonial-carousel-content-wrap { display: inline-flex; align-items: center } .jwpf-testimonial-carousel-img-wrap { max-width: 200px } .jwpf-testimonial-carousel-rating { display: inline-block; position: relative; letter-spacing: 5px } .jwpf-testimonial-carousel-rating::before { content: "\f005\f005\f005\f005\f005"; font-family: "Font Awesome 5 Free"; z-index: 1; width: 88%; overflow: hidden; display: block; font-weight: 900 } .jwpf-testimonial-carousel-rating::after { content: "\f005\f005\f005\f005\f005"; font-family: "Font Awesome 5 Free"; position: absolute; top: 0; left: 0; z-index: 0 } .jwpf-testimonial-carousel-icon { line-height: 1 } .jwpf-testimonial-carousel-testi_layout2 .jwpf-testimonial-carousel-icon i { transform: rotateY(180deg) rotateZ(-180deg) } .jwpf-testimonial-carousel-testi_layout3 .jwpf-testimonial-carousel-item-content { border-radius: 20px; position: relative } .jwpf-testimonial-carousel-testi_layout3 .jwpf-testimonial-carousel-item-content::before { content: ""; position: absolute; border-top: 15px solid #f8f8f8; border-left: 15px solid transparent; border-right: 15px solid transparent; left: 0; right: 0; top: auto; bottom: -15px; width: 15px; margin: 0 auto } .jwpf-testimonial-carousel-testi_layout3 .jwpf-text-right .jwpf-testimonial-carousel-item-content::before { left: auto; right: 15px } .jwpf-testimonial-carousel-testi_layout3 .jwpf-text-left .jwpf-testimonial-carousel-item-content::before { left: 15px; right: auto } .jwpf-testimonial-carousel-name { font-weight: 600 } .jwpf-carousel-extended-team-content { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15); padding: 20px 20px 25px 20px; margin: 0 1px 10px } .jwpf-team-carousel .jwpf-carousel-extended-item img { object-fit: initial; height: auto } .jwpf-carousel-extended-team-name { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 10px } .jwpf-carousel-extended-team-designation { color: #4a4a4a; font-size: 12px; margin-bottom: 30px } .jwpf-carousel-extended-team-social-icon { margin: 0; padding: 0; list-style: none } .jwpf-carousel-extended-team-social-icon li { display: inline-block; margin-right: 15px } .jwpf-carousel-extended-team-social-icon a { color: #9b9b9b; font-size: 14px; transition: .35s; display: inline-block; text-align: center } .jwpf-carousel-extended-team-social-icon a:hover { color: #00a9ff } .jwpf-carousel-extended-team-content.jwpf-carousel-layout2 { padding: 20px; box-shadow: none; margin: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; text-align: center; transition: .4s; opacity: 0; visibility: hidden } .jwpf-carousel-layout2 .jwpf-carousel-extended-team-name { text-transform: uppercase } .jwpf-carousel-layout2 .jwpf-carousel-extended-team-designation, .jwpf-carousel-layout2 .jwpf-carousel-extended-team-name, .jwpf-carousel-layout2 .jwpf-carousel-extended-team-social-icon a { color: #fff } .jwpf-carousel-extended-team-wrap { display: flex; width: 100% } .jwpf-carousel-extended-team-img { width: 55%; margin-right: 20px } .jwpf-carousel-extended-team-img img { border-top-left-radius: 5px; border-bottom-left-radius: 5px } .jwpf-carousel-extended-team-content.jwpf-carousel-layout3 { box-shadow: none; margin: 0; padding: 0; width: 45% } .jwpf-carousel-layout3 .jwpf-carousel-extended-team-designation { margin-bottom: 10px } .jwpf-carousel-extended-item:hover .jwpf-carousel-extended-item-overlay, .jwpf-carousel-extended-item:hover .jwpf-carousel-extended-team-content { opacity: 1; visibility: visible } .jwpf-carousel-extended-team-content-wrap { position: relative; z-index: 1 } .jwpf-context-menu-wrapper { position: fixed; background-color: #fff; background-clip: padding-box; color: #444; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(64, 72, 74, .3); border: 1px solid rgba(223, 223, 223, .96); font-size: 13px; min-width: 185px; outline: 0; opacity: 1; text-align: left; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; z-index: 9999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: -200px } .jwpf-context-menu-wrapper .jwpf-context-menu-title { width: 100%; font-size: 16px; padding: 15px 0; color: #444; white-space: nowrap; position: relative; -webkit-transition: all .2s linear; transition: all .2s linear; border-bottom: 1px solid rgba(151, 151, 151, .3); pointer-events: none; text-transform: capitalize; text-align: center; font-weight: 400; line-height: 1 } .jwpf-context-menu-wrapper ul { margin: 0; padding: 0; list-style: none } .jwpf-context-menu-wrapper ul li { width: 100%; padding: 8px 10px; font-size: 14px; text-align: left; font-weight: 400; color: #444; white-space: nowrap; position: relative; transition: all .1s linear; display: flex; cursor: pointer } .jwpf-context-menu-wrapper ul li span:first-child { width: 30px; text-align: center; padding-right: 5px } .jwpf-context-menu-wrapper ul li span:nth-child(2) { flex: 1 } .jwpf-context-menu-wrapper ul li.jwpf-context-menu-item-active, .jwpf-context-menu-wrapper ul li:hover { background: #007bff; color: #fff } .jwpf-context-menu-wrapper ul li:hover small { color: #fff } .jwpf-context-menu-wrapper ul li small { text-transform: capitalize; color: #007bff } .jwpf-context-menu-wrapper ul li.jwpf-disabled-item, .jwpf-context-menu-wrapper ul li.jwpf-disabled-item:hover { color: #9e9e9e; cursor: not-allowed; background: 0 0 } .jwpf-context-menu-wrapper ul li.jwpf-addon-column-opt { border-top: 1px solid rgba(151, 151, 151, .3) } .jwpf-addon-column-opt i { font-size: 18px } .jwpf-context-menu-wrapper ul li .jwpf-sub-context-menu-container { background-color: #fff; background-clip: padding-box; color: #444; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(64, 72, 74, .3); border: solid 1px rgba(223, 223, 223, .96); font-size: 13px; min-width: 185px; outline: 0; opacity: 1; text-align: left; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; z-index: 1071; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; left: 100.8%; bottom: 0 } .jwpf-svg-icon { font-size: inherit; height: 1em; width: 1em; display: inline-flex } .jwpf-svg-icon svg { flex-grow: 1 } .jwpf-svg-icon svg path { fill: inherit } img.jwpf-element-lazy { filter: blur(20px) } img.jwpf-element-lazy.jwpf-element-loaded { animation-name: fadeInImage; animation-duration: .4s; animation-fill-mode: forwards; animation-timing-function: ease-in; filter: none } @keyframes fadeInImage { 0% { opacity: 0 } 100% { opacity: 1 } } #sp-footer .container-inner { padding: 0px !important; } /*修改区块添加位置*/ .dropup .dropdown-menu{ position: absolute !important; top: 14px !important; z-index: 1 !important; } .dropup #jwpf-add-new-row-btn{ z-index: 2 !important; }