/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-4.css (14729B)
@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-4-col { width: 100%; } } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d4-stel-pack-flip-box-back { -webkit-transform: none; -ms-transform: none; transform: none; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-button.fb-d4-ele-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-d4-parent a { box-shadow: none; text-decoration: none; } .fb-d4-ele-button { display: inline-block; line-height: 1; fill: #fff; text-align: center; -o-transition: all .3s; transition: all .3s; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-back .fb-d4-stel-pack-flip-box-button { margin-center: 0; padding: 13px 20px 13px 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #ffffff; background-color: #d110a4; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d110a4; border-radius: 5px 5px 5px 5px; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-button.fb-d4-ele-button:hover { background: 0 0; text-decoration: none; border: none; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-back .fb-d4-stel-pack-flip-box-button:hover { color: #d110a4; background-color: rgba(0,0,0,0); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d110a4; border-radius: 5px 5px 5px 5px; } .fb-d4-parent { line-height: 1.8 !important; hyphens: manual; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-ba2f642 { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 80px 0px 80px 0px; } .fb-d4-parent-section { position: relative; } .fb-d4-parent *, .fb-d4-parent :after, .fb-d4-parent :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fb-d4-parent-section.fb-d4-parent-section-boxed>.fb-d4-parent-container { max-width: 1140px; } .fb-d4-parent-section .fb-d4-parent-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; } @media (max-width: 1024px) { .fb-d4-parent-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .fb-d4-parent-row { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .fb-d4-parent-column.fb-d4-parent-col-33, .fb-d4-parent-column[data-col="33"] { width: 33.333%; } } .fb-d4-parent-column { position: relative; min-height: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fb-d4-parent-column-gap-default>.fb-d4-parent-row>.fb-d4-parent-column>.fb-d4-parent-element-populated { padding: 10px; } .fb-d4-parent-column-wrap { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fb-d4-parent:not(.fb-d4-parent-bc-flex-widget) .fb-d4-parent-widget-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fb-d4-parent-widget-wrap { position: relative; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .fb-d4-parent-element-edit-mode.fb-d4-stel-transition-disabled:not(.fb-d4-parent-element-edit-mode) *, .fb-d4-stel-transition-disabled:not(.fb-d4-parent-element-edit-mode) { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; } .fb-d4-parent-element-edit-mode.fb-d4-stel-transition-disabled:not(.fb-d4-parent-element-edit-mode) *, .fb-d4-stel-transition-disabled:not(.fb-d4-parent-element-edit-mode) { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; } .fb-d4-parent-element-edit-mode.fb-d4-stel-transition-disabled:not(.fb-d4-parent-element-edit-mode) *, .fb-d4-stel-transition-disabled:not(.fb-d4-parent-element-edit-mode) { -webkit-transition: none!important; -moz-transition: none!important; -ms-transition: none!important; -o-transition: none!important; } .fb-d4-parent-widget-wrap>.fb-d4-parent-element { width: 100%; } .fb-d4-parent-widget { position: relative; } .fb-d4-parent-element .fb-d4-parent-widget-container { -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper { height: 320px; } .fb-d4-stel-pack-flip-box-effect-flip .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper { -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper { height: 280px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front { background-color: #ffffff; } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip .fb-d4-stel-pack-flip-box-front { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip .fb-d4-stel-pack-flip-box-layer { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer { position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front { background-color: #d30c5c; } @media (max-device-width: 1024px) { .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper { cursor: pointer; } } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front .fb-d4-stel-pack-flip-box-layer-overlay { text-align: center; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer-overlay { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; padding: 35px; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-parent-icon-wrapper { margin-bottom: 20px; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front .fb-d4-parent-view-framed .fb-d4-parent-icon { background-color: #d110a4; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front .fb-d4-parent-icon { font-size: 56px; border-width: 0px; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-parent-view-framed .fb-d4-parent-icon { border-color: #fff; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-parent-icon, .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-parent-view-framed .fb-d4-parent-icon, .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-parent-view-stacked .fb-d4-parent-icon { color: #fff; } .fb-d4-parent-shape-circle .fb-d4-parent-icon { -webkit-border-radius: 50%; border-radius: 50%; } .fb-d4-parent-view-framed .fb-d4-parent-icon { padding: .5em; color: #818a91; border: 3px solid #818a91; background-color: transparent; } .fb-d4-parent-icon { display: inline-block; line-height: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #818a91; font-size: 50px; text-align: center; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front .fb-d4-parent-icon i { transform: rotate(0deg); } .fb-d4-parent-icon i, .fb-d4-parent-icon svg { width: 1em; height: 1em; position: relative; display: block; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front .fb-d4-stel-pack-flip-box-layer-title { color: #000000 !important; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer-description:not(:last-child), .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer-title:not(:last-child) { margin: 0 0 20px 0; padding: 0; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer-title { line-height: 1; font-weight: 600; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer-title { font-size: 21px; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-front .fb-d4-stel-pack-flip-box-layer-description { color: #000000; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-back .fb-d4-stel-pack-flip-box-layer-description { color: #000000; } .fb-d4-parent-530 .fb-d4-parent-element.fb-d4-parent-element-1cc10c4 .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-back { background-color: #ffffff; } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip .fb-d4-stel-pack-flip-box-layer { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper .fb-d4-stel-pack-flip-box-layer { position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .fb-d4-parent-animation-grow { transition-duration: .3s; transition-property: transform; } .fb-d4-parent-animation-grow:active,.fb-d4-parent-animation-grow:focus,.fb-d4-parent-animation-grow:hover { transform: scale(1.1); } .fb-d4-parent-animation-grow-rotate { transition-duration: .3s; transition-property: transform; } .fb-d4-parent-animation-grow-rotate:active,.fb-d4-parent-animation-grow-rotate:focus,.fb-d4-parent-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } .fb-d4-parent-widget-wrap>.fb-d4-parent-element { width: 100%; } .fb-d4-parent-widget { position: relative; } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip.fb-d4-stel-pack-flip-box-direction-left .fb-d4-stel-pack-flip-box-back { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .fb-d4-stel-pack-flip-box-effect-flip.fb-d4-stel-pack-flip-box-direction-left .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d4-stel-pack-flip-box-front { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip.fb-d4-stel-pack-flip-box-direction-top .fb-d4-stel-pack-flip-box-back { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d4-stel-pack-flip-box-effect-flip.fb-d4-stel-pack-flip-box-direction-top .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d4-stel-pack-flip-box-front { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d4-ele-widget-stel-flip-box-minimal.fb-d4-stel-pack-flip-box-effect-flip.fb-d4-stel-pack-flip-box-direction-bottom .fb-d4-stel-pack-flip-box-back { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .fb-d4-stel-pack-flip-box-effect-flip.fb-d4-stel-pack-flip-box-direction-bottom .fb-d4-fb-d4-stel-pro-widget-flip-box-minimal-wrapper:hover .fb-d4-stel-pack-flip-box-front { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .fb-d4-parent-column.fb-d4-parent-col-33, .fb-d4-parent-column[data-col="33"] { width: 100% !important; } .fb-d4-parent-element { padding: 0px !important; } .design-4-col { padding-right: 0px; padding-left: 0px; } .fb-d4-parent-icon { text-align: center !important; } .fb-d4-stel-pack-flip-box-button { font-family: 'Open Sans',sans-serif !important; } .fb-d4-parent-element { padding: 0px !important; } .fb-d4-parent-column.fb-d4-parent-col-33, .fb-d4-parent-column[data-col="33"] { width: 100% !important; }