.fl-node-ug7od9iqk0ev > .fl-row-content-wrap { border-style: solid; border-width: 0; background-clip: border-box; } .fl-node-ug7od9iqk0ev > .fl-row-content-wrap { padding-top:10px; padding-bottom:10px; } @media ( max-width: 768px ) { .fl-node-hyk43sbcptfd.fl-row > .fl-row-content-wrap { padding-top:0px; padding-bottom:0px; } } .fl-node-3u5hgna4kt0o { width: 100%; } .fl-node-rw3n4use8fkc { width: 25%; } @media(max-width: 768px) { .fl-builder-content .fl-node-rw3n4use8fkc { width: 30% !important; max-width: none; clear: none; float: left; } } .fl-node-01e2jyindm9f { width: 100%; } .fl-node-w3yscu0mo59l { width: 37.31%; } @media(max-width: 768px) { .fl-builder-content .fl-node-w3yscu0mo59l { width: 50% !important; max-width: none; clear: none; float: left; } } .fl-node-nvt3yjp4zmur { width: 27.23%; } @media(max-width: 768px) { .fl-builder-content .fl-node-nvt3yjp4zmur { width: 50% !important; max-width: none; clear: none; float: left; } } .fl-node-o5p9wf6yh3x1 { width: 10.46%; } @media(max-width: 768px) { .fl-builder-content .fl-node-o5p9wf6yh3x1 { width: 20% !important; max-width: none; clear: none; float: left; } .fl-builder-content .fl-node-o5p9wf6yh3x1 > .fl-col-content { min-height: 20px; } } @media ( max-width: 768px ) { .fl-node-o5p9wf6yh3x1.fl-col > .fl-col-content { padding-right:20px; } } .bb-box-input.input-small { width: 46px !important; } .pp-dual-button-content .pp-dual-button { text-align: center; } .fl-module .pp-dual-button-content .pp-dual-button a.pp-button { overflow: hidden; } .fl-module .pp-dual-button-content .pp-dual-button-1 .pp-button { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .fl-module .pp-dual-button-content .pp-dual-button-1 .pp-button:before { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; -ms-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; transition-timing-function: ease-out; } .fl-module .pp-dual-button-content .pp-dual-button-2 .pp-button { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .fl-module .pp-dual-button-content .pp-dual-button-2 .pp-button:before { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; -ms-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; transition-timing-function: ease-out; } .fl-module .pp-dual-button-content .pp-divider { display: table; position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); transform: translate(50%,-50%); line-height: 0; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; transition: border-color ease 500ms,background ease 500ms,color ease 500ms; z-index: 12; } .fl-module .pp-dual-button-content .pp-divider-inner { display: table-cell; line-height: 1; text-align: center; vertical-align: middle; } .fl-module .pp-dual-button-content .pp-custom-icon { display: inline-block; max-width: 100%; width: 1em; } .fl-module .pp-dual-button-content .pp-font-icon.dashicons, .fl-module .pp-dual-button-content .pp-font-icon.dashicons-before:before{ font-size: inherit; height: auto; line-height: inherit; width: auto; } .pp-dual-button-content .pp-dual-button { float: left; position: relative; } .pp-button > span { height: auto; vertical-align: middle; } /* Hover effects */ .pp-dual-button-content .pp-button-effect-fade .pp-button { transition: background-color, color; } .pp-dual-button-content .pp-button-effect-sweep_right .pp-button:before { content: ""; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -o-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .pp-dual-button-content .pp-button-effect-sweep_right .pp-button:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .pp-dual-button-content .pp-button-effect-sweep_left .pp-button:before { content: ""; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .pp-dual-button-content .pp-button-effect-sweep_left .pp-button:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .pp-dual-button-content .pp-button-effect-sweep_bottom .pp-button:before { content: ""; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .pp-dual-button-content .pp-button-effect-sweep_bottom .pp-button:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .pp-dual-button-content .pp-button-effect-sweep_top .pp-button:before { content: ""; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .pp-dual-button-content .pp-button-effect-sweep_top .pp-button:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .pp-dual-button-content .pp-button-effect-bounce_right .pp-button:before { content: ""; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -o-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .pp-dual-button-content .pp-button-effect-bounce_right .pp-button:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .pp-dual-button-content .pp-button-effect-bounce_left .pp-button:before { content: ""; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .pp-dual-button-content .pp-button-effect-bounce_left .pp-button:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .pp-dual-button-content .pp-button-effect-bounce_bottom .pp-button:before { content: ""; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .pp-dual-button-content .pp-button-effect-bounce_bottom .pp-button:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .pp-dual-button-content .pp-button-effect-bounce_top .pp-button:before { content: ""; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .pp-dual-button-content .pp-button-effect-bounce_top .pp-button:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .pp-dual-button-content .pp-button-effect-radial_out .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-radial_out .pp-button:before { content: ""; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .pp-dual-button-content .pp-button-effect-radial_out .pp-button:hover:before { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .pp-dual-button-content .pp-button-effect-radial_in .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-radial_in .pp-button:before { content: ""; border-radius: 100%; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .pp-dual-button-content .pp-button-effect-radial_in .pp-button:hover:before { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .pp-dual-button-content .pp-button-effect-rectangle_out .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-rectangle_out .pp-button:before { content: ""; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .pp-dual-button-content .pp-button-effect-rectangle_out .pp-button:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .pp-dual-button-content .pp-button-effect-rectangle_in .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-rectangle_in .pp-button:before { content: ""; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .pp-dual-button-content .pp-button-effect-rectangle_in .pp-button:hover:before { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .pp-dual-button-content .pp-button-effect-shutter_in_horizontal .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-shutter_in_horizontal .pp-button:before { content: ""; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .pp-dual-button-content .pp-button-effect-shutter_in_horizontal .pp-button:hover:before { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .pp-dual-button-content .pp-button-effect-shutter_out_horizontal .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-shutter_out_horizontal .pp-button:before { content: ""; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .pp-dual-button-content .pp-button-effect-shutter_out_horizontal .pp-button:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .pp-dual-button-content .pp-button-effect-shutter_in_vertical .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-shutter_in_vertical .pp-button:before { content: ""; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .pp-dual-button-content .pp-button-effect-shutter_in_vertical .pp-button:hover:before { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .pp-dual-button-content .pp-button-effect-shutter_out_vertical .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-shutter_out_vertical .pp-button:before { content: ""; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -o-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; } .pp-dual-button-content .pp-button-effect-shutter_out_vertical .pp-button:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .pp-dual-button-content .pp-button-effect-shutter_out_diagonal .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-shutter_out_diagonal .pp-button:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); height: 0; width: 0; z-index: -1; } .pp-dual-button-content .pp-button-effect-shutter_out_diagonal .pp-button:hover:after { height: 4000%; width: 100%; } .pp-dual-button-content .pp-button-effect-shutter_in_diagonal .pp-button { overflow: hidden; } .pp-dual-button-content .pp-button-effect-shutter_in_diagonal .pp-button:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); height: 4000%; width: 100%; z-index: -1; } .pp-dual-button-content .pp-button-effect-shutter_in_diagonal .pp-button:hover:after { height: 4000%; width: 0; }@media (max-width: 768px) { /** * This file should contain frontend styles that * will be applied to all module instances once * the responsive breakpoint has been reached. The * responsive breakpoint can be set in the global * settings or individual page settings. */ } .fl-node-zkp17yu3i8dj .pp-dual-button-inner { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; } .fl-node-zkp17yu3i8dj .pp-dual-button-content a.pp-button { border-width: 1px; border-style: none; text-decoration: none; box-shadow: none; display: block; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 a.pp-button { color: rgb(227, 227, 227); border-color: rgb(179, 179, 179); position: relative; vertical-align: middle; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 a.pp-button:hover { color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 a.pp-button:hover span { color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 a.pp-button { color: rgb(227, 227, 227); border-color: rgb(10, 21, 128); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 a.pp-button:hover { color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 a.pp-button:hover span { color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content a.pp-button .pp-font-icon { margin-left: 5px; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 .pp-font-icon { font-size: 20px; color: rgb(227, 227, 227); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 a.pp-button:hover .pp-font-icon { color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 .custom_icon { width:20px; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 .pp-font-icon { font-size: 20px; color: rgb(227, 227, 227); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 a.pp-button:hover .pp-font-icon { color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 .custom_icon { width:20px; } .fl-node-zkp17yu3i8dj .pp-dual-button-1 .pp-custom-icon { width: 20px; } .fl-node-zkp17yu3i8dj .pp-dual-button-2 .pp-custom-icon { width: 20px; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1 .pp-button:before { transition-duration: 200ms; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2 .pp-button:before { transition-duration: 200ms; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-sweep_right .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-sweep_left .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-sweep_bottom .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-sweep_top .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-bounce_right .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-bounce_left .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-bounce_bottom .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-bounce_top .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-radial_out .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-radial_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-rectangle_out .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-rectangle_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_horizontal .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_out_horizontal .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_vertical .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_out_vertical .pp-button:before { background: ; color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-sweep_right .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-sweep_left .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-sweep_bottom .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-sweep_top .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-bounce_right .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-bounce_left .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-bounce_bottom .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-bounce_top .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-radial_out .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-radial_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-rectangle_out .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-rectangle_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_horizontal .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_out_horizontal .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_vertical .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_out_vertical .pp-button:before { background: ; color: rgb(255, 255, 255); } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-radial_in .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-rectangle_in .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_horizontal .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_vertical .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_diagonal .pp-button { background: ; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-radial_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-rectangle_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_horizontal .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_in_vertical .pp-button:before { background: ; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-radial_in .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-rectangle_in .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_horizontal .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_vertical .pp-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_diagonal .pp-button { background: ; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-radial_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-rectangle_in .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_horizontal .pp-button:before, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-2.pp-button-effect-shutter_in_vertical .pp-button:before { background: ; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-1.pp-button-effect-shutter_out_diagonal .pp-button:after { color: rgb(255, 255, 255); transition-duration: 200ms; } @media only screen and ( max-width: 992px ) { } @media only screen and ( max-width: 768px ) { .fl-node-zkp17yu3i8dj .pp-dual-button-inner { justify-content: flex-start; } } @media only screen and ( max-width: 0px ) { .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button-inner { float: none; text-align: center; flex-direction: column; } .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button, .fl-node-zkp17yu3i8dj .pp-dual-button-content .pp-dual-button .pp-button { display: block; float: none; margin: 0 auto; max-width: 100%; } } .fl-node-zkp17yu3i8dj .pp-dual-button-content { text-align: right; } .fl-node-zkp17yu3i8dj .pp-dual-button-inner { gap: 0px; } .fl-node-zkp17yu3i8dj .pp-dual-button-content a.pp-button { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-family: "Noto Sans", sans-serif; font-weight: 200; font-size: 15px; } @media(max-width: 768px) { .fl-node-zkp17yu3i8dj .pp-dual-button-content { text-align: left; } .fl-node-zkp17yu3i8dj .pp-dual-button-content a.pp-button { font-size: 14px; width: 80px; } } @media ( max-width: 768px ) { .fl-node-zkp17yu3i8dj.fl-module > .fl-module-content { margin-right:0px; margin-left:20px; } } /* advanced menu overlap fix */ .pp-off-canvas-menu-open .pp-offcanvas-content-wrap { position: relative; z-index: 999; } /* .pp-offcanvas-content-open .pp-advanced-menu .pp-off-canvas-menu { position: absolute; } */ .pp-offcanvas-content-open.pp-offcanvas-content-top.pp-offcanvas-content-reset, .pp-offcanvas-content-open.pp-offcanvas-content-bottom.pp-offcanvas-content-reset { margin-top: 0 !important; } .pp-offcanvas-toggle { cursor: pointer; text-decoration: none !important; } .pp-offcanvas-container { position: relative; left: 0; z-index: 99; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .pp-offcanvas-content-slide .pp-offcanvas-container { overflow: hidden; } .pp-offcanvas-container:after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(240, 196, 196, 0.2); opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } .pp-offcanvas-content-open .pp-offcanvas-container:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 100001; } .pp-offcanvas-content { position: fixed; top: 0; left: 0; visibility: hidden; width: 300px; height: 100%; overflow-y: auto; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; outline: 0; z-index: 100002; } .pp-offcanvas-content.pp-offcanvas-content-right { left: auto; right: 0; } .pp-offcanvas-content.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-bottom { width: 100%; height: 300px; } .pp-offcanvas-content.pp-offcanvas-content-bottom { top: auto; bottom: 0; } .pp-offcanvas-content .pp-offcanvas-body { position: absolute; width: 100%; top: 0; left: 0; } .pp-offcanvas-content .pp-offcanvas-close { position: relative; cursor: pointer; display: inline-block; line-height: 1; z-index: 1; font-style: normal; font-family: Helvetica, Arial, sans-serif; font-weight: 100; font-size: 24px; margin: 0; } .pp-offcanvas-content .pp-offcanvas-close-icon { display: flex; height: 25px; width: 25px; position: relative; justify-content: center; } .pp-offcanvas-content .pp-offcanvas-close-icon:before, .pp-offcanvas-content .pp-offcanvas-close-icon:after { content: " "; position: absolute; content: ' '; height: inherit; width: 2px; background-color: #fff; } .pp-offcanvas-content .pp-offcanvas-close-icon:before { transform: rotate(45deg); } .pp-offcanvas-content .pp-offcanvas-close-icon:after { transform: rotate(-45deg); } .pp-offcanvas-content .pp-offcanvas-body { padding-left: 20px; padding-right: 20px; } .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { display: inline-flex; align-items: center; } .pp-offcanvas-icon-before .pp-offcanvas-toggle-icon { margin-right: 5px; } .pp-offcanvas-icon-after .pp-offcanvas-toggle-icon { order: 2; margin-left: 5px; } .pp-offcanvas-content.pp-offcanvas-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pp-offcanvas-content.pp-offcanvas-slide.pp-offcanvas-content-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pp-offcanvas-content.pp-offcanvas-slide.pp-offcanvas-content-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .pp-offcanvas-content.pp-offcanvas-slide.pp-offcanvas-content-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .pp-offcanvas-content.pp-offcanvas-reveal { z-index: 1; } .pp-offcanvas-content-slide.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pp-offcanvas-content-left.pp-offcanvas-push { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pp-offcanvas-content-right.pp-offcanvas-push { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pp-offcanvas-content-top.pp-offcanvas-push { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .pp-offcanvas-content-bottom.pp-offcanvas-push { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-container { -webkit-transform: translateX(-300px); transform: translateX(-300px); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-container { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-container { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-content, .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-content, .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-content, .pp-offcanvas-content-push.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pp-offcanvas-content-reveal .pp-offcanvas-container { background: #fff; overflow: hidden; } .pp-offcanvas-content-reveal.pp-offcanvas-content-open { position: relative; } .pp-offcanvas-content-reveal.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-container { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-container { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-container { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-bottom .pp-offcanvas-container { height: 100%; } .pp-offcanvas-content-left.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .pp-offcanvas-content-right.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .pp-offcanvas-content-top.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .pp-offcanvas-content-bottom.pp-offcanvas-slide-along { z-index: 1; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .pp-offcanvas-content-slide-along .pp-offcanvas-container { background: #fff; overflow: hidden; } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-left .pp-offcanvas-container { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-right .pp-offcanvas-container { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-top .pp-offcanvas-container { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-open.pp-offcanvas-content-bottom .pp-offcanvas-container { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .pp-offcanvas-content-slide-along.pp-offcanvas-content-bottom .pp-offcanvas-container { height: 100%; } .pp-hamburger-label { display: inline-block; margin-left: 10px; } .admin-bar .pp-offcanvas-content-left, .admin-bar .pp-offcanvas-content-right { /*top: 32px;*/ } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .pp-hamburger-box { width: 2.9em; height: 1.8em; display: inline-block; position: relative; } .pp-hamburger-inner { display: block; top: 50%; margin-top: -.15em; transition-duration: 75ms; transition-timing-function: cubic-bezier(.55, .055, .675, .19); } .pp-hamburger-label { display: inline-block; margin-left: 10px; } .pp-hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .pp-hamburger:hover { opacity: 0.7; } .pp-hamburger.pp-is-active:hover { opacity: 0.7; } .pp-hamburger.pp-is-active .pp-hamburger-inner, .pp-hamburger.pp-is-active .pp-hamburger-inner::before, .pp-hamburger.pp-is-active .pp-hamburger-inner::after { background-color: #000; } .pp-hamburger-inner, .pp-hamburger-inner::before, .pp-hamburger-inner::after { width: 2.9em; height: 0.3em; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .pp-hamburger-inner::before, .pp-hamburger-inner::after { content: ""; display: block; } .pp-hamburger-inner::before { top: -0.75em; } .pp-hamburger-inner::after { bottom: -0.75em; } /* * 3DX */ .pp-hamburger--3dx .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dx .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx .pp-hamburger-inner::before, .pp-hamburger--3dx .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .pp-hamburger--3dx.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dx.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .pp-hamburger--3dx-r .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dx-r .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx-r .pp-hamburger-inner::before, .pp-hamburger--3dx-r .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dx-r.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .pp-hamburger--3dx-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dx-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .pp-hamburger--3dy .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dy .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy .pp-hamburger-inner::before, .pp-hamburger--3dy .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .pp-hamburger--3dy.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dy.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .pp-hamburger--3dy-r .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dy-r .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy-r .pp-hamburger-inner::before, .pp-hamburger--3dy-r .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dy-r.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .pp-hamburger--3dy-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dy-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .pp-hamburger--3dxy .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dxy .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy .pp-hamburger-inner::before, .pp-hamburger--3dxy .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .pp-hamburger--3dxy.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dxy.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .pp-hamburger--3dxy-r .pp-hamburger-box { perspective: 80px; } .pp-hamburger--3dxy-r .pp-hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy-r .pp-hamburger-inner::before, .pp-hamburger--3dxy-r .pp-hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .pp-hamburger--3dxy-r.pp-is-active .pp-hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .pp-hamburger--3dxy-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--3dxy-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .pp-hamburger--arrow.pp-is-active .pp-hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .pp-hamburger--arrow.pp-is-active .pp-hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .pp-hamburger--arrow-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .pp-hamburger--arrow-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .pp-hamburger--arrowalt .pp-hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt .pp-hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt.pp-is-active .pp-hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .pp-hamburger--arrowalt.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .pp-hamburger--arrowalt-r .pp-hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt-r .pp-hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .pp-hamburger--arrowalt-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .pp-hamburger--arrowalt-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .pp-hamburger--arrowturn.pp-is-active .pp-hamburger-inner { transform: rotate(-180deg); } .pp-hamburger--arrowturn.pp-is-active .pp-hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .pp-hamburger--arrowturn.pp-is-active .pp-hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .pp-hamburger--arrowturn-r.pp-is-active .pp-hamburger-inner { transform: rotate(-180deg); } .pp-hamburger--arrowturn-r.pp-is-active .pp-hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .pp-hamburger--arrowturn-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .pp-hamburger--boring .pp-hamburger-inner, .pp-hamburger--boring .pp-hamburger-inner::before, .pp-hamburger--boring .pp-hamburger-inner::after { transition-property: none; } .pp-hamburger--boring.pp-is-active .pp-hamburger-inner { transform: rotate(45deg); } .pp-hamburger--boring.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; } .pp-hamburger--boring.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .pp-hamburger--collapse .pp-hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse .pp-hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .pp-hamburger--collapse .pp-hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse.pp-is-active .pp-hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--collapse.pp-is-active .pp-hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .pp-hamburger--collapse.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .pp-hamburger--collapse-r .pp-hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse-r .pp-hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .pp-hamburger--collapse-r .pp-hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--collapse-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--collapse-r.pp-is-active .pp-hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .pp-hamburger--collapse-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .pp-hamburger--elastic .pp-hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic .pp-hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .pp-hamburger--elastic .pp-hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .pp-hamburger--elastic.pp-is-active .pp-hamburger-inner::before { transition-delay: 0s; opacity: 0; } .pp-hamburger--elastic.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .pp-hamburger--elastic-r .pp-hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic-r .pp-hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .pp-hamburger--elastic-r .pp-hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .pp-hamburger--elastic-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .pp-hamburger--elastic-r.pp-is-active .pp-hamburger-inner::before { transition-delay: 0s; opacity: 0; } .pp-hamburger--elastic-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .pp-hamburger--emphatic { overflow: hidden; } .pp-hamburger--emphatic .pp-hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .pp-hamburger--emphatic .pp-hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .pp-hamburger--emphatic .pp-hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .pp-hamburger--emphatic.pp-is-active .pp-hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .pp-hamburger--emphatic.pp-is-active .pp-hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .pp-hamburger--emphatic.pp-is-active .pp-hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .pp-hamburger--emphatic-r { overflow: hidden; } .pp-hamburger--emphatic-r .pp-hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .pp-hamburger--emphatic-r .pp-hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .pp-hamburger--emphatic-r .pp-hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .pp-hamburger--emphatic-r.pp-is-active .pp-hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .pp-hamburger--emphatic-r.pp-is-active .pp-hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .pp-hamburger--emphatic-r.pp-is-active .pp-hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .pp-hamburger--minus .pp-hamburger-inner::before, .pp-hamburger--minus .pp-hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::before, .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::before { top: 0; } .pp-hamburger--minus.pp-is-active .pp-hamburger-inner::after { bottom: 0; } /* * Slider */ .pp-hamburger--slider .pp-hamburger-inner { top: 2px; } .pp-hamburger--slider .pp-hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .pp-hamburger--slider .pp-hamburger-inner::after { top: 20px; } .pp-hamburger--slider.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--slider.pp-is-active .pp-hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .pp-hamburger--slider.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .pp-hamburger--slider-r .pp-hamburger-inner { top: 2px; } .pp-hamburger--slider-r .pp-hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .pp-hamburger--slider-r .pp-hamburger-inner::after { top: 20px; } .pp-hamburger--slider-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .pp-hamburger--slider-r.pp-is-active .pp-hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .pp-hamburger--slider-r.pp-is-active .pp-hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .pp-hamburger--spin .pp-hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin .pp-hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .pp-hamburger--spin .pp-hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin.pp-is-active .pp-hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--spin.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .pp-hamburger--spin.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .pp-hamburger--spin-r .pp-hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin-r .pp-hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .pp-hamburger--spin-r .pp-hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spin-r.pp-is-active .pp-hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--spin-r.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .pp-hamburger--spin-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .pp-hamburger--spring .pp-hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .pp-hamburger--spring .pp-hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring .pp-hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring.pp-is-active .pp-hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .pp-hamburger--spring.pp-is-active .pp-hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .pp-hamburger--spring.pp-is-active .pp-hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .pp-hamburger--spring-r .pp-hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring-r .pp-hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .pp-hamburger--spring-r .pp-hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--spring-r.pp-is-active .pp-hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--spring-r.pp-is-active .pp-hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .pp-hamburger--spring-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .pp-hamburger--stand .pp-hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .pp-hamburger--stand .pp-hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand .pp-hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand.pp-is-active .pp-hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .pp-hamburger--stand.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--stand.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .pp-hamburger--stand-r .pp-hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .pp-hamburger--stand-r .pp-hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand-r .pp-hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--stand-r.pp-is-active .pp-hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .pp-hamburger--stand-r.pp-is-active .pp-hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--stand-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .pp-hamburger--squeeze .pp-hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--squeeze .pp-hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .pp-hamburger--squeeze .pp-hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pp-hamburger--squeeze.pp-is-active .pp-hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .pp-hamburger--squeeze.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .pp-hamburger--squeeze.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .pp-hamburger--vortex .pp-hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex .pp-hamburger-inner::before, .pp-hamburger--vortex .pp-hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .pp-hamburger--vortex .pp-hamburger-inner::before { transition-property: top, opacity; } .pp-hamburger--vortex .pp-hamburger-inner::after { transition-property: bottom, transform; } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::before, .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::after { transition-delay: 0s; } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; } .pp-hamburger--vortex.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .pp-hamburger--vortex-r .pp-hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex-r .pp-hamburger-inner::before, .pp-hamburger--vortex-r .pp-hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .pp-hamburger--vortex-r .pp-hamburger-inner::before { transition-property: top, opacity; } .pp-hamburger--vortex-r .pp-hamburger-inner::after { transition-property: bottom, transform; } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::before, .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::after { transition-delay: 0s; } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::before { top: 0; opacity: 0; } .pp-hamburger--vortex-r.pp-is-active .pp-hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .pp-offcanvas-body .pp-timeline .pp-is-hidden { opacity: 1 !important; margin: 0 !important; }.pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv { background: ; } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content-bottom { width: 100%; } .pp-offcanvas-content-4aelkd3o69cv-open .pp-offcanvas-container:after { background: ; } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(967px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-967px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, 967px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -967px, 0); } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-body { text-align: left; color: ; background: rgba(8, 8, 8, 0.46); } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-body a { color: ; } .pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content .pp-offcanvas-header { text-align: right; } .pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-header .pp-offcanvas-close span, .pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-header .pp-offcanvas-close span:before { color: rgb(225, 214, 214); font-size: 40px; } .pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-close .pp-offcanvas-close-icon { height: 40px; width: 40px; } .pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-close .pp-offcanvas-close-icon:before, .pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-close .pp-offcanvas-close-icon:after { background-color: rgb(225, 214, 214); } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap { text-align: left; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { color: rgb(255, 255, 255); background: ; transition: all 0.3s ease-in-out; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-box, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { width: 30px; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after { background-color: rgb(255, 255, 255); transition: all 0.3s ease-in-out; height: 3px; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover { color: #af8b63; background: ; border-color: ; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::before, .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-hamburger-inner::after { background-color: rgb(255, 255, 255); } .fl-node-4aelkd3o69cv .pp-offcanvas-icon-after .pp-offcanvas-toggle-icon { margin-left: 0px; } .fl-node-4aelkd3o69cv .pp-offcanvas-icon-before .pp-offcanvas-toggle-icon { margin-right: 0px; } .fl-node-4aelkd3o69cv .pp-hamburger-after .pp-hamburger-box { order: 2; margin-left: 0px; } .fl-node-4aelkd3o69cv .pp-hamburger-before .pp-hamburger-box { margin-right: 0px; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle-icon { color: #000; font-size: 15px; transition: all 0.3s ease-in-out; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle:hover .pp-offcanvas-toggle-icon { color: #000; } @media only screen and ( max-width: 992px ) { .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(300px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-300px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, 300px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -300px, 0); } } @media only screen and ( max-width: 768px ) { .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-left .pp-offcanvas-container { transform: translate3d(px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-right .pp-offcanvas-container { transform: translate3d(-px, 0, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-top .pp-offcanvas-container { transform: translate3d(0, px, 0); } .pp-offcanvas-content-reveal.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-push.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container, .pp-offcanvas-content-slide-along.pp-offcanvas-content-4aelkd3o69cv-open.pp-offcanvas-content-bottom .pp-offcanvas-container { transform: translate3d(0, -px, 0); } /* Animated Headlines fix */ .pp-offcanvas-content-4aelkd3o69cv-open .pp-offcanvas-container .pp-headline-dynamic-wrapper { display: none; } } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 967px; } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content-bottom { height: 967px; } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv .pp-offcanvas-body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content .pp-offcanvas-header { padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; } .fl-node-4aelkd3o69cv .pp-offcanvas-toggle-wrap .pp-offcanvas-toggle { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } @media(max-width: 992px) { .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv { width: 300px; } .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content-top, .pp-offcanvas-content.pp-offcanvas-content-4aelkd3o69cv.pp-offcanvas-content-bottom { height: 300px; } } @media ( max-width: 768px ) { .fl-node-4aelkd3o69cv.fl-module > .fl-module-content { margin-right:30px; } } .fl-builder-content .fl-rich-text strong { font-weight: bold; } /** * Remove bottom margins from the last paragraph * in v2+ text editor modules. */ .fl-module.fl-rich-text p:last-child { margin-bottom: 0; } /* Handle overlays in the builder */ .fl-builder-edit .fl-module.fl-rich-text p:not(:has(~ *:not(.fl-block-overlay))) { margin-bottom: 0; } .fl-builder-content .fl-node-l1h6kqo8ai52.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-l1h6kqo8ai52.fl-module-rich-text.fl-rich-text *:not(b, strong) { text-align: right; } .fl-node-l1h6kqo8ai52.fl-module-rich-text { margin-top:0px; margin-right:30px; margin-bottom:10px; } @media (max-width: 768px) { .fl-node-l1h6kqo8ai52.fl-module-rich-text { margin-right:20px; } }.fl-node-vhl6buis9rjc .fl-photo-content, .fl-node-vhl6buis9rjc .fl-photo-img { width: 100px; } @media ( max-width: 768px ) { .fl-node-vhl6buis9rjc.fl-module-photo.fl-module { margin-top:30px; margin-left:30px; } } @media ( max-width: 768px ) { .fl-node-kf6yb7sil0xg.fl-module-html.fl-module { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* 모든 요소에 대해 터치 하이라이트 제거 */ * { -webkit-tap-highlight-color: transparent !important; outline: none !important; } /* 안드로이드 일부 기기 대응 (오렌지색 테두리 등) */ *:focus { -webkit-tap-highlight-color: transparent !important; outline: none !important; } #mobile-sidebar-menu { /* 최상위 우선순위 부여 (숫자가 높을수록 위로 올라옴) */ z-index: 9999; } /* End Layout CSS */ /* Sticky */ .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { position: fixed; width: 100%; z-index: 100; } /* Sticky - fix flyout menu */ .fl-theme-builder-flyout-menu-push-left .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { left: auto !important; transition: left 0.2s !important; } .fl-theme-builder-flyout-menu-push-right .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { right: auto !important; transition: right 0.2s !important; } .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-menu .fl-menu-mobile-opacity { height: 100vh; width: 100vw; } .fl-builder-content[data-type="header"]:not([data-overlay="1"]).fl-theme-builder-header-sticky .fl-menu-mobile-flyout { top: 0px; } .fl-theme-builder-flyout-menu-active body { margin-left: 0px !important; margin-right: 0px !important; } .fl-theme-builder-has-flyout-menu, .fl-theme-builder-has-flyout-menu body { overflow-x: hidden; } .fl-theme-builder-flyout-menu-push-right { right: 0px; transition: right 0.2s ease-in-out; } .fl-theme-builder-flyout-menu-push-left { left: 0px; transition: left 0.2s ease-in-out; } .fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-right { position: relative; right: 250px; } .fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-left { position: relative; left: 250px; } .fl-theme-builder-flyout-menu-active .fl-builder-content[data-type="header"] .fl-menu-disable-transition { transition: none; } /* Shrink */ .fl-builder-content[data-shrink="1"] .fl-row-content-wrap, .fl-builder-content[data-shrink="1"] .fl-col-content, .fl-builder-content[data-shrink="1"] .fl-module-content, .fl-builder-content[data-shrink="1"] img { -webkit-transition: all 0.4s ease-in-out, background-position 1ms; -moz-transition: all 0.4s ease-in-out, background-position 1ms; transition: all 0.4s ease-in-out, background-position 1ms; } .fl-builder-content[data-shrink="1"] img { width: auto; } .fl-builder-content[data-shrink="1"] img.fl-photo-img { width: auto; height: auto; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap { margin-bottom: 0; margin-top: 0; } .fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap { padding-bottom: 5px; } .fl-theme-builder-header-shrink-row-top.fl-row-content-wrap { padding-top: 5px; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-col-content { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .fl-theme-builder-header-shrink-module-bottom.fl-module-content, .fl-theme-builder-header-shrink-module-bottom.fl-module:where(.fl-module:not(:has(> .fl-module-content))) { margin-bottom: 5px; } .fl-theme-builder-header-shrink-module-top.fl-module-content, .fl-theme-builder-header-shrink-module-bottom.fl-module:where(.fl-module:not(:has(> .fl-module-content))) { margin-top: 5px; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img { -webkit-transition: all 0.4s ease-in-out, background-position 1ms; -moz-transition: all 0.4s ease-in-out, background-position 1ms; transition: all 0.4s ease-in-out, background-position 1ms; } /* Overlay */ .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) { position: absolute; width: 100%; z-index: 100; } .fl-builder-edit body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"] { display: none; } body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-module-box { background: transparent; } .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-i9ospvzeun0r .fl-row-content { min-width: 0px; } .fl-node-ug7od9iqk0ev .fl-row-content { min-width: 0px; } .fl-node-hyk43sbcptfd .fl-row-content { min-width: 0px; } .fl-node-ydjqe8g41vpa > .fl-row-content-wrap { padding-top:100px; padding-right:0px; padding-bottom:0px; padding-left:0px; } .fl-node-ifumcxv834qs > .fl-row-content-wrap { background-color: rgb(37, 24, 24); } .fl-node-ifumcxv834qs > .fl-row-content-wrap { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; } .fl-node-aflgqs36i01u > .fl-row-content-wrap { background-color: #241917; border-style: none; border-width: 0; background-clip: border-box; border-color: rgb(44, 89, 221); } .fl-node-aflgqs36i01u .fl-row-content { max-width: 1510px; } .fl-node-aflgqs36i01u > .fl-row-content-wrap { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; } .fl-node-xk37lgsdnuy9 > .fl-row-content-wrap { background-image: url(https://www.jk-withme.com/wp-content/uploads/2025/04/footer.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; } .fl-node-xk37lgsdnuy9 .fl-row-content { max-width: 1500px; } @media(max-width: 992px) { .fl-node-xk37lgsdnuy9 .fl-row-content { max-width: 800px; } } @media ( max-width: 992px ) { .fl-node-xk37lgsdnuy9.fl-row > .fl-row-content-wrap { margin-top:-0px; margin-right:-0px; margin-bottom:-0px; margin-left:-0px; } } .fl-node-xk37lgsdnuy9 > .fl-row-content-wrap { padding-top:100px; padding-bottom:100px; } @media ( max-width: 992px ) { .fl-node-xk37lgsdnuy9.fl-row > .fl-row-content-wrap { padding-top:50px; padding-right:-0px; padding-bottom:50px; padding-left:-0px; } } @media ( max-width: 768px ) { .fl-node-xk37lgsdnuy9.fl-row > .fl-row-content-wrap { padding-top:40px; } } .fl-node-sofwibjhm3e5 { width: 62.87%; } @media(max-width: 992px) { .fl-builder-content .fl-node-sofwibjhm3e5 { width: 60% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-sofwibjhm3e5 { width: 100% !important; max-width: none; clear: none; float: left; } } @media ( max-width: 1200px ) { .fl-node-sofwibjhm3e5.fl-col > .fl-col-content { margin-left:50px; } } @media ( max-width: 992px ) { .fl-node-sofwibjhm3e5.fl-col > .fl-col-content { margin-left:30px; } } .fl-node-fkxutyim2a14 { width: 39.39%; } @media(max-width: 1200px) { .fl-builder-content .fl-node-fkxutyim2a14 { width: 41% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 992px) { .fl-builder-content .fl-node-fkxutyim2a14 { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-fkxutyim2a14 { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-0a6854fxh2b3 { width: 100%; } @media(max-width: 992px) { .fl-builder-content .fl-node-0a6854fxh2b3 { width: 100% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-0a6854fxh2b3 { width: 100% !important; max-width: none; clear: none; float: left; } } .fl-node-1a29zqsp7n08 { width: 39.37%; } .fl-node-6n45ckopgzjs { width: 100%; } .fl-node-2te1w7cjmu6i { width: 100%; } .fl-node-2te1w7cjmu6i > .fl-col-content { border-style: none; border-width: 0; background-clip: border-box; } .fl-node-2te1w7cjmu6i > .fl-col-content { margin-top:0px; margin-bottom:0px; } .fl-node-95jk6yfzvur3 { width: 14.27%; } @media(max-width: 1200px) { .fl-builder-content .fl-node-95jk6yfzvur3 { width: 6% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 992px) { .fl-builder-content .fl-node-95jk6yfzvur3 { width: 10% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } .fl-node-8yjh3e9d5smz { width: 60.61%; } @media(max-width: 1200px) { .fl-builder-content .fl-node-8yjh3e9d5smz { width: 41% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 992px) { .fl-builder-content .fl-node-8yjh3e9d5smz { width: 50% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-8yjh3e9d5smz { width: 100% !important; max-width: none; clear: none; float: left; } } @media ( max-width: 768px ) { .fl-node-8yjh3e9d5smz.fl-col > .fl-col-content { padding-left:0px; } } .fl-node-4e78i2f3g1wk { width: 60.63%; } .fl-node-gy7o3sc8h690 { width: 22.86%; } @media(max-width: 1200px) { .fl-builder-content .fl-node-gy7o3sc8h690 { width: 30% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 992px) { .fl-builder-content .fl-node-gy7o3sc8h690 { width: 30% !important; max-width: none; -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media(max-width: 768px) { .fl-builder-content .fl-node-gy7o3sc8h690 { width: 100% !important; max-width: none; clear: none; float: left; } } @media ( max-width: 768px ) { .fl-node-gy7o3sc8h690.fl-col > .fl-col-content { margin-left:30px; } } @media (max-width: 768px) { .fl-module-icon { text-align: center; } }.fl-node-oyr3q0zxndc8 .fl-icon i, .fl-node-oyr3q0zxndc8 .fl-icon i:before { color: #9b9b9b; } .fl-node-oyr3q0zxndc8 .fl-icon i:hover, .fl-node-oyr3q0zxndc8 .fl-icon i:hover:before, .fl-node-oyr3q0zxndc8 .fl-icon a:hover i, .fl-node-oyr3q0zxndc8 .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-oyr3q0zxndc8 .fl-icon i, .fl-node-oyr3q0zxndc8 .fl-icon i:before { font-size: 16px; } .fl-node-oyr3q0zxndc8 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-oyr3q0zxndc8.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-oyr3q0zxndc8 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-oyr3q0zxndc8 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-oyr3q0zxndc8 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-oyr3q0zxndc8 > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-7185gbpikmvr .fl-icon i, .fl-node-7185gbpikmvr .fl-icon i:before { color: #9b9b9b; } .fl-node-7185gbpikmvr .fl-icon i, .fl-node-7185gbpikmvr .fl-icon i:before { font-size: 16px; } .fl-node-7185gbpikmvr .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-7185gbpikmvr.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-7185gbpikmvr .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-7185gbpikmvr .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-7185gbpikmvr .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-7185gbpikmvr > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } .fl-node-czqsi9tarmlu .fl-icon i, .fl-node-czqsi9tarmlu .fl-icon i:before { color: #9b9b9b; } .fl-node-czqsi9tarmlu .fl-icon i:hover, .fl-node-czqsi9tarmlu .fl-icon i:hover:before, .fl-node-czqsi9tarmlu .fl-icon a:hover i, .fl-node-czqsi9tarmlu .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-czqsi9tarmlu .fl-icon i, .fl-node-czqsi9tarmlu .fl-icon i:before { font-size: 16px; } .fl-node-czqsi9tarmlu .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-czqsi9tarmlu.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-czqsi9tarmlu .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-czqsi9tarmlu .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-czqsi9tarmlu .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-czqsi9tarmlu > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-cq1v3i2lpjb8 .fl-icon i, .fl-node-cq1v3i2lpjb8 .fl-icon i:before { color: #9b9b9b; } .fl-node-cq1v3i2lpjb8 .fl-icon i, .fl-node-cq1v3i2lpjb8 .fl-icon i:before { font-size: 16px; } .fl-node-cq1v3i2lpjb8 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-cq1v3i2lpjb8.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-cq1v3i2lpjb8 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-cq1v3i2lpjb8 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-cq1v3i2lpjb8 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-cq1v3i2lpjb8 > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 56px; } @media(max-width: 1200px) { .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 47px; letter-spacing: -1px; } } @media(max-width: 992px) { .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 29px; } } @media(max-width: 768px) { .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 30px; } } .fl-node-cnhflb5egqx6.fl-module-rich-text { margin-left:0px; } @media ( max-width: 1200px ) { .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-module { margin-right:0px; } } @media ( max-width: 768px ) { .fl-node-cnhflb5egqx6.fl-module-rich-text.fl-module { margin-top:0px; } } .fl-builder-content .fl-node-qdkoxzb4ype2.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-qdkoxzb4ype2.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-qdkoxzb4ype2.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-qdkoxzb4ype2.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 20px; } @media ( max-width: 768px ) { .fl-node-qdkoxzb4ype2.fl-module-rich-text.fl-module { margin-bottom:0px; margin-left:0px; } } .fl-builder-content .fl-node-fplbv8qjy95r.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-fplbv8qjy95r.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-fplbv8qjy95r.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-fplbv8qjy95r.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 20px; } .fl-node-fplbv8qjy95r.fl-module-rich-text { margin-left:0px; } @media ( max-width: 768px ) { .fl-node-fplbv8qjy95r.fl-module-rich-text.fl-module { margin-left:0px; } } .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 20px; } @media(max-width: 1200px) { .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 17px; } } @media(max-width: 992px) { .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 14px; } } @media(max-width: 768px) { .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 15px; } } @media ( max-width: 992px ) { .fl-node-yu13ps6n4vtf.fl-module-rich-text.fl-module { margin-right:0px; margin-left:0px; } } .fl-node-y0cq79iw3g4r, .fl-node-y0cq79iw3g4r .fl-photo { text-align: left; } .fl-node-y0cq79iw3g4r .fl-photo-content, .fl-node-y0cq79iw3g4r .fl-photo-img { width: 210px; } @media(max-width: 1200px) { .fl-node-y0cq79iw3g4r .fl-photo-content, .fl-node-y0cq79iw3g4r .fl-photo-img { width: 180px; } } @media(max-width: 992px) { .fl-node-y0cq79iw3g4r .fl-photo-content, .fl-node-y0cq79iw3g4r .fl-photo-img { width: 120px; } } .fl-node-y0cq79iw3g4r.fl-module-photo { margin-top:35px; } @media ( max-width: 1200px ) { .fl-node-y0cq79iw3g4r.fl-module-photo.fl-module { margin-top:27px; margin-left:30px; } } @media ( max-width: 992px ) { .fl-node-y0cq79iw3g4r.fl-module-photo.fl-module { margin-top:20px; } } @media ( max-width: 768px ) { .fl-node-y0cq79iw3g4r.fl-module-photo.fl-module { margin-bottom:0px; margin-left:0px; } } .fl-node-8p1ai64xcg7q .fl-separator { border-top-width: 480px; max-width: 1%; margin: auto; } .fl-node-8p1ai64xcg7q .fl-separator { border-top-color: rgba(255, 255, 255, 0.16); border-top-style: solid; } .fl-node-u5z8gtw2dicj.fl-module-html { margin-top:40px; margin-right:0px; margin-bottom:40px; margin-left:0px; } @media ( max-width: 1200px ) { .fl-node-u5z8gtw2dicj.fl-module-html.fl-module { margin-right:60px; margin-left:60px; } } @media ( max-width: 992px ) { .fl-node-u5z8gtw2dicj.fl-module-html.fl-module { margin-right:50px; margin-left:50px; } } @media ( max-width: 768px ) { .fl-node-u5z8gtw2dicj.fl-module-html.fl-module { margin-top:15px; margin-right:15px; margin-bottom:15px; margin-left:15px; } } .fl-node-7sni2x8cbfog.fl-module-html { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .pp-photo-container .pp-photo-align-left { text-align: left; } .pp-photo-container .pp-photo-align-center { text-align: center; } .pp-photo-container .pp-photo-align-right { text-align: right; } .pp-photo { line-height: 0; position: relative; } .pp-photo-align-left { text-align: left; } .pp-photo-align-center { text-align: center; } .pp-photo-align-right { text-align: right; } .pp-photo-content { display: inline-block; line-height: 0; position: relative; max-width: 100%; } .pp-photo-content img { display: inline; max-width: 100%; } .fl-builder-content[data-shrink="1"] img.pp-photo-img:not([src$=".svg"]) { width: auto; height: auto; } .fl-builder-content[data-shrink="1"] .shrink-header-fix img.pp-photo-img:not([src$=".svg"]) { width: auto !important; } .pp-photo-crop-circle img { -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; } .pp-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: normal; width: 100%; } .pp-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .pp-photo-align-center .pp-photo-caption-below { margin: 0 auto; } .pp-photo-caption-overlay { bottom: 0; color: #fff; left: 0; padding: 10px 15px; position: absolute; right: 0; transition:opacity 0.3s ease-in; } .pp-overlay-wrap .pp-overlay-bg { bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s linear; } .pp-photo-caption-hover { left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity .3s linear; } .pp-photo-container .pp-photo-content:hover .pp-overlay-bg, .pp-photo-container .pp-photo-content:hover .pp-photo-caption-hover, .pp-photo-container .pp-photo-content.on-hover .pp-overlay-bg, .pp-photo-container .pp-photo-content.on-hover .pp-photo-caption-hover { opacity: 1; transition: opacity .3s linear; } .pp-photo-container a:focus { outline: none; } .pp-photo-container .pp-photo-content .pp-photo-content-inner { overflow: hidden; position: relative; } .pp-photo-content-inner img { transition-duration: 0.3s; } .pp-photo-rollover .pp-photo-content { display: inline-grid; grid-template-columns: 1fr; } .pp-photo-rollover .pp-photo-content-inner { grid-row-start: 1; grid-column-start: 1; opacity: 1; /* transition: none !important; */ } .pp-photo-rollover .pp-photo-content.is-hover .pp-photo-content-inner:first-child, .pp-photo-rollover .pp-photo-content:not(.is-hover) .pp-photo-content-inner:last-of-type { opacity: 0; visibility: hidden; } .pp-photo-rollover .pp-overlay-bg, .pp-photo-rollover .pp-photo-caption-hover { display: none !important; }.fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content { } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner { background-clip: border-box; transition: all 0.3s ease-in-out; } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content:hover .pp-photo-content-inner { } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner a { display: block; text-decoration: none !important; } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner img { border-color: #000000; border-width: 1px; border-style: none; border-top-left-radius: px; border-top-right-radius: px; border-bottom-left-radius: px; border-bottom-right-radius: px; } .fl-node-9a5r08elz7h1 .pp-photo-caption { background-color: #dddddd; color: #000000; } .fl-node-9a5r08elz7h1 .pp-overlay-wrap .pp-overlay-bg { background-color: #dddddd; border-top-left-radius: px; border-top-right-radius: px; border-bottom-left-radius: px; border-bottom-right-radius: px; } @media only screen and (max-width: 992px) { .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner img { border-top-left-radius: px; border-top-right-radius: px; border-bottom-left-radius: px; border-bottom-right-radius: px; } } @media only screen and (max-width: 768px) { .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-align-responsive-left { text-align: left !important; } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-align-responsive-center { text-align: center !important; } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-align-responsive-right { text-align: right !important; } .fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner img { border-top-left-radius: px; border-top-right-radius: px; border-bottom-left-radius: px; border-bottom-right-radius: px; } }.fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } div.fl-node-9a5r08elz7h1 .pp-photo-container .pp-photo-content .pp-photo-content-inner img { width: 65px; } .fl-node-9a5r08elz7h1 .pp-photo-caption { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-9a5r08elz7h1 > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 20px; } @media(max-width: 1200px) { .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 17px; } } @media(max-width: 992px) { .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 14px; } } @media(max-width: 768px) { .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 15px; } } .fl-node-da45zbjvh2mp.fl-module-rich-text { margin-top:0px; } @media ( max-width: 1200px ) { .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-module { margin-top:20px; } } @media ( max-width: 992px ) { .fl-node-da45zbjvh2mp.fl-module-rich-text.fl-module { margin-top:30px; margin-left:0px; } } @media (max-width: 768px) { .fl-node-da45zbjvh2mp.fl-module-rich-text { margin-top:20px; } } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited { background: linear-gradient(to bottom, rgb(30,30,30) 0%, rgb(0, 0, 0) 100%); } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):focus { background: #241f1c; background: linear-gradient(to bottom, #423d3a 0%, #241f1c 100%); } .fl-button:is(a, button) { cursor: pointer; } .fl-node-7k8n4a9strdz.fl-button-wrap, .fl-node-7k8n4a9strdz .fl-button-wrap { text-align: left; } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button) { padding-top: 20px; padding-right: 84px; padding-bottom: 20px; padding-left: 80px; } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited { font-family: "Noto Sans", sans-serif; font-weight: 200; font-size: 18px; letter-spacing: -0.6px; border: 1px solid rgb(0,0,0); } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):focus { border: 1px solid #181310; } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):focus { border-style: none; border-width: 0; background-clip: border-box; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button) *, .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited * { color: rgb(255, 220, 66); } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button):hover * { color: rgb(255, 220, 66); } @media(max-width: 1200px) { .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button) { padding-right: 53px; padding-left: 50px; } } @media(max-width: 992px) { .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button) { padding-right: 20px; padding-left: 20px; } } @media(max-width: 768px) { .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button) { padding-top: 10px; padding-bottom: 10px; } .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited, .fl-page .fl-builder-content .fl-node-7k8n4a9strdz .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-7k8n4a9strdz a.fl-button:visited { font-size: 14px; } } .fl-node-7k8n4a9strdz.fl-module-button { margin-right:0px; } @media ( max-width: 768px ) { .fl-node-7k8n4a9strdz.fl-module-button.fl-module { margin-top:10px; margin-right:-0px; margin-bottom:-0px; margin-left:-0px; } } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited { background: linear-gradient(to bottom, rgb(30,30,30) 0%, rgb(0, 0, 0) 100%); } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):focus { background: #241f1c; background: linear-gradient(to bottom, #423d3a 0%, #241f1c 100%); } .fl-button:is(a, button) { cursor: pointer; } .fl-node-scq38gez2iv6.fl-button-wrap, .fl-node-scq38gez2iv6 .fl-button-wrap { text-align: left; } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button) { padding-top: 20px; padding-right: 84px; padding-bottom: 20px; padding-left: 80px; } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited { font-family: "Noto Sans", sans-serif; font-weight: 200; font-size: 18px; letter-spacing: -0.6px; border: 1px solid rgb(0,0,0); } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):focus { border: 1px solid #181310; } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):focus { border-style: none; border-width: 0; background-clip: border-box; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button) *, .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited * { color: rgb(58, 228, 94); } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button):hover * { color: rgb(58, 228, 94); } @media(max-width: 1200px) { .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button) { padding-right: 66px; padding-left: 60px; } } @media(max-width: 992px) { .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button) { padding-right: 20px; padding-left: 20px; } } @media(max-width: 768px) { .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button) { padding-top: 10px; padding-bottom: 10px; } .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-scq38gez2iv6 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-scq38gez2iv6 a.fl-button:visited { font-size: 14px; } } .fl-node-scq38gez2iv6.fl-module-button { margin-left:0px; } @media ( max-width: 768px ) { .fl-node-scq38gez2iv6.fl-module-button.fl-module { margin-top:0px; } } .fl-builder-content .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 20px; } @media(max-width: 768px) { .fl-builder-content .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 16px; } } .fl-node-40d8bfcolhzt.fl-module-rich-text { margin-top:50px; } @media ( max-width: 768px ) { .fl-node-40d8bfcolhzt.fl-module-rich-text.fl-module { margin-left:0px; } } @media (max-width: 768px) { .fl-node-40d8bfcolhzt.fl-module-rich-text { margin-top:20px; } } .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 14px; } @media(max-width: 1200px) { .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 15px; } } @media(max-width: 992px) { .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 14px; } } @media(max-width: 768px) { .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 15px; } } .fl-node-1l0mvfzqb4at.fl-module-rich-text { margin-top:10px; } @media ( max-width: 1200px ) { .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-module { margin-top:20px; } } @media ( max-width: 992px ) { .fl-node-1l0mvfzqb4at.fl-module-rich-text.fl-module { margin-top:30px; margin-left:0px; } } @media (max-width: 768px) { .fl-node-1l0mvfzqb4at.fl-module-rich-text { margin-top:20px; } } .fl-builder-content .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-rich-text * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 14px; } @media(max-width: 992px) { .fl-builder-content .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-size: 12px; } } .fl-node-g3qncb2e5whv.fl-module-rich-text { margin-top:0px; } @media ( max-width: 768px ) { .fl-node-g3qncb2e5whv.fl-module-rich-text.fl-module { margin-left:0px; } } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ #q_menu1{ position: fixed; right: 20px; bottom:20px; z-index:99; width:50px; } #q_menu{ position: fixed; right: 0px; bottom:60px; z-index:9999; width:150px; } /* 이미지 단순확대 */ #q_menu:hover { transform: scale(1.02); } #hdbc-form-custom-wrapper { /* ⭐️ 새로운 Wrapper ID 타겟팅 */ /* -- 폼 전체 설정 -- */ --form-max-width: 1610px; /* 폼 최대 가로 영역 (너무 넓어지는 것을 방지) */ --form-gap: 25px; /* 입력 필드 사이의 수직/수평 간격 */ /* -- 입력 필드 설정 (성함, 핸드폰, 문의내용) -- */ --input-height: 70px; /* 1, 2, 3번 입력 필드의 세로 크기 */ --input-width: 300px; /* 1, 2, 3번 입력 필드의 기본 크기 (Flexbox의 기준점) */ --input-border-radius: 0px; /* 입력 필드의 모서리 둥글기 */ /* -- 버튼 설정 (상담신청) -- */ --button-width: 400px; /* 4번 버튼의 기본 크기 (Flexbox의 기준점) */ --button-height: 70px; /* 버튼의 세로 크기 (입력칸과 통일) */ --button-color: #d6be9f; /* 버튼 배경색 */ --button-text-color: #000000; /* 버튼 글자색 */ --button-border-radius: 0px; /* 버튼의 모서리 둥글기 */ /* 폰트 설정 (Inter 폰트가 없으면 sans-serif 사용) */ font-family: 'Inter', sans-serif !important; } /* ----------------------------------------------------------------- */ /* 2. 레이아웃 및 간격 설정 (전체 폼 컨테이너) */ /* ----------------------------------------------------------------- */ #hdbc-form-custom-wrapper { /* ⭐️ 새로운 Wrapper ID 타겟팅 */ /* 전체 폼 영역은 최대 너비 내에서 중앙 정렬되며, 유연하게 늘어납니다. */ max-width: var(--form-max-width) !important; min-width: 800px; /* 800px 미만에서는 이 CSS가 작동하지 않도록 (사용자 요청에 따라) */ width: 100% !important; margin: 0 auto !important; /* 중앙 정렬 */ padding: var(--form-gap) !important; display: flex !important; flex-wrap: wrap !important; /* 요소가 넘치면 다음 줄로 이동 */ gap: var(--form-gap) !important; /* 간격 조절 변수 적용 */ box-sizing: border-box !important; align-items: flex-start !important; /* 상단 정렬 */ } /* ----------------------------------------------------------------- */ /* 3. 입력 필드 스타일 (성함, 핸드폰, 문의내용 - 1, 2, 3번) - Fluid PC 반응형 */ /* ----------------------------------------------------------------- */ /* 🚨🚨🚨 Wrapper 강제 재정의: Flex 속성을 통해 유연하게 크기 조절 */ #hdbc-form-custom-wrapper .wpcf7-form-control-wrap, #hdbc-form-custom-wrapper .hdbc-control-wrap, #hdbc-form-custom-wrapper .nf-field-element, #hdbc-form-custom-wrapper span, #hdbc-form-custom-wrapper div.form-group, #hdbc-form-custom-wrapper p.form-row, #hdbc-form-custom-wrapper form > p { /* ⭐️ Fluid Responsive 핵심: 기본 크기를 설정하고, 남는 공간을 모두 채우도록 설정 */ flex-basis: var(--input-width) !important; /* 기본 크기 설정 */ flex-grow: 1 !important; /* 넓은 화면에서 공간을 채우도록 늘어남 */ flex-shrink: 1 !important; /* 좁은 화면에서 유연하게 줄어듦 */ min-width: 250px !important; /* 요소가 너무 작아지는 것을 방지하는 최소 너비 */ width: auto !important; /* flexbox에 의해 크기가 결정되도록 auto 설정 */ max-width: unset !important; /* 최대 너비 제한 해제 */ margin: 0 !important; } /* 성함, 핸드폰, 문의내용 (input, textarea) 필드 자체 타겟팅 */ #hdbc-form-custom-wrapper input:not([type="submit"]), #hdbc-form-custom-wrapper textarea, #hdbc-form-custom-wrapper select { /* 부모 Wrapper의 유연한 너비를 따라가도록 100% 설정 */ width: 100% !important; height: var(--input-height) !important; padding:20px !important; border: 1px solid #d6be9f !important; border-radius: var(--input-border-radius) !important; box-sizing: border-box !important; font-size: 16px !important; font-weight: 300 !important; color: #374151 !important; transition: border-color 0.3s !important; } /* 문의내용 (textarea) 전용 스타일 */ #hdbc-form-custom-wrapper textarea { /* 높이는 일반적으로 더 높게 설정 (변수 재사용) */ height: calc(var(--input-height) * 2 + var(--form-gap)) !important; resize: vertical !important; } /* ----------------------------------------------------------------- */ /* 4. 버튼 스타일 (상담신청 - 4번) - Fluid PC 반응형 */ /* ----------------------------------------------------------------- */ /* 🚨🚨🚨 버튼 Wrapper 강제 재정의 (Flex 속성 적용) */ #hdbc-form-custom-wrapper p.submit, #hdbc-form-custom-wrapper div.submit, #hdbc-form-custom-wrapper .wpcf7-response-output, #hdbc-form-custom-wrapper .wpcf7-submit-wrapper { /* ⭐️ Fluid Responsive 핵심: 기본 크기를 설정하고, 남는 공간을 모두 채우도록 설정 */ flex-basis: var(--button-width) !important; /* 기본 크기 설정 */ flex-grow: 1 !important; /* 넓은 화면에서 공간을 채우도록 늘어남 */ flex-shrink: 1 !important; /* 좁은 화면에서 유연하게 줄어듦 */ min-width: 250px !important; width: auto !important; max-width: unset !important; margin: 0 !important; } /* 버튼 요소 (input[type="submit"] 및 button[type="submit"] 태그 모두 타겟팅) */ #hdbc-form-custom-wrapper input[type="submit"], #hdbc-form-custom-wrapper button[type="submit"] { /* 부모 Wrapper의 유연한 너비를 따라가도록 100% 설정 */ width: 100% !important; height: var(--button-height) !important; /* 🚨🚨🚨 라운드 0px 강제 적용 */ border-radius: var(--button-border-radius) !important; background-color: var(--button-color) !important; color: var(--button-text-color) !important; border: none !important; font-size: 18px !important; font-weight: 500 !important; cursor: pointer !important; box-sizing: border-box !important; transition: background-color 0.3s, transform 0.1s !important; } /* 버튼 호버/클릭 효과 */ #hdbc-form-custom-wrapper input[type="submit"]:hover, #hdbc-form-custom-wrapper button[type="submit"]:hover { background-color: color-mix(in srgb, var(--button-color) 85%, black) !important; } #hdbc-form-custom-wrapper input[type="submit"]:active, #hdbc-form-custom-wrapper button[type="submit"]:active { transform: translateY(1px) !important; } /* [미디움 구간] 800px 이하일 때 설정 */ @media screen and (max-width: 800px) { #hdbc-form-custom-wrapper { max-width: 95% !important; min-width: unset !important; flex-direction: column !important; padding: 2px !important; gap: 12px !important; } /* 입력 필드 슬림화 (기존 동일) */ #hdbc-form-custom-wrapper input:not([type="submit"]), #hdbc-form-custom-wrapper select, #hdbc-form-custom-wrapper textarea { height: 40px !important; padding: 8px 12px !important; font-size: 14px !important; width: 100% !important; } #hdbc-form-custom-wrapper textarea { height: 80px !important; } /* [상담신청 버튼] 크기 및 정렬 강제 고정 */ #hdbc-form-custom-wrapper p.submit, #hdbc-form-custom-wrapper div.submit, #hdbc-form-custom-wrapper .wpcf7-submit-wrapper { flex-basis: auto !important; width: 100px !important; /* 부모 너비 제한 */ margin: 5px auto 0 !important; /* 중앙 정렬 */ display: block !important; /* 감싸는 요소가 flex일 경우 대비 */ } #hdbc-form-custom-wrapper input[type="submit"], #hdbc-form-custom-wrapper button[type="submit"] { height: 40px !important; width: 60px !important; /* ⭐️ 버튼 자체 너비도 100px로 강제 고정 */ max-width: 100px !important; /* ⭐️ 절대 늘어나지 않도록 제한 */ font-size: 12px !important; padding: 0 !important; } } /* End Layout CSS */ .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-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-ydjqe8g41vpa .fl-row-content { min-width: 0px; } .fl-node-ifumcxv834qs .fl-row-content { min-width: 0px; } .fl-node-aflgqs36i01u .fl-row-content { min-width: 0px; } .fl-node-xk37lgsdnuy9 .fl-row-content { min-width: 0px; }