/home/suroeste/public_html/wp-content/plugins/flipbox-builder/template/css/design
NameSizeModeActions
design-1.css125170644editdlrm
design-2.css89770644editdlrm
design-3.css77040644editdlrm
design-4.css147290644editdlrm
design-5.css139920644editdlrm
design-6.css128950644editdlrm
design-7.css166420644editdlrm
design-8.css88730644editdlrm
design-9.css127890644editdlrm
design-10.css140290644editdlrm
Edit: /home/suroeste/public_html/wp-content/plugins/flipbox-builder/template/css/design/design-5.css (13992B)
@media (min-width: 992px) and (max-width:1024px) { .flip-col-sm-6 { -ms-flex: 0 0 50% ; flex: 0 0 50% ; max-width: 50% ; } } @media (min-width: 992px) and (max-width: 1024px) { .design-5-col { width: 100%; } } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-effect-flip:hover .fb-d5-stel-pack-flip-box-back { -webkit-transform: none; -ms-transform: none; transform: none; } .fb-d5-parent { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-2bb8c8d { padding: 80px 0px 80px 0px; } .fb-d5-parent-section { position: relative; } .fb-d5-parent *, .fb-d5-parent :after, .fb-d5-parent :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fb-d5-ele-element { display: block; } .fb-d5-parent-section.fb-d5-parent-section-boxed > .fb-d5-parent-container { max-width: 1140px; } .fb-d5-parent-section .fb-d5-parent-container { display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; } .fb-d5-parent-row { width: 100%; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .fb-d5-parent-column.fb-d5-parent-col-33, .fb-d5-parent-column[data-col="33"] { width: 33.333%; } } .fb-d5-parent-column { position: relative; min-height: 1px; display: -ms-flexbox; display: flex; } .fb-d5-parent-column-gap-default > .fb-d5-parent-row > .fb-d5-parent-column > .fb-d5-ele-element-populated { padding: 10px; } .fb-d5-parent-column-wrap { width: 100%; position: relative; display: -ms-flexbox; display: flex; } .fb-d5-parent:not(.fb-d5-parent-bc-flex-widget) .fb-d5-parent-widget-wrap { display: -ms-flexbox; display: flex; } .fb-d5-parent-widget-wrap { position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .fb-d5-ele-element-edit-mode.fb-d5-stel-transition-disabled:not(.fb-d5-ele-element-edit-mode) *, .fb-d5-stel-transition-disabled:not(.fb-d5-ele-element-edit-mode) { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; } .fb-d5-parent-widget-wrap > .fb-d5-ele-element { width: 100%; } .fb-d5-parent-widget { position: relative; } .fb-d5-ele-element .fb-d5-parent-widget-container { -o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-border-radius 0.3s, -webkit-box-shadow 0.3s; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip { height: 320px; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-effect-flip { perspective: 1000px; transform-style: preserve-3d; } .fb-d5-stel-pack-flip-box-effect-flip { position: relative; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer, .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-overlay { border-radius: 20px; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front { background-color: transparent; background-image: linear-gradient(100deg, #0eb5e1 0%, #28f098 100%); } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front { -ms-transform: none; transform: none; z-index: 1; } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer { transform-style: preserve-3d; backface-visibility: hidden; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer { position: absolute; width: 100%; height: 100%; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front .fb-d5-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer, .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-overlay { border-radius: 20px; } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-3d .fb-d5-stel-pack-flip-box-layer-overlay { transform-style: preserve-3d; transform: translateZ(0.1px); } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-overlay { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 35px; } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-3d .fb-d5-stel-pack-flip-box-layer-inner { transform: translateZ(90px) scale(0.91); } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-parent-icon-wrapper { margin-bottom: 20px; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front .fb-d5-parent-view-framed .fb-d5-parent-icon { background-color: rgba(0,0,0,0.22); } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front .fb-d5-parent-icon { font-size: 56px; border-width: 0px; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-parent-view-framed .fb-d5-parent-icon { border-color: #fff; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-parent-icon, .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-parent-view-framed .fb-d5-parent-icon, .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-parent-view-stacked .fb-d5-parent-icon { color: #fff; } .fb-d5-parent-shape-circle .fb-d5-parent-icon { border-radius: 50%; } .fb-d5-parent-view-framed .fb-d5-parent-icon { padding: 0.5em; border: 3px solid #818a91; } .fb-d5-parent-icon { display: inline-block; line-height: 1; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front .fb-d5-parent-icon i { transform: rotate(0deg); } .fb-d5-parent-icon i, .fb-d5-parent-icon svg { width: 1em; height: 1em; position: relative; display: block; } .fb-d5-parent-icon.fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front .fb-d5-stel-pack-flip-box-layer-title { color: #ffffff; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-description:not(:last-child), .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-title { line-height: 1; font-weight: 600; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-title { font-size: 21px; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front .fb-d5-stel-pack-flip-box-layer-description { color: #ffffff; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer, .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-overlay { border-radius: 20px; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-back { background-color: #0eb5e1; } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-effect-flip.stel-pack-flip-box-direction-left .fb-d5-stel-pack-flip-box-back { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .fb-d5-stel-pack-flip-box-effect-flip.stel-pack-flip-box-direction-left .fb-d5-stel-pack-flip-box-effect-flip:hover .fb-d5-stel-pack-flip-box-front { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-effect-flip.stel-pack-flip-box-direction-bottom .fb-d5-stel-pack-flip-box-back { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d5-stel-pack-flip-box-effect-flip.stel-pack-flip-box-direction-bottom .fb-d5-stel-pack-flip-box-effect-flip:hover .fb-d5-stel-pack-flip-box-front { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d5-ele-widget-stel-flip-box-minimal.fb-d5-stel-pack-flip-box-effect-flip.stel-pack-flip-box-direction-up .fb-d5-stel-pack-flip-box-back { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d5-stel-pack-flip-box-effect-flip.stel-pack-flip-box-direction-up .fb-d5-stel-pack-flip-box-effect-flip:hover .fb-d5-stel-pack-flip-box-front { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-back { display: block; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-back .fb-d5-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer, .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-overlay { border-radius: 20px; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-back .fb-d5-stel-pack-flip-box-layer-title { color: #ffffff; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-description:not(:last-child), .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-title { line-height: 1; font-weight: 600; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-back .fb-d5-stel-pack-flip-box-layer-description { color: #ffffff; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-description:not(:last-child), .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-back .fb-d5-stel-pack-flip-box-button { margin-center: 0; padding: 15px 23px 15px 23px; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #0eb5e1; background-color: #ffffff; border-style: solid; border-width: 0px 0px 0px 0px; border-radius: 10px 10px 10px 10px; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-button.fb-d5-parent-button { cursor: pointer; -ms-flex-item-align: center; align-self: center; margin-left: auto; margin-right: auto; border: none 2px #fff; background: 0 0; } .fb-d5-parent a { box-shadow: none; text-decoration: none; } .fb-d5-parent-button { display: inline-block; line-height: 1; fill: #fff; text-align: center; -o-transition: all 0.3s; transition: all 0.3s; } .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-button.fb-d5-parent-button:hover { background: 0 0; text-decoration: none; border: none; } .fb-d5-parent-animation-wobble-skew:active, .fb-d5-parent-animation-wobble-skew:focus, .fb-d5-parent-animation-wobble-skew:hover { animation-name: fb-d5-parent-animation-wobble-skew; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @keyframes fb-d5-parent-animation-wobble-skew { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .design-5-col { padding-right: 0px; padding-left: 0px; } .fb-d5-stel-pack-flip-box-button { font-family: 'Open Sans',sans-serif !important; } .fb-d5-ele-element { padding: 0px !important; } .fb-d5-parent-column.fb-d5-parent-col-33, .fb-d5-parent-column[data-col="33"] { width: 100% !important; } .fb-d5-parent-icon { text-align: center !important; } .fb-d5-parent-530 .fb-d5-ele-element.fb-d5-ele-element-68c7cdf .fb-d5-stel-pack-flip-box-effect-flip .fb-d5-stel-pack-flip-box-front { }