/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-9.css (12789B)
@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-9-col { width: 100%; } } .fb-d9-parent { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-970f61f { padding: 80px 0px 60px 0px; } .fb-d9-parent-section { position: relative; } .fb-d9-parent *, .fb-d9-parent :after, .fb-d9-parent :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fb-d9-ele-element { display: block; } .fb-d9-parent-section .fb-d9-parent-container { display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; } .fb-d9-parent-row { width: 100%; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .fb-d9-parent-column.fb-d9-parent-col-25, .fb-d9-parent-column[data-col="25"] { width: 25%; } } .fb-d9-parent-column { position: relative; min-height: 1px; display: -ms-flexbox; display: flex; } .fb-d9-parent-column-gap-default > .fb-d9-parent-row > .fb-d9-parent-column > .fb-d9-ele-element-populated { padding: 10px; } .fb-d9-parent-column-wrap { width: 100%; position: relative; display: -ms-flexbox; display: flex; } .fb-d9-parent:not(.fb-d9-parent-bc-flex-widget) .fb-d9-parent-widget-wrap { display: -ms-flexbox; display: flex; } .fb-d9-parent-widget-wrap { position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .fb-d9-ele-element-edit-mode.fb-d9-stel-transition-disabled:not(.fb-d9-ele-element-edit-mode) *, .fb-d9-stel-transition-disabled:not(.fb-d9-ele-element-edit-mode) { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; } .fb-d9-parent-widget-wrap > .fb-d9-ele-element { width: 100%; } .fb-d9-parent-widget { position: relative; } .fb-d9-ele-element .fb-d9-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-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper { height: 280px; } .fb-d9-stel-pack-flip-box-effect-flip .fb-d9-stel-pro-widget-flip-box-minimal-wrapper { perspective: 1000px; transform-style: preserve-3d; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper { position: relative; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-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-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-front .fb-d9-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-3d .fb-d9-stel-pack-flip-box-layer-overlay { transform-style: preserve-3d; transform: translateZ(0.1px); } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-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-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-3d .fb-d9-stel-pack-flip-box-layer-inner { -webkit-transform: translateZ(90px) scale(0.91); transform: translateZ(90px) scale(0.91); } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-parent-icon-wrapper { margin-bottom: 20px; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-front .fb-d9-parent-view-stacked .fb-d9-parent-icon { background-color: #ca2693; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-front .fb-d9-parent-icon { font-size: 56px; border-radius: 20px 20px 20px 20px; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-parent-icon, .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-parent-view-framed .fb-d9-parent-icon, .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-parent-view-stacked .fb-d9-parent-icon { color: #fff; } .fb-d9-parent-view-stacked .fb-d9-parent-icon { padding: 0.5em; fill: #fff; } .fb-d9-parent-icon { display: inline-block; line-height: 1; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-front .fb-d9-parent-icon i { transform: rotate(0deg); } .fb-d9-parent-icon i, .fb-d9-parent-icon svg { width: 1em; height: 1em; position: relative; display: block; } .fb-d9-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-d9-stel-pack-flip-box-front { background-color:#ca2693; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-front .fb-d9-stel-pack-flip-box-layer-title { color: #ffffff; font-weight: 400; letter-spacing: 0.5px; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-layer-title { line-height: 1; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-layer-title { font-size: 21px; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back { background-color: #ca2693; border-style: solid; border-width: 0px 0px 0px 0px; } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-effect-flip.fb-d9-stel-pack-flip-box-direction-down .fb-d9-stel-pack-flip-box-back { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d9-stel-pack-flip-box-effect-flip.fb-d9-stel-pack-flip-box-direction-down .fb-d9-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d9-stel-pack-flip-box-front { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-effect-flip.fb-d9-stel-pack-flip-box-direction-up .fb-d9-stel-pack-flip-box-back { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d9-stel-pack-flip-box-effect-flip.fb-d9-stel-pack-flip-box-direction-up .fb-d9-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d9-stel-pack-flip-box-front { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-effect-flip.fb-d9-stel-pack-flip-box-direction-left .fb-d9-stel-pack-flip-box-back { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .fb-d9-stel-pack-flip-box-effect-flip.fb-d9-stel-pack-flip-box-direction-left .fb-d9-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d9-stel-pack-flip-box-front { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back { display: block; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back .fb-d9-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-3d .fb-d9-stel-pack-flip-box-layer-inner { -webkit-transform: translateZ(90px) scale(0.91); transform: translateZ(90px) scale(0.91); } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back .fb-d9-stel-pack-flip-box-layer-title { color: #ffffff; font-size: 24px; font-weight: 400; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back .fb-d9-stel-pack-flip-box-layer-description { color: #ffffff; } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back .fb-d9-stel-pack-flip-box-button { margin-center: 0; padding: 14px 20px 15px 20px; font-size: 16px; font-weight: 400; color: #ca2693; background-color: #ffffff; border-radius: 10px 10px 10px 10px; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-button.fb-d9-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-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-button.fb-d9-parent-button:hover { background: 0 0; text-decoration: none; border: none; } .fb-d9-parent-animation-buzz-out:active, .fb-d9-parent-animation-buzz-out:focus, .fb-d9-parent-animation-buzz-out:hover { animation-name: fb-d9-parent-animation-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; } @keyframes fb-d9-parent-animation-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(-1px) rotate(0); } } .fb-d9-parent-530 .fb-d9-ele-element.fb-d9-ele-element-d96e1c1 .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-front { /* background-color: #ffffff; */ } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-back { background-color: #0c94d3; display: block; } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-effect-flip .fb-d9-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d9-stel-pack-flip-box-back { -webkit-transform: none; -ms-transform: none; transform: none; } .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-layer-description:not(:last-child), .fb-d9-stel-pro-widget-flip-box-minimal-wrapper .fb-d9-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d9-parent-widget-stel-flip-box-minimal.fb-d9-stel-pack-flip-box-effect-flip .fb-d9-stel-pack-flip-box-layer { transform-style: preserve-3d; backface-visibility: hidden; } @media (min-width: 768px) { .fb-d9-parent-column.fb-d9-parent-col-25, .fb-d9-parent-column[data-col="25"] { width: 25%; } } .fb-d9-parent-section.fb-d9-parent-section-boxed > .fb-d9-parent-container { max-width: 1140px; } .fb-d9-parent a { box-shadow: none; text-decoration: none; } .fb-d9-parent-button { display: inline-block; line-height: 1; fill: #fff; text-align: center; -o-transition: all 0.3s; transition: all 0.3s; } .fb-d9-stel-pack-flip-box-front { border-style: none !important; border-color: none !important; } .fb-d9-ele-element { padding: 0px !important; } .fb-d9-parent-column.fb-d9-parent-col-25, .fb-d9-parent-column[data-col="25"] { width: 100%; } .fb-d9-parent-icon { text-align: center !important; } .design-9-col { padding-right: 0px; padding-left: 0px; } .fb-d9-stel-pack-flip-box-button { font-family: 'Open Sans',sans-serif !important; }