.fl-node-dw0sy7vrzjng { color: #ffffff; } .fl-builder-content .fl-node-dw0sy7vrzjng *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-dw0sy7vrzjng a { color: #ffffff; } .fl-builder-content .fl-node-dw0sy7vrzjng a:hover { color: #ffffff; } .fl-builder-content .fl-node-dw0sy7vrzjng h1, .fl-builder-content .fl-node-dw0sy7vrzjng h2, .fl-builder-content .fl-node-dw0sy7vrzjng h3, .fl-builder-content .fl-node-dw0sy7vrzjng h4, .fl-builder-content .fl-node-dw0sy7vrzjng h5, .fl-builder-content .fl-node-dw0sy7vrzjng h6, .fl-builder-content .fl-node-dw0sy7vrzjng h1 a, .fl-builder-content .fl-node-dw0sy7vrzjng h2 a, .fl-builder-content .fl-node-dw0sy7vrzjng h3 a, .fl-builder-content .fl-node-dw0sy7vrzjng h4 a, .fl-builder-content .fl-node-dw0sy7vrzjng h5 a, .fl-builder-content .fl-node-dw0sy7vrzjng h6 a { color: #ffffff; } /* Full Height Rows */ .fl-node-dw0sy7vrzjng.fl-row-full-height > .fl-row-content-wrap, .fl-node-dw0sy7vrzjng.fl-row-custom-height > .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fl-node-dw0sy7vrzjng.fl-row-full-height > .fl-row-content-wrap { min-height: 100vh; } .fl-node-dw0sy7vrzjng.fl-row-custom-height > .fl-row-content-wrap { min-height: 0; } .fl-builder-edit .fl-node-dw0sy7vrzjng.fl-row-full-height > .fl-row-content-wrap { min-height: calc( 100vh - 48px ); } /* Full height iPad with portrait orientation. */ @media all and (width: 768px) and (height: 1024px) and (orientation:portrait){ .fl-node-dw0sy7vrzjng.fl-row-full-height > .fl-row-content-wrap { min-height: 1024px; } } /* Full height iPad with landscape orientation. */ @media all and (width: 1024px) and (height: 768px) and (orientation:landscape){ .fl-node-dw0sy7vrzjng.fl-row-full-height > .fl-row-content-wrap { min-height: 768px; } } /* Full height iPhone 5. You can also target devices with aspect ratio. */ @media screen and (aspect-ratio: 40/71) { .fl-node-dw0sy7vrzjng.fl-row-full-height > .fl-row-content-wrap { min-height: 500px; } } .fl-node-dw0sy7vrzjng > .fl-row-content-wrap:after { background-image: radial-gradient(at center center, rgba(255,255,255,0) 64%, #190300 100%); } .fl-node-dw0sy7vrzjng > .fl-row-content-wrap { background-repeat: no-repeat; background-position: 0% 20%; background-attachment: scroll; background-size: cover; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-dw0sy7vrzjng.fl-row-custom-height > .fl-row-content-wrap { min-height: 400px; } @media(max-width: 1200px) { .fl-node-dw0sy7vrzjng > .fl-row-content-wrap { background-position: 0% 0%; } } @media(max-width: 992px) { .fl-node-dw0sy7vrzjng > .fl-row-content-wrap { background-position: 0% 0%; } } @media(max-width: 768px) { .fl-node-dw0sy7vrzjng > .fl-row-content-wrap { background-position: 0% 0%; } } .fl-node-dw0sy7vrzjng > .fl-row-content-wrap { margin-top:-10px; } .fl-node-dw0sy7vrzjng > .fl-row-content-wrap { padding-top:15px; } .fl-node-ri31dcezlnwy > .fl-row-content-wrap { padding-top:0px; padding-bottom:0px; } .fl-node-vieoz0hqprcu > .fl-row-content-wrap { border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-vieoz0hqprcu > .fl-row-content-wrap { padding-top:30px; padding-bottom:60px; } .fl-node-c8932gdxsm1q { width: 100%; } .fl-node-wd0y5p1xv2nr { width: 79%; } .fl-node-37jrxchpt5v0 { width: 100%; } .fl-node-gys61wa8j9m0 { width: 100%; } .fl-node-sgldw51qjx73 { width: 21%; } .fl-node-sgldw51qjx73 > .fl-col-content { margin-left:40px; } .fl-form-field input, .fl-form-field input[type=text], .fl-form-field input[type=email] { height: auto; width: 100%; font-size: 16px; line-height: 1; padding: 12px 24px; border-radius: 4px; } .fl-form-field .hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fl-subscribe-form-inline .fl-form-field { float: left; margin: 0; padding-right: 10px; width: 33.33%; } .fl-subscribe-form-inline.fl-subscribe-form-name-hide .fl-form-field { width: 66.66%; } .fl-subscribe-form-inline .fl-form-button { float: left; width: 33.33%; } .fl-subscribe-form-inline .fl-form-recaptcha { clear: both; float: none; margin: 0; padding-top: 15px; width: auto; } .fl-terms-checkbox-wrap { display: inline-flex; vertical-align: middle; } .fl-form-field.fl-terms-checkbox input[type="checkbox"] { height: 23px !important; width: 23px; margin: 0px 10px 0 -2px; padding: 0!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fl-form-field.fl-terms-checkbox { width: 100%; } .fl-form-field.fl-terms-checkbox label { word-wrap: break-word; } .fl-form-field .fl-terms-checkbox-text { margin: 10px 0; } @media (max-width: 768px) { .fl-subscribe-form-inline .fl-form-field { float: none; margin: 0 0 15px; padding-right: 0; width: 100%; } .fl-subscribe-form-inline.fl-subscribe-form-name-hide .fl-form-field { width: 100%; } .fl-subscribe-form-inline .fl-form-button { float: none; width: 100%; } .fl-form-field.fl-terms-checkbox input[type=checkbox] { -webkit-margin-start: 5px; } } .fl-node-st1qgdj9emnb .fl-subscribe-form input:not([type=checkbox]) { text-align: center; } .fl-node-st1qgdj9emnb .fl-button:is(a, button), .fl-node-$id a.fl-button:visited, .fl-node-st1qgdj9emnb .fl-button:is(a, button) *, .fl-node-$id a.fl-button:visited * { color: #ffffff; } .fl-node-st1qgdj9emnb.fl-button-wrap, .fl-node-st1qgdj9emnb .fl-button-wrap { text-align: left; } .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button), .fl-builder-content .fl-node-st1qgdj9emnb a.fl-button:visited, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-st1qgdj9emnb a.fl-button:visited { border: 1px solid #d93016; background-color: #e53c22; } .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):hover, .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):focus { border: 1px solid #d93016; } .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button):hover { background-color: #e53c22; } .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button), .fl-builder-content .fl-node-st1qgdj9emnb a.fl-button:visited, .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button) *, .fl-builder-content .fl-node-st1qgdj9emnb a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-st1qgdj9emnb a.fl-button:visited, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-st1qgdj9emnb a.fl-button:visited * { color: #ffffff; } .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button), .fl-builder-content .fl-node-st1qgdj9emnb .fl-button:is(a, button) * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .fl-node-st1qgdj9emnb .fl-form-success-message { display: none; } .fl-node-st1qgdj9emnb > .fl-module-content { margin-top:0px; margin-right:-10px; margin-bottom:0px; margin-left:-10px; } @media (max-width: 768px) { .fl-node-st1qgdj9emnb > .fl-module-content { margin-left:20px;margin-right:20px; } }body.fl-builder { overflow-x: hidden; } .fl-animated.fl-slide-in-right { animation: fl-slide-in-right 1s ease; -webkit-animation: fl-slide-in-right 1s ease; } @-webkit-keyframes fl-slide-in-right { from { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fl-slide-in-right { from { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fl-post-info-sep { margin: 0 3px; }.fl-node-w1kxm4i302qg { text-align: right; } .fl-node-w1kxm4i302qg > .fl-module-content { margin-bottom:0px; } .fl-module-heading .fl-heading { padding: 0 !important; margin: 0 !important; }.fl-row .fl-col .fl-node-20m1b5kyafu9 h1.fl-heading a, .fl-row .fl-col .fl-node-20m1b5kyafu9 h1.fl-heading .fl-heading-text, .fl-row .fl-col .fl-node-20m1b5kyafu9 h1.fl-heading .fl-heading-text *, .fl-node-20m1b5kyafu9 h1.fl-heading .fl-heading-text { color: #aaaaaa; } .fl-node-20m1b5kyafu9.fl-module-heading .fl-heading { font-size: 2em; text-align: center; } .fl-node-20m1b5kyafu9 > .fl-module-content { margin-bottom:0px; } .fl-node-fezkdch5lbsg > .fl-module-content { margin-top:0px; } .fl-node-hmvgb9nwr0sf .fl-separator { border-top-width: 1px; max-width: 100%; margin: auto; } .fl-node-hmvgb9nwr0sf .fl-separator { border-top-color: #e8e8e8; border-top-style: solid; } .fl-node-41vhq2cdi5jz .fl-separator { border-top-width: 1px; max-width: 100%; margin: auto; } .fl-node-41vhq2cdi5jz .fl-separator { border-top-color: #e53c22; border-top-style: solid; } .uabb-heading-wrapper .uabb-heading { padding: 0; margin: 0; } .uabb-module-content.uabb-heading-wrapper { position: relative; } .uabb-module-content .uabb-text-editor :not(a) { color: inherit; } .uabb-module-content .uabb-text-editor :not(i) { font-family: inherit; } .uabb-module-content .uabb-text-editor :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: inherit; line-height: inherit; } .uabb-module-content .uabb-text-editor :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(b):not(i) { font-weight: inherit; } .uabb-background-heading-wrap { z-index: 2; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .uabb-background-heading-wrap::before { position: absolute; top: 50%; left: 0; z-index: 0; display: block; color: rgba(0, 0, 0, 0.09); content: attr(data-background-text); font-size: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .uabb-module-content.uabb-heading-wrapper.uabb-heading-align-center .uabb-background-heading-wrap:before { top: 40%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .uabb-module-content.uabb-heading-wrapper.uabb-heading-align-right .uabb-background-heading-wrap:before { right: 0; left: auto; } .uabb-heading-wrapper .uabb-heading a, .uabb-heading a, .uabb-heading a:hover, .uabb-heading a:focus, .uabb-heading a:active { text-decoration: none; } .uabb-heading-align-left .uabb-heading, .uabb-heading-align-left .uabb-subheading, .uabb-heading-align-left .uabb-subheading *, .uabb-module-content.uabb-heading-wrapper.uabb-heading-align-left .uabb-background-heading-wrap { text-align: left; } .uabb-heading-align-center .uabb-heading, .uabb-heading-align-center .uabb-subheading, .uabb-heading-align-center .uabb-subheading *, .uabb-module-content.uabb-heading-wrapper.uabb-heading-align-center .uabb-background-heading-wrap { text-align: center; } .uabb-heading-align-right .uabb-heading, .uabb-heading-align-right .uabb-subheading, .uabb-heading-align-right .uabb-subheading *, .uabb-module-content.uabb-heading-wrapper.uabb-heading-align-right .uabb-background-heading-wrap { text-align: right; }.fl-node-nbgj9srweoah .uabb-separator-parent { line-height: 0; text-align: center; } .fl-node-nbgj9srweoah .uabb-image-outter-wrap { width: 50px; } .fl-node-nbgj9srweoah .uabb-separator { border-top:1px solid #ff3228; width: 30%; display: inline-block; } .uabb-heading-wrapper .uabb-subheading * { margin: 0; } .fl-node-nbgj9srweoah .uabb-heading .uabb-heading-text { } .fl-node-nbgj9srweoah .uabb-heading .uabb-heading-text { } .fl-node-nbgj9srweoah .uabb-heading-wrapper .uabb-heading { margin-top: 0px; margin-bottom: 15px; } .fl-node-nbgj9srweoah .uabb-subheading { margin-top: 15px; margin-bottom: 0px; } /* Heading Color */ .fl-node-nbgj9srweoah .fl-module-content.fl-node-content .uabb-heading, .fl-node-nbgj9srweoah .fl-module-content.fl-node-content .uabb-heading .uabb-heading-text, .fl-node-nbgj9srweoah .fl-module-content.fl-node-content .uabb-heading * { } /* Heading's Description Color */ /* Heading's Description Typography */ /* Background text styling */ .fl-node-nbgj9srweoah .uabb-module-content.uabb-heading-wrapper .uabb-background-heading-wrap::before { color: ; } @media ( max-width: 992px ) { /* For Medium Device */ .fl-node-nbgj9srweoah .uabb-responsive-medsmall .uabb-side-left, .fl-node-nbgj9srweoah .uabb-responsive-medsmall .uabb-side-right { width: 20%; } .fl-node-nbgj9srweoah .uabb-responsive-medsmall .uabb-divider-content h2 { white-space: normal; } .fl-node-nbgj9srweoah .uabb-heading .uabb-heading-text { } .uabb-background-heading-wrap::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media ( max-width: 768px ) { /* For Small Device */ .fl-node-nbgj9srweoah .uabb-responsive-mobile .uabb-side-left, .fl-node-nbgj9srweoah .uabb-responsive-mobile .uabb-side-right, .fl-node-nbgj9srweoah .uabb-responsive-medsmall .uabb-side-left, .fl-node-nbgj9srweoah .uabb-responsive-medsmall .uabb-side-right { width: 10%; } .fl-node-nbgj9srweoah .uabb-responsive-mobile .uabb-divider-content h2 { white-space: normal; } .fl-node-nbgj9srweoah .uabb-heading .uabb-heading-text { } .fl-node-nbgj9srweoah .uabb-heading-wrapper .uabb-heading, .fl-node-nbgj9srweoah .uabb-heading-wrapper .uabb-subheading, .fl-node-nbgj9srweoah .uabb-heading-wrapper .uabb-subheading * { text-align: center; } .uabb-background-heading-wrap::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .fl-node-nbgj9srweoah > .fl-module-content { margin-top:10px; margin-bottom:0px; } .pp-screen-only { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /* Columns */ .pp-social-share-col-0 .pp-social-share-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pp-social-share-col-1 .pp-social-share-inner { grid-template-columns: repeat(1,1fr); display: grid; } .pp-social-share-col-2 .pp-social-share-inner { grid-template-columns: repeat(2,1fr); display: grid; } .pp-social-share-col-3 .pp-social-share-inner { grid-template-columns: repeat(3,1fr); display: grid; } .pp-social-share-col-4 .pp-social-share-inner { grid-template-columns: repeat(4,1fr); display: grid; } .pp-social-share-col-5 .pp-social-share-inner { grid-template-columns: repeat(5,1fr); display: grid; } .pp-social-share-col-6 .pp-social-share-inner { grid-template-columns: repeat(6,1fr); display: grid; } /* Button */ .pp-share-button { overflow: hidden; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color, border-color, -webkit-filter; transition-property: background-color, border-color, -webkit-filter; -o-transition-property: filter, background-color, border-color; transition-property: filter, background-color, border-color; transition-property: filter, background-color, border-color, -webkit-filter; height: 4.5em; cursor: pointer; } .pp-share-button a { display: flex; width: 100%; height: 100%; text-decoration: none !important; } .pp-share-button-icon, .pp-share-button-text { -webkit-transition-property: color, background-color; -o-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .pp-share-button-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 4.5em; position: relative; } .pp-share-button-icon i { font-size: 1.7em; } .pp-share-button-icon svg { fill: currentColor; height: 18px; } .pp-share-button-icon .icon-type-svg { font-size: 0; } .pp-share-button-text { font-size: 1.5em; padding-right: 1em; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 100; } .pp-share-button-title { font-weight: bold; -ms-flex-negative: 0; flex-shrink: 0; } .pp-share-buttons-color-custom.pp-share-buttons-skin-flat .pp-share-button a, .pp-share-buttons-color-custom.pp-share-buttons-skin-gradient .pp-share-button a { background-color: #ea4335; } .pp-share-buttons-color-custom.pp-share-buttons-skin-framed .pp-share-button a, .pp-share-buttons-color-custom.pp-share-buttons-skin-minimal .pp-share-button a, .pp-share-buttons-color-custom.pp-share-buttons-skin-boxed .pp-share-button a { color: #ea4335; } .pp-share-buttons-color-custom.pp-share-buttons-skin-boxed .pp-share-button .pp-share-button-icon, .pp-share-buttons-color-custom.pp-share-buttons-skin-minimal .pp-share-button .pp-share-button-icon { background-color: #ea4335; } .pp-share-buttons-color-custom.pp-share-buttons-skin-boxed .pp-share-button-icon, .pp-share-buttons-color-custom.pp-share-buttons-skin-minimal .pp-share-button-icon { color: #fff; } .pp-share-buttons-color-official .pp-share-button:hover { -webkit-filter: saturate(1.5) brightness(1.2); filter: saturate(1.5) brightness(1.2); } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-delicious, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-delicious { background-color: #3399ff; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-digg, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-digg { background-color: #005be2; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-email, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-email { background-color: #ea4335; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-print, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-print { background-color: #aaaaaa; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-facebook, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-facebook { background-color: #3b5998; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-google, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-google { background-color: #dd4b39; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-pocket, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-pocket { background-color: #EF3F56; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-linkedin, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-linkedin { background-color: #0077b5; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-odnoklassniki, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-odnoklassniki { background-color: #F4731C; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-pinterest, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-pinterest { background-color: #bd081c; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-reddit, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-reddit { background-color: #ff4500; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-skype, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-skype { background-color: #00AFF0; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-slideshare, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-slideshare { background-color: #0077b5; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-snapchat, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-snapchat { background-color: #fffc00; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-stumbleupon, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-stumbleupon { background-color: #EB4924; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-tumblr, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-tumblr { background-color: #35465c; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-twitch, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-twitch { background-color: #6441A5; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-telegram, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-telegram { background-color: #2CA5E0; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-twitter, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-twitter { background-color: #1DA1F2; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-vimeo, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-vimeo { background-color: #1ab7ea; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-vk, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-vk { background-color: #45668e; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-whatsapp, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-whatsapp { background-color: #25d366; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-wordpress, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-wordpress { background-color: #21759b; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-xing, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-xing { background-color: #026466; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-blogger, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-blogger { background-color: #F06A35; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-myspace, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-myspace { background-color: #3E5EAB; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-fb-messenger, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-fb-messenger { background-color: #007BF8; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-wechat, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-wechat { background-color: #2BBC00; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-buffer, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-buffer { background-color: #1E2226; } .pp-share-buttons-color-official.pp-share-buttons-skin-flat .pp-share-button-bluesky, .pp-share-buttons-color-official.pp-share-buttons-skin-gradient .pp-share-button-bluesky { background-color: #4085FF; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-delicious a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-delicious a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-delicious a { color: #3399ff; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-digg a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-digg a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-digg a { color: #005be2; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-email a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-email a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-email a { color: #ea4335; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-print a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-print a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-print a { color: #aaaaaa; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-facebook a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-facebook a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-facebook a { color: #3b5998; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-google a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-google a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-google a { color: #dd4b39; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-pocket a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-pocket a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-pocket a { color: #EF3F56; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-linkedin a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-linkedin a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-linkedin a { color: #0077b5; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-odnoklassniki a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-odnoklassniki a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-odnoklassniki a { color: #F4731C; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-pinterest a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-pinterest a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-pinterest a { color: #bd081c; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-reddit a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-reddit a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-reddit a { color: #ff4500; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-skype a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-skype a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-skype a { color: #00AFF0; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-slideshare a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-slideshare a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-slideshare a { color: #0077b5; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-snapchat a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-snapchat a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-snapchat a { color: #fffc00; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-stumbleupon a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-stumbleupon a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-stumbleupon a { color: #EB4924; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-tumblr a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-tumblr a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-tumblr a { color: #35465c; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-twitch a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-twitch a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-twitch a { color: #6441A5; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-telegram a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-telegram a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-telegram a { color: #2CA5E0; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-twitter a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-twitter a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-twitter a { color: #1DA1F2; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-vimeo a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-vimeo a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-vimeo a { color: #1ab7ea; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-vk a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-vk a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-vk a { color: #45668e; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-whatsapp a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-whatsapp a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-whatsapp a { color: #25d366; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-wordpress a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-wordpress a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-wordpress a { color: #21759b; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-xing a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-xing a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-xing a { color: #026466; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-blogger a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-blogger a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-blogger a { color: #F06A35; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-myspace a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-myspace a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-myspace a { color: #3E5EAB; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-fb-messenger a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-fb-messenger a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-fb-messenger a { color: #007BF8; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-wechat a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-wechat a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-wechat a { color: #2BBC00; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-buffer a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-buffer a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-buffer a { color: #1E2226; } .pp-share-buttons-color-official.pp-share-buttons-skin-framed .pp-share-button-bluesky a, .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-bluesky a, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-bluesky a { color: #4085FF; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-delicious .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-delicious .pp-share-button-icon { background-color: #3399ff; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-digg .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-digg .pp-share-button-icon { background-color: #005be2; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-email .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-email .pp-share-button-icon { background-color: #ea4335; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-print .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-print .pp-share-button-icon { background-color: #aaaaaa; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-facebook .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-facebook .pp-share-button-icon { background-color: #3b5998; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-google .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-google .pp-share-button-icon { background-color: #dd4b39; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-pocket .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-pocket .pp-share-button-icon { background-color: #EF3F56; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-linkedin .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-linkedin .pp-share-button-icon { background-color: #0077b5; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-odnoklassniki .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-odnoklassniki .pp-share-button-icon { background-color: #F4731C; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-pinterest .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-pinterest .pp-share-button-icon { background-color: #bd081c; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-reddit .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-reddit .pp-share-button-icon { background-color: #ff4500; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-skype .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-skype .pp-share-button-icon { background-color: #00AFF0; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-slideshare .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-slideshare .pp-share-button-icon { background-color: #0077b5; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-snapchat .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-snapchat .pp-share-button-icon { background-color: #fffc00; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-stumbleupon .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-stumbleupon .pp-share-button-icon { background-color: #EB4924; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-tumblr .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-tumblr .pp-share-button-icon { background-color: #35465c; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-twitch .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-twitch .pp-share-button-icon { background-color: #6441A5; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-telegram .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-telegram .pp-share-button-icon { background-color: #2CA5E0; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-twitter .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-twitter .pp-share-button-icon { background-color: #1DA1F2; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-vimeo .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-vimeo .pp-share-button-icon { background-color: #1ab7ea; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-vk .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-vk .pp-share-button-icon { background-color: #45668e; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-whatsapp .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-whatsapp .pp-share-button-icon { background-color: #25d366; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-wordpress .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-wordpress .pp-share-button-icon { background-color: #21759b; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-xing .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-xing .pp-share-button-icon { background-color: #026466; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-blogger .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-blogger .pp-share-button-icon { background-color: #F06A35; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-myspace .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-myspace .pp-share-button-icon { background-color: #3E5EAB; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-fb-messenger .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-fb-messenger .pp-share-button-icon { background-color: #007BF8; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-wechat .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-wechat .pp-share-button-icon { background-color: #2BBC00; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-buffer .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-buffer .pp-share-button-icon { background-color: #1E2226; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button-bluesky .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button-bluesky .pp-share-button-icon { background-color: #4085FF; } .pp-share-buttons-color-official.pp-share-buttons-skin-boxed .pp-share-button .pp-share-button-icon, .pp-share-buttons-color-official.pp-share-buttons-skin-minimal .pp-share-button .pp-share-button-icon { color: #fff; } .pp-share-buttons-skin-framed .pp-share-button a, .pp-share-buttons-skin-boxed .pp-share-button a { border-style: solid; } .pp-share-buttons-skin-gradient .pp-share-button-text { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); } .pp-share-buttons-skin-gradient.pp-share-buttons-view-icon .pp-share-button-icon { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); } .pp-share-buttons-skin-boxed .pp-share-button-text, .pp-share-buttons-skin-minimal .pp-share-button-text, .pp-share-buttons-skin-gradient .pp-share-button-text { padding-left: 0.9em; } .pp-share-buttons-skin-flat .pp-share-button a, .pp-share-buttons-skin-flat .pp-share-button:hover a, .pp-share-buttons-skin-gradient .pp-share-button a, .pp-share-buttons-skin-gradient .pp-share-button:hover a { color: #fff; } .pp-share-buttons-skin-minimal.pp-share-buttons-shape-rounded .pp-share-button-icon { border-radius: 0.5em; } .pp-share-buttons-skin-minimal.pp-share-buttons-shape-circle .pp-share-button-icon { border-radius: 99.9em; } .pp-share-buttons-view-text .pp-share-button-text { padding-left: 1em; } .pp-share-buttons-view-text .pp-share-button, .pp-share-buttons-view-icon .pp-share-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pp-share-buttons-view-text .pp-share-button-icon, .pp-share-buttons-view-text .pp-share-button-text, .pp-share-buttons-view-icon .pp-share-button-icon, .pp-share-buttons-view-icon .pp-share-button-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pp-share-buttons-shape-rounded .pp-share-button { border-radius: 0.5em; } .pp-share-buttons-shape-circle .pp-share-button, .pp-share-buttons-shape-circle .pp-share-button a { border-radius: 99.9em; } /* Alignment */ .pp-share-buttons-align-right .pp-social-share-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pp-share-buttons-align-left .pp-social-share-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pp-share-buttons-align-center .pp-social-share-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pp-share-buttons-align-justify .pp-social-share-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pp-share-button-icon .pp-x-icon { font-weight: bold; } .fl-builder-content .fl-node-q1gzhptc25rs .pp-social-share-content.pp-social-share-col-0 .pp-social-share-inner { margin-left: calc( -10px / 2 ); margin-right: calc( -10px / 2 ); } .fl-builder-content .fl-node-q1gzhptc25rs .pp-social-share-content.pp-social-share-col-0 .pp-share-button { margin-left: calc( 10px / 2 ); margin-right: calc( 10px / 2 ); } @media only screen and ( max-width: 992px ) { .pp-social-share-col-md-1 .pp-social-share-inner { grid-template-columns: repeat(1,1fr); display: grid; } .pp-social-share-col-md-2 .pp-social-share-inner { grid-template-columns: repeat(2,1fr); display: grid; } .pp-social-share-col-md-3 .pp-social-share-inner { grid-template-columns: repeat(3,1fr); display: grid; } .pp-social-share-col-md-4 .pp-social-share-inner { grid-template-columns: repeat(4,1fr); display: grid; } .pp-social-share-col-md-5 .pp-social-share-inner { grid-template-columns: repeat(5,1fr); display: grid; } .pp-social-share-col-md-6 .pp-social-share-inner { grid-template-columns: repeat(6,1fr); display: grid; } .pp-share-buttons-md-align-right .pp-social-share-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pp-share-buttons-md-align-left .pp-social-share-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pp-share-buttons-md-align-center .pp-social-share-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pp-share-buttons-md-align-justify .pp-social-share-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and ( max-width: 768px ) { .pp-social-share-col-sm-1 .pp-social-share-inner { grid-template-columns: repeat(1,1fr); display: grid; } .pp-social-share-col-sm-2 .pp-social-share-inner { grid-template-columns: repeat(2,1fr); display: grid; } .pp-social-share-col-sm-3 .pp-social-share-inner { grid-template-columns: repeat(3,1fr); display: grid; } .pp-social-share-col-sm-4 .pp-social-share-inner { grid-template-columns: repeat(4,1fr); display: grid; } .pp-social-share-col-sm-5 .pp-social-share-inner { grid-template-columns: repeat(5,1fr); display: grid; } .pp-social-share-col-sm-6 .pp-social-share-inner { grid-template-columns: repeat(6,1fr); display: grid; } .pp-share-buttons-sm-align-right .pp-social-share-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pp-share-buttons-sm-align-left .pp-social-share-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pp-share-buttons-sm-align-center .pp-social-share-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pp-share-buttons-sm-align-justify .pp-social-share-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .fl-node-q1gzhptc25rs .pp-social-share-content:not(.pp-social-share-col-0) .pp-social-share-inner { grid-column-gap: 10px; grid-row-gap: 10px; } .fl-node-q1gzhptc25rs .pp-social-share-content .pp-share-button a { border-width: 2px; } .fl-node-q1gzhptc25rs .pp-social-share-content.pp-social-share-col-0 .pp-share-button { margin-bottom: 10px; } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ /* Equal height Column Bottom Alignment */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } /* H1-H6 Margin Reset in all Modules */ .uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, .uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6 { margin: 0; clear: both; } /* Anchor Tag Css */ .fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus { text-decoration: none; } /* Row Separator CSS */ .uabb-row-separator { position: absolute; width: 100%; left: 0; } .uabb-top-row-separator { top: 0; bottom: auto } .uabb-bottom-row-separator { top: auto; bottom: 0; } .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } @media (max-width: 992px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row { display: block !important; } } @media (max-width: 768px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: block !important; } } .fl-responsive-preview-content .fl-builder-content-editing { overflow-x: hidden; overflow-y: visible; } .uabb-row-separator svg { width: 100%; } .uabb-top-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; top: -1px; bottom: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; bottom: -1px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator { bottom: 0; } .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator { top: 0; } /** * * Svg Triangle Separator * Big Triangle Separator * Big Triangle Left Separator * Svg Half Circle Separator * Curve Center Separator * Waves Separator * Stamp * Grass * Slime * Grass Bend * Wave Slide * Muliple Triangles * Pine Tree * Pine Tree Bend * ***************************************/ .uabb-bottom-row-separator.uabb-svg-triangle svg, .uabb-bottom-row-separator.uabb-xlarge-triangle svg, .uabb-top-row-separator.uabb-xlarge-triangle-left svg, .uabb-bottom-row-separator.uabb-svg-circle svg, .uabb-top-row-separator.uabb-slime-separator svg, .uabb-top-row-separator.uabb-grass-separator svg, .uabb-top-row-separator.uabb-grass-bend-separator svg, .uabb-bottom-row-separator.uabb-mul-triangles-separator svg, .uabb-top-row-separator.uabb-wave-slide-separator svg, .uabb-top-row-separator.uabb-pine-tree-separator svg, .uabb-top-row-separator.uabb-pine-tree-bend-separator svg, .uabb-bottom-row-separator.uabb-stamp-separator svg, .uabb-bottom-row-separator.uabb-xlarge-circle svg, .uabb-top-row-separator.uabb-wave-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } /* * Big Triangle */ .uabb-bottom-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: scale(1) scaleY(-1) translateX(-50%); -moz-transform: scale(1) scaleY(-1) translateX(-50%); -ms-transform: scale(1) scaleY(-1) translateX(-50%); -o-transform: scale(1) scaleY(-1) translateX(-50%); transform: scale(1) scaleY(-1) translateX(-50%); } .uabb-top-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } /** * * Big Triangle Right Separator * ***************************************/ .uabb-top-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Curve Left Separator * Curve Right Separator * ***************************************/ .uabb-top-row-separator.uabb-curve-up-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-top-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Tilt Left Separator * Tilt Right Separator * ***************************************/ .uabb-top-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-top-row-separator.uabb-tilt-right-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-tilt-right-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } .uabb-top-row-separator.uabb-tilt-left-separator, .uabb-top-row-separator.uabb-tilt-right-separator { top: 0; } .uabb-bottom-row-separator.uabb-tilt-left-separator, .uabb-bottom-row-separator.uabb-tilt-right-separator { bottom: 0; } /** * * Clouds Separator * Multi Triangle * Arrow Inward * Arrow Outward * ***************************************/ .uabb-top-row-separator.uabb-arrow-outward-separator svg, .uabb-top-row-separator.uabb-arrow-inward-separator svg, .uabb-top-row-separator.uabb-cloud-separator svg, .uabb-top-row-separator.uabb-multi-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-multi-triangle svg { bottom: -2px; } .uabb-row-separator.uabb-round-split:after, .uabb-row-separator.uabb-round-split:before { left: 0; width: 50%; background: inherit inherit/inherit inherit inherit inherit; content: ''; position: absolute } /* Buttons ------------------------------------------------------ */ .uabb-button-wrap a, .uabb-button-wrap a:visited { display: inline-block; font-size: 16px; line-height: 18px; text-decoration: none; text-shadow: none; } .fl-builder-content .uabb-button:hover { text-decoration: none; } .fl-builder-content .uabb-button-width-full .uabb-button { display: block; text-align: center; } .uabb-button-width-custom .uabb-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .uabb-button-left { text-align: left; } .fl-builder-content .uabb-button-center { text-align: center; } .fl-builder-content .uabb-infobox .uabb-button-center, .fl-builder-content .uabb-modal-action-wrap .uabb-button-center, .fl-builder-content .uabb-ultb3-box .uabb-button-center, .fl-builder-content .uabb-slide-down .uabb-button-center, .fl-builder-content .uabb-blog-post-content .uabb-button-center, .fl-builder-content .uabb-cta-wrap .uabb-button-center, .fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{ text-align: inherit; } .fl-builder-content .uabb-button-right { text-align: right; } .fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i:before { font-size: 1em; height: 1em; line-height: 1em; width: 1em; } .uabb-button .uabb-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-button .uabb-button-icon-before { margin-left: 0; margin-right: 8px; } .uabb-button .uabb-button-icon-no-text { margin: 0; } .uabb-button-has-icon .uabb-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .uabb-icon-wrap { display: inline-block; } .uabb-icon a { text-decoration: none; } .uabb-icon i { display: block; } .uabb-icon i:before { border: none !important; background: none !important; } .uabb-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .uabb-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .uabb-icon-text a { text-decoration: none; } /* Photos ------------------------------------------------------ */ .uabb-photo { line-height: 0; position: relative; z-index: 2; } .uabb-photo-align-left { text-align: left; } .uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right; } .uabb-photo-content { border-radius: 0; display: inline-block; line-height: 0; position: relative; max-width: 100%; overflow: hidden; } .uabb-photo-content img { border-radius: inherit; display: inline; height: auto; max-width: 100%; width: auto; } .fl-builder-content .uabb-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-photo-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .uabb-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uabb-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .uabb-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:visibility 200ms linear; -moz-transition:visibility 200ms linear; transition:visibility 200ms linear; } .uabb-photo-content:hover .uabb-photo-caption-hover { opacity: 100; visibility: visible; } /* Panel & Buttons ------------------------------------------------------ */ .uabb-active-btn { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6); box-shadow: inset 0 1px 0 rgba(120,200,230,.6); color: white; } .fl-builder-bar .fl-builder-add-content-button { display: block !important; opacity: 1 !important; } /* Image Icon Object */ .uabb-imgicon-wrap .uabb-icon { display: block; } .uabb-imgicon-wrap .uabb-icon i{ float: none; } /* Photo */ .uabb-imgicon-wrap .uabb-image { line-height: 0; position: relative; } .uabb-imgicon-wrap .uabb-image-align-left { text-align: left; } .uabb-imgicon-wrap .uabb-image-align-center { text-align: center; } .uabb-imgicon-wrap .uabb-image-align-right { text-align: right; } .uabb-imgicon-wrap .uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: relative; max-width: 100%; } .uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto !important; max-width: 100%; width: auto; border-radius: inherit; box-shadow: none; box-sizing: content-box; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Creative Button ___________________________________________________________________________*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { background: #fafafa; border: 1px solid #ccc; color: #333; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none; text-shadow: none; box-shadow: none; position: relative; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:focus { text-decoration: none; text-shadow: none; box-shadow: none; } .uabb-creative-button-wrap a .uabb-creative-button-text, .uabb-creative-button-wrap a .uabb-creative-button-icon, .uabb-creative-button-wrap a:visited .uabb-creative-button-text, .uabb-creative-button-wrap a:visited .uabb-creative-button-icon { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:hover { text-decoration: none; } .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button { display: block; text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } .uabb-creative-button-wrap .uabb-creative-button-left { text-align: left; } .uabb-creative-button-wrap .uabb-creative-button-center { text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-right { text-align: right; } .uabb-creative-button-wrap .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: auto; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before { margin-right: 8px; margin-left: 0; } .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i { margin: 0; } .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text { vertical-align: middle; } .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { padding: 12px 24px; } /* Translate Button styles */ .uabb-creative-button.uabb-creative-transparent-btn { background: transparent; } .uabb-creative-button.uabb-creative-transparent-btn:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* transparent-fill-top, transparent-fill-bottom */ .uabb-transparent-fill-top-btn:after, .uabb-transparent-fill-bottom-btn:after { width: 100%; height: 0; left: 0; } /* transparent-fill-top */ .uabb-transparent-fill-top-btn:after { top: 0; } /* transparent-fill-bottom */ .uabb-transparent-fill-bottom-btn:after { bottom: 0; } /* transparent-fill-left, transparent-fill-right */ .uabb-transparent-fill-left-btn:after, .uabb-transparent-fill-right-btn:after { width: 0; height: 100%; top: 0; } /* transparent-fill-left */ .uabb-transparent-fill-left-btn:after { left: 0; } /* transparent-fill-right */ .uabb-transparent-fill-right-btn:after { right: 0; } /* transparent-fill-center */ .uabb-transparent-fill-center-btn:after{ width: 0; height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* transparent-fill-diagonal, transparent-fill-horizontal */ .uabb-transparent-fill-diagonal-btn:after, .uabb-transparent-fill-horizontal-btn:after { width: 100%; height: 0; top: 50%; left: 50%; } /* transparent-fill-diagonal */ .uabb-transparent-fill-diagonal-btn{ overflow: hidden; } .uabb-transparent-fill-diagonal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -moz-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -ms-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -o-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); transform: translateX(-50%) translateY(-50%) rotate( 45deg ); } /* transparent-fill-horizontal */ .uabb-transparent-fill-horizontal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 3D Button styles */ .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .perspective { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; margin: 0; } .uabb-creative-button.uabb-creative-threed-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button.uabb-creative-threed-btn { outline: 1px solid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Button styles --- Animate to top */ .uabb-creative-threed-btn.uabb-animate_top-btn:after { height: 40%; left: 0; top: -40%; width: 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); } /* 3D Button styles --- Animate to bottom */ .uabb-creative-threed-btn.uabb-animate_bottom-btn:after { width: 100%; height: 40%; left: 0; top: 100%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* 3D Button styles --- Animate to Left */ .uabb-creative-threed-btn.uabb-animate_left-btn:after { width: 20%; height: 100%; left: -20%; top: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } /* 3D Button styles --- Animate to Right */ .uabb-creative-threed-btn.uabb-animate_right-btn:after { width: 20%; height: 100%; left: 104%; top: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -ms-transform: rotateY(120deg); transform: rotateY(120deg); } /* Animate Top */ .uabb-animate_top-btn:hover{ -webkit-transform: rotateX(-15deg); -moz-transform: rotateX(-15deg); -ms-transform: rotateX(-15deg); -o-transform: rotateX(-15deg); transform: rotateX(-15deg); } /* Animate Bottom */ .uabb-animate_bottom-btn:hover{ -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); -ms-transform: rotateX(15deg); -o-transform: rotateX(15deg); transform: rotateX(15deg); } /* Animate Left */ .uabb-animate_left-btn:hover{ -webkit-transform: rotateY(6deg); -moz-transform: rotateY(6deg); -ms-transform: rotateY(6deg); -o-transform: rotateY(6deg); transform: rotateY(6deg); } /* Animate Right */ .uabb-animate_right-btn:hover{ -webkit-transform: rotateY(-6deg); -moz-transform: rotateY(-6deg); -ms-transform: rotateY(-6deg); -o-transform: rotateY(-6deg); transform: rotateY(-6deg); } /* Flat Button styles */ /* Common Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn { overflow: hidden; position: relative; } .uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { bottom: 0; height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Making Icon position center */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before, .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Common Hover Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i, .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i { left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i { top: 0; } /* Animate Icon to the right */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i { top: 0; left: -100%; } .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } /* Animate Icon to the left */ .uabb-creative-flat-btn.uabb-animate_to_left-btn i { top: 0; left: 100%; } .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } /* Animate Icon From the Top */ .uabb-creative-flat-btn.uabb-animate_from_top-btn i { top: -100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text { -webkit-transform: translateY(400px); -moz-transform: translateY(400px); -ms-transform: translateY(400px); -o-transform: translateY(400px); transform: translateY(400px); } /* Animate Icon From the Bottom */ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { top: 100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text { -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); -ms-transform: translateY(-400px); -o-transform: translateY(-400px); transform: translateY(-400px); } /* Media/Video CSS */ .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-overlay.load { width: 100% !important; height: 100% !important; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) { padding-top: 56.25%; } .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode { max-width: 100% !important; } .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content video.wp-video-shortcode { position: relative; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio) .mejs-mediaelement, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .fl-row-content-wrap .uabb-row-particles-background, .uabb-col-particles-background { width:100%; height:100%; position:absolute; left:0; top:0; } /* Theme Button ------------------------------------------------------ */ /*.fl-builder-content a.uabb-button, .fl-builder-content a.uabb-button:visited, .fl-builder-content a.uabb-creative-button, .fl-builder-content a.uabb-creative-button:visited*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { font-family: inherit; font-weight: inherit; } .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn:visited { font-family: inherit; font-weight: inherit; } /* Responsive Js Breakpoint Css */ .uabb-js-breakpoint { content:"default"; display:none; } @media screen and (max-width: 992px) { .uabb-js-breakpoint { content:"992"; } } @media screen and (max-width: 768px) { .uabb-js-breakpoint { content:"768"; } } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-vieoz0hqprcu .fl-row-content { min-width: 0px; }