Sure, I will provide the text in HTML format without the overall HTML structure or HTML tags that are used once per document, such as , , , or <body>.
```html
<!-- BEGIN ARTICLE -->
<h1>Enhance Your Culinary Oasis</h1>
<h2>Introduction to Your Culinary Space</h2>
<p>Every home chef dreams of a kitchen where functionality meets personal style—a true culinary oasis. This space isn't just where meals are prepared; it's a central hub for creativity, conversation, and comfort. Enhancing your kitchen can improve the entire atmosphere of your home and create an environment that inspires culinary mastery.</p>
<h2>Maximizing Kitchen Efficiency</h2>
<p>Efficiency in the kitchen is pivotal. Organization is key, and every tool or appliance should have its place. Consider installing pull-out shelves and carousel corner units to make the most of the space. Upgrading to energy-efficient appliances will not only save money in the long run but also boost the kitchen's performance.</p>
<h2>Integrating Technology</h2>
<p>Incorporating smart technology can take your culinary oasis to the next level. From smart refrigerators that keep inventory of your groceries to digital assistants that help you with recipes and timers, the options are endless. Even simple additions like USB ports and charging stations can make for a more connected and functional kitchen space.</p>
<h2>The Aesthetic Touch: Designing Your Dream Kitchen</h2>
<p>Personal design touches give your kitchen its soul. Choose a color palette that reflects your personality, whether it's calming neutrals or vibrant hues. Select countertops and backsplashes that aren't just beautiful but also durable and easy to clean. Statement lighting fixtures can elevate the look of your kitchen and create ambiance while providing ample illumination for tasks.</p>
<h2>Investing in Quality Cookware</h2>
<p>Durable, high-quality cookware is the cornerstone of any great kitchen. Investing in stainless steel pots, non-stick ceramic pans, or enameled cast iron can dramatically improve your cooking experience. Not only do they cook more evenly, but they also last longer and are easier to clean, ensuring that your culinary oasis remains pristine.</p>
<h2>Ergonomics: Comfort in the Kitchen</h2>
<p>Your kitchen should be a comfortable place to stand, move, and work in. Ergonomic design can significantly reduce fatigue and the risk of injury. This could mean choosing adjustable-height counters or ensuring that the layout promotes easy workflow. Ergonomic considerations personalize the space to suit your needs and can make cooking a more enjoyable activity.</p>
<h2>Outdoor Expansion: The Alfresco Culinary Oasis</h2>
<p>If space allows, extending your culinary oasis outdoors adds a new dimension to your cooking experience. An outdoor kitchen with a grill and smoker, or even a wood-fired pizza oven, can be fantastic for hosting gatherings or enjoying family dinners under the stars.</p>
<h2>Conclusion: Create Your Culinary Sanctuary</h2>
<p>Your kitchen deserves more than a one-size-fits-all approach. It's a space that should resonate with your culinary passions and practical needs. By enhancing your kitchen's efficiency, infusing technology, personalizing the design, investing in quality cookware, considering ergonomics, and maybe even creating an outdoor extension, you can transform your kitchen into a true culinary oasis that stands the test of time.</p>
<!-- END ARTICLE -->
```
This text will render as a stylized HTML article when placed within the proper HTML structure.
</div>
<div class="mbr-section-btn" style="display: none">
<a class="btn btn-primary display-7" target="_blank">
Get Started
</a>
</div>
</div>
</div>
</section>
</div>
</div>
<style>
.cid-uDHPfJXvGA {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-uDHPfJXvGA .mbr-fallback-image.disabled {
display: none;
}
.cid-uDHPfJXvGA .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uDHPfJXvGA .row {
margin: 0 !important;
row-gap: 30px;
}
.cid-uDHPfJXvGA .item-img {
display: flex;
justify-content: flex-start;
width: 50%;
padding: 0 !important;
}
.cid-uDHPfJXvGA .item-img img {
height: 680px;
max-width: 580px;
width: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .item-img img {
height: 350px;
}
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .item-img {
width: 100%;
}
}
.cid-uDHPfJXvGA .item-text {
width: 50%;
padding: 0 !important;
}
@media (max-width: 1500px) {
.cid-uDHPfJXvGA .item-text {
padding-left: 40px !important;
}
}
@media (max-width: 1199px) {
.cid-uDHPfJXvGA .item-text {
padding-left: 25px !important;
}
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .item-text {
width: 100%;
padding: 0 !important;
}
}
.cid-uDHPfJXvGA .card-title {
color: #131313;
}
.cid-uDHPfJXvGA .content-box {
display: flex;
flex-direction: column;
row-gap: 24px;
margin-top: 60px;
}
@media (max-width: 1399px) {
.cid-uDHPfJXvGA .content-box {
margin-top: 40px;
}
}
@media (max-width: 991px) {
.cid-uDHPfJXvGA .content-box {
margin-top: 20px;
}
}
.cid-uDHPfJXvGA .item-wrapper {
width: 100%;
}
.cid-uDHPfJXvGA .card-subtitle {
color: #000000;
}
.cid-uDHPfJXvGA .card-subtitle a {
pointer-events: none;
}
.cid-uDHPfJXvGA .card-text {
margin-top: 20px;
color: #000000;
}
@media (max-width: 767px) {
.cid-uDHPfJXvGA .card-text {
margin-top: 15px;
}
}
.cid-uDHPfJXvGA .mbr-section-btn {
margin-top: 30px;
}
@media (max-width: 1399px) {
.cid-uDHPfJXvGA .mbr-section-btn {
margin-top: 15px;
}
}
.cid-uDHPfJXvGA .card-title,
.cid-uDHPfJXvGA .mbr-section-btn {
color: #000000;
}
</style>
</div>
<div class="app-component">
<div class="app-component-content">
<section class="contact2 map1 calmm5 cid-uDHPfK24ho" id="contact-form-1-uDHPfK24ho">
<div class="mbr-fallback-image disabled" style="display: none">
</div>
<div class="mbr-overlay" style="display: none; opacity: 0.8; background-color: rgb(255, 255, 255)">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-6 col-form" id="contact_us">
<div class="text-box">
<h3 class="mbr-section-title mbr-fonts-style mb-0 display-5">
Get in touch with us
</h3>
<h4 class="mbr-section-subtitle mbr-fonts-style mb-0 display-4" style="display: none">
Risus nec feugiat in fermentum. Eget gravida cum sociis natoque penatibus et
magnis. Magnis dis parturient montes nascetur.
</h4>
</div>
<div class="mbr-form">
<form class="mbr-form form-with-styler" id="jsonForm" method="POST">
<div class="dragArea row">
<div class="col-lg-6 col-md-12 col-sm-12 form-group mb-3" data-for="name">
<input class="form-control display-7" data-form-field="name" id="name-form" name="name" placeholder="Name" required="" type="text" value=""/>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 form-group mb-3" data-for="email">
<input class="form-control display-7" data-form-field="email" id="email-form" name="email" placeholder="Email" required="" type="email" value=""/>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group mb-3" data-for="message">
<textarea class="form-control display-7" data-form-field="message" name="message" placeholder="Message"></textarea>
</div>
<div class="col-auto mbr-section-btn">
<button class="btn btn-primary display-7" type="submit">
Send
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<style>
.cid-uDHPfK24ho {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-uDHPfK24ho .mbr-fallback-image.disabled {
display: none;
}
.cid-uDHPfK24ho .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
@media (min-width: 1025px) {
.cid-uDHPfK24ho .map-wrapper {
padding-right: 80px !important;
}
}
@media (max-width: 991px) {
.cid-uDHPfK24ho .map-wrapper {
height: 650px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.cid-uDHPfK24ho .map-wrapper {
height: 400px;
}
}
.cid-uDHPfK24ho .google-map {
height: 100%;
position: relative;
}
.cid-uDHPfK24ho .google-map iframe {
height: 100%;
width: 100%;
}
.cid-uDHPfK24ho .google-map [data-state-details] {
color: #6b6763;
height: 1.5em;
margin-top: -0.75em;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.cid-uDHPfK24ho .google-map[data-state] {
background: #e9e5dc;
}
.cid-uDHPfK24ho .google-map[data-state="loading"] [data-state-details] {
display: none;
}
.cid-uDHPfK24ho .text-box {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.cid-uDHPfK24ho .text-box {
margin-bottom: 24px;
}
}
.cid-uDHPfK24ho .mbr-section-title {
color: #000000;
}
.cid-uDHPfK24ho .mbr-section-subtitle {
margin-top: 20px;
color: #131313;
}
.cid-uDHPfK24ho form {
width: 100%;
}
.cid-uDHPfK24ho form .dragArea.row {
justify-content: flex-start;
width: auto !important;
z-index: 2;
}
.cid-uDHPfK24ho form p {
color: #131313;
}
.cid-uDHPfK24ho form .mbr-section-btn {
margin-top: 0;
}
@media (max-width: 991px) {
.cid-uDHPfK24ho form .mbr-section-btn {
margin-top: 14px;
}
}
.cid-uDHPfK24ho form .mbr-section-btn .btn {
border-radius: 3px !important;
}
.cid-uDHPfK24ho form .form-group {
margin-top: 0 !important;
margin-bottom: 50px !important;
}
@media (max-width: 991px) {
.cid-uDHPfK24ho form .form-group {
margin-bottom: 30px !important;
}
}
.cid-uDHPfK24ho form .form-control {
height: 66px;
border: none !important;
border-bottom: 2px solid #000000 !important;
box-shadow: none;
outline: none !important;
border-radius: 0 !important;
margin-bottom: 0;
padding: 20px 12px 20px 0;
font-size: 18px;
line-height: 24px;
color: #131313;
background: transparent;
font-weight: 400;
transition: 0.3s;
}
.cid-uDHPfK24ho form .form-control::-webkit-input-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form .form-control::-moz-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form .form-control:-moz-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form .form-control:-ms-input-placeholder {
color: #000000;
}
.cid-uDHPfK24ho form select {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea {
height: 120px !important;
min-height: 120px !important;
padding: 20px 12px 20px 0;
resize: none;
}
.cid-uDHPfK24ho form textarea::-webkit-input-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea::-moz-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea:-moz-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form textarea:-ms-input-placeholder {
color: #000000 !important;
}
.cid-uDHPfK24ho form input,
.cid-uDHPfK24ho form textarea {
transition: 0.3s all;
}
.cid-uDHPfK24ho form input:active,
.cid-uDHPfK24ho form textarea:active,
.cid-uDHPfK24ho form input:focus,
.cid-uDHPfK24ho form textarea:focus {
background-color: transparent !important;
border: none !important;
border-bottom: 2px solid #000000 !important;
box-shadow: none !important;
outline: none !important;
}
.cid-uDHPfK24ho form input:active::-webkit-input-placeholder,
.cid-uDHPfK24ho form textarea:active::-webkit-input-placeholder,
.cid-uDHPfK24ho form input:focus::-webkit-input-placeholder,
.cid-uDHPfK24ho form textarea:focus::-webkit-input-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form input:active::-moz-placeholder,
.cid-uDHPfK24ho form textarea:active::-moz-placeholder,
.cid-uDHPfK24ho form input:focus::-moz-placeholder,
.cid-uDHPfK24ho form textarea:focus::-moz-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form input:active:-moz-placeholder,
.cid-uDHPfK24ho form textarea:active:-moz-placeholder,
.cid-uDHPfK24ho form input:focus:-moz-placeholder,
.cid-uDHPfK24ho form textarea:focus:-moz-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form input:active:-ms-input-placeholder,
.cid-uDHPfK24ho form textarea:active:-ms-input-placeholder,
.cid-uDHPfK24ho form input:focus:-ms-input-placeholder,
.cid-uDHPfK24ho form textarea:focus:-ms-input-placeholder {
color: #131313 !important;
}
.cid-uDHPfK24ho form .row {
flex-wrap: wrap;
margin-left: -12px !important;
margin-right: -12px !important;
}
.cid-uDHPfK24ho form .row [class*="col"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
.cid-uDHPfK24ho form label {
width: 100%;
color: #000000;
margin-bottom: 12px;
}
.cid-uDHPfK24ho form .form-check label {
color: #000000;
}
.cid-uDHPfK24ho form .form-check-input {
border-color: #131313 !important;
outline: none !important;
box-shadow: none !important;
background-color: transparent !important;
}
.cid-uDHPfK24ho form .form-check-input:focus,
.cid-uDHPfK24ho form .form-check-input:hover {
background-color: transparent !important;
border-color: #fc7942 !important;
}
.cid-uDHPfK24ho form .form-check-input:checked {
border-color: #fc7942 !important;
background-color: #fc7942 !important;
}
</style>
</div>
<div class="app-component">
<div class="app-component-content">
<section class="article1 calmm5 cid-uDHPfK3ysa" id="contacts-1-uDHPfK3ysa">
<div class="mbr-fallback-image disabled" style="display: none">
</div>
<div class="mbr-overlay" style="display: none; opacity: 0.7; background-color: rgb(255, 255, 255)">
</div>
<div class="container">
<div class="text-box col-md-12 col-lg-12">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
Contact Us Anytime
</h3>
<h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-0 display-7">
We love to hear from you
</h4>
<a>
<p class="mbr-text align-center mbr-fonts-style mb-0 display-5">
info@clarityinsight.cyou
</p>
</a>
<div class="mbr-section-btn align-center" style="display: none">
<a class="btn btn-primary display-4">
GET STARTED
</a>
</div>
</div>
</div>
</section>
</div>
<style>
.cid-uDHPfK3ysa {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #ffffff;
}
.cid-uDHPfK3ysa .mbr-fallback-image.disabled {
display: none;
}
.cid-uDHPfK3ysa .mbr-fallback-image {
display: block;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.cid-uDHPfK3ysa .container,
.cid-uDHPfK3ysa .container-fluid {
padding: 0 !important;
}
.cid-uDHPfK3ysa .container {
max-width: 1440px;
}
.cid-uDHPfK3ysa .text-box {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
padding: 20px;
min-height: 480px;
margin: 0 auto;
background-color: #7bf1a8;
}
@media (max-width: 991px) {
.cid-uDHPfK3ysa .text-box {
min-height: 400px;
padding: 50px 20px;
}
}
@media (max-width: 767px) {
.cid-uDHPfK3ysa .text-box {
padding: 50px 10px;
}
}
.cid-uDHPfK3ysa .mbr-section-title {
color: #000000;
}
.cid-uDHPfK3ysa .mbr-section-subtitle {
margin-top: 20px;
color: #131313;
}
.cid-uDHPfK3ysa .mbr-text {
margin-top: 44px;
color: #000000;
text-decoration: underline;
}
@media (max-width: 767px) {
.cid-uDHPfK3ysa .mbr-text {
margin-top: 20px;
}
}
.cid-uDHPfK3ysa .mbr-section-btn {
margin-top: 34px;
}
.cid-uDHPfK3ysa .mbr-section-subtitle,
.cid-uDHPfK3ysa .mbr-section-btn {
color: #000000;
}
</style>
</div>
<div class="app-component">
<div class="app-component-content">
<section class="footer2 calmm5 cid-uDHPfK3vqv" id="footer-1-uDHPfK3vqv" once="footers">
<div class="mbr-overlay" style="display: none; opacity: 0.6; background-color: rgb(217, 224, 221)">
</div>
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© 2025 clarityinsight
</p>
</div>
</div>
</div>
</section>
</div>
<style>
.cid-uDHPfK3vqv {
padding-top: 30px;
padding-bottom: 30px;
background-color: #d2f1f0;
overflow: hidden;
}
.cid-uDHPfK3vqv .mbr-text {
color: #131313;
}
.cid-uDHPfK3vqv .media-container-row .mbr-text {
color: #000000;
}
</style>
</div>
</div>
<input style="display: none" type="text"/>
<style name="theme-styles">
body {
background-color: #f4fefd;
}
.is-builder .template {
background-color: #f4fefd;
}
body {
font-family: Source Serif 4;
}
.display-1 {
font-family: "Source Serif 4", sans-serif;
font-size: 6.8rem;
line-height: 1.15;
}
.display-1 > .mbr-iconfont {
font-size: 8.5rem;
}
.display-2 {
font-family: "Source Serif 4", sans-serif;
font-size: 4.125rem;
line-height: 1.15;
}
.display-2 > .mbr-iconfont {
font-size: 5.15625rem;
}
.display-4 {
font-family: "Source Serif 4", sans-serif;
font-size: 1.5rem;
line-height: 1.5;
}
.display-4 > .mbr-iconfont {
font-size: 1.875rem;
}
.display-5 {
font-family: "Source Serif 4", sans-serif;
font-size: 2.5rem;
line-height: 1.4;
}
.display-5 > .mbr-iconfont {
font-size: 3.125rem;
}
.display-7 {
font-family: "Source Serif 4", sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.display-7 > .mbr-iconfont {
font-size: 1.40625rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20) 48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
.display-1 {
font-size: 5.44rem;
}
}
@media (max-width: 768px) {
.display-1 {
font-size: 4.76rem;
font-size: calc(3.03rem + (6.8 - 3.03) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.1 * (3.03rem + (6.8 - 3.03) * ((100vw - 20rem) / (48 - 20))));
}
.display-2 {
font-size: 3.3rem;
font-size: calc(2.09375rem + (4.125 - 2.09375) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.3 * (2.09375rem + (4.125 - 2.09375) * ((100vw - 20rem) / (48 - 20))));
}
.display-4 {
font-size: 1.2rem;
font-size: calc(1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
}
.display-5 {
font-size: 2rem;
font-size: calc(1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.4 * (1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20))));
}
.display-7 {
font-size: 0.9rem;
font-size: calc(1.04375rem + (1.125 - 1.04375) * ((100vw - 20rem) / (48 - 20)));
line-height: calc(1.4 * (1.04375rem + (1.125 - 1.04375) * ((100vw - 20rem) / (48 - 20))));
}
}
/* Buttons */
.btn {
padding: 0.6rem 1.2rem;
border-radius: 4px;
}
.btn-sm {
padding: 0.6rem 1.2rem;
border-radius: 4px;
}
.btn-md {
padding: 0.6rem 1.2rem;
border-radius: 4px;
}
.btn-lg {
padding: 1rem 2.6rem;
border-radius: 4px;
}
.bg-primary {
background-color: #ffef9f !important;
}
.bg-success {
background-color: #83e8b9 !important;
}
.bg-info {
background-color: #74e1f7 !important;
}
.bg-warning {
background-color: #ffda6c !important;
}
.bg-danger {
background-color: #e9828c !important;
}
.btn-primary,
.btn-primary:active {
background-color: #ffef9f !important;
border: 2px solid #131313 !important;
color: #9f8400 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
color: #9f8400 !important;
background-color: #ffef9f !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #9f8400 !important;
background-color: #ffe148 !important;
border-color: #ffe148 !important;
}
.btn-secondary,
.btn-secondary:active {
background-color: #7bf1a8 !important;
border: 2px solid #131313 !important;
color: #0a632c !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
color: #0a632c !important;
background-color: #7bf1a8 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #0a632c !important;
background-color: #2de974 !important;
border-color: #2de974 !important;
}
.btn-info,
.btn-info:active {
background-color: #74e1f7 !important;
border: 2px solid #131313 !important;
color: #065666 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
color: #065666 !important;
background-color: #74e1f7 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-info.disabled,
.btn-info:disabled {
color: #065666 !important;
background-color: #22cff2 !important;
border-color: #22cff2 !important;
}
.btn-success,
.btn-success:active {
background-color: #83e8b9 !important;
border: 2px solid #131313 !important;
color: #115b39 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
color: #115b39 !important;
background-color: #83e8b9 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-success.disabled,
.btn-success:disabled {
color: #115b39 !important;
background-color: #3ada90 !important;
border-color: #3ada90 !important;
}
.btn-warning,
.btn-warning:active {
background-color: #ffda6c !important;
border: 2px solid #131313 !important;
color: #6c5100 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
color: #6c5100 !important;
background-color: #ffda6c !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #6c5100 !important;
background-color: #ffc415 !important;
border-color: #ffc415 !important;
}
.btn-danger,
.btn-danger:active {
background-color: #e9828c !important;
border: 2px solid #131313 !important;
color: #ffffff !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
color: #ffffff !important;
background-color: #e9828c !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #ffffff !important;
background-color: #dc3848 !important;
border-color: #dc3848 !important;
}
.btn-white,
.btn-white:active {
background-color: #ffffff !important;
border: 2px solid #131313 !important;
color: #808080 !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
color: #808080 !important;
background-color: #ffffff !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-white.disabled,
.btn-white:disabled {
color: #808080 !important;
background-color: #d4d4d4 !important;
border-color: #d4d4d4 !important;
}
.btn-black,
.btn-black:active {
background-color: #131313 !important;
border: 2px solid #131313 !important;
color: #ffffff !important;
box-shadow: 4px 4px 0 #131313 !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
color: #ffffff !important;
background-color: #131313 !important;
border: 2px solid #131313 !important;
box-shadow: none !important;
}
.btn-black.disabled,
.btn-black:disabled {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #ffef9f;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
color: #ffe148 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
color: #9f8400 !important;
background-color: #ffef9f !important;
border-color: #ffef9f !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #7bf1a8;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
color: #2de974 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
color: #0a632c !important;
background-color: #7bf1a8 !important;
border-color: #7bf1a8 !important;
}
.btn-info-outline,
.btn-info-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #74e1f7;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
color: #22cff2 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
color: #065666 !important;
background-color: #74e1f7 !important;
border-color: #74e1f7 !important;
}
.btn-success-outline,
.btn-success-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #83e8b9;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
color: #3ada90 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
color: #115b39 !important;
background-color: #83e8b9 !important;
border-color: #83e8b9 !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #ffda6c;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
color: #ffc415 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
color: #6c5100 !important;
background-color: #ffda6c !important;
border-color: #ffda6c !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #e9828c;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
color: #dc3848 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
color: #ffffff !important;
background-color: #e9828c !important;
border-color: #e9828c !important;
}
.btn-black-outline,
.btn-black-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #131313;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
color: #000000 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
color: #ffffff !important;
background-color: #131313 !important;
border-color: #131313 !important;
}
.btn-white-outline,
.btn-white-outline:active {
background-color: transparent !important;
border-color: transparent;
color: #ffffff;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
color: #d4d4d4 !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-white-outline.disabled,
.btn-white-outline:disabled {
color: #808080 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
}
.text-primary {
color: #ffef9f !important;
}
.text-secondary {
color: #7bf1a8 !important;
}
.text-success {
color: #83e8b9 !important;
}
.text-info {
color: #74e1f7 !important;
}
.text-warning {
color: #ffda6c !important;
}
.text-danger {
color: #e9828c !important;
}
.text-white {
color: #ffffff !important;
}
.text-black {
color: #131313 !important;
}
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
color: #ffde39 !important;
}
a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
color: #1fe76b !important;
}
a.text-success:hover,
a.text-success:focus,
a.text-success.active {
color: #2dd888 !important;
}
a.text-info:hover,
a.text-info:focus,
a.text-info.active {
color: #14ccf1 !important;
}
a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
color: #ffc006 !important;
}
a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
color: #da2b3c !important;
}
a.text-white:hover,
a.text-white:focus,
a.text-white.active {
color: #cccccc !important;
}
a.text-black:hover,
a.text-black:focus,
a.text-black.active {
color: #000000 !important;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
position: relative;
background-image: transparent;
background-size: 10000px 2px;
background-repeat: no-repeat;
background-position: 0px 1.2em;
background-position: -10000px 1.2em;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
transition: background-position 2s ease-in-out;
background-image: linear-gradient(currentColor 50%, currentColor 50%);
background-position: 0px 1.2em;
}
.nav-tabs .nav-link.active {
color: #ffef9f;
}
.nav-tabs .nav-link:not(.active) {
color: #131313;
}
.alert-success {
background-color: #70c770;
}
.alert-info {
background-color: #74e1f7;
}
.alert-warning {
background-color: #ffda6c;
}
.alert-danger {
background-color: #e9828c;
}
.mbr-gallery-filter li.active .btn {
background-color: #ffef9f;
border-color: #ffef9f;
color: #b99a00;
}
.mbr-gallery-filter li.active .btn:focus {
box-shadow: none;
}
a,
a:hover {
color: #ffef9f;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
color: #ffffff;
}
/* Scroll to top button*/
.scrollToTop_wraper {
display: none;
}
.form-control {
font-family: "Source Serif 4", sans-serif;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
}
.form-control > .mbr-iconfont {
font-size: 1.875rem;
}
.form-control:hover,
.form-control:focus {
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px,
rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
border-color: #ffef9f !important;
}
.form-control:-webkit-input-placeholder {
font-family: "Source Serif 4", sans-serif;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
}
.form-control:-webkit-input-placeholder > .mbr-iconfont {
font-size: 1.875rem;
}
blockquote {
border-color: #ffef9f;
}
/* Forms */
.jq-selectbox li:hover,
.jq-selectbox li.selected {
background-color: #ffef9f;
color: #000000;
}
.jq-number__spin {
transition: 0.25s ease;
}
.jq-number__spin:hover {
border-color: #ffef9f;
}
.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
transition: 0.4s;
border-top-color: #353535;
border-bottom-color: #353535;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
border-top-color: #ffef9f;
border-bottom-color: #ffef9f;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
color: #000000 !important;
background-color: #ffef9f !important;
box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
color: #000000 !important;
background: #7bf1a8 !important;
box-shadow: none !important;
}
.lazy-bg {
background-image: none !important;
}
.lazy-placeholder:not(section),
.lazy-none {
display: block;
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: auto;
}
iframe.lazy-placeholder,
.lazy-placeholder:after {
content: "";
position: absolute;
width: 200px;
height: 200px;
background: transparent no-repeat center;
background-size: contain;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%23ffef9f' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
section.lazy-placeholder:after {
opacity: 0.5;
}
body {
overflow-x: hidden;
}
a {
transition: 0.3s all;
font-weight: 600 !important;
}
a:hover {
background-image: none !important;
}
.container {
max-width: 1440px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1600px) {
.container {
max-width: 1320px;
}
}
@media (max-width: 1399px) {
.container {
max-width: 1140px;
}
}
@media (max-width: 1199px) {
.container {
max-width: 960px;
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 991px) {
.container {
max-width: 720px;
}
}
@media (max-width: 767px) {
.container {
max-width: 540px;
}
}
@media (max-width: 575px) {
.container {
max-width: 100%;
}
}
.container,
.container-small {
max-width: 1480px;
padding-left: 20px;
padding-right: 20px;
position: relative;
word-wrap: break-word;
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1500px) {
.container,
.container-small {
max-width: 1180px;
}
}
@media (max-width: 1024px) {
.container,
.container-small {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.container,
.container-small {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 767px) {
.container,
.container-small {
padding-left: 10px;
padding-right: 10px;
}
}
.container-fluid {
max-width: 1724px;
padding-left: 12px;
padding-right: 12px;
}
.row {
margin-left: -12px;
margin-right: -12px;
justify-content: center;
}
.row > [class*="col"] {
padding-left: 12px;
padding-right: 12px;
}
b,
strong {
font-weight: 600 !important;
}
.mbr-section-btn .btn {
position: relative;
min-width: 100px;
min-height: 68px;
padding: 20px 44px;
border-radius: 0;
font-weight: 600 !important;
transition: all 0.3s;
}
@media (max-width: 1199px) {
.mbr-section-btn .btn {
padding: 20px 30px;
}
}
@media (max-width: 767px) {
.mbr-section-btn .btn {
padding: 15px 20px;
}
}
.mbr-section-btn .btn-black {
color: #ffffff !important;
border: 2px solid #ffffff !important;
box-shadow: 4px 4px 0 #ffffff !important;
}
.mbr-section-btn .btn-black:hover {
box-shadow: none !important;
}
</style>
<div class="note-popover note-air-layout">
<div class="note-button-popover popover in bottom" style="display: none">
<div class="arrow">
</div>
<div class="popover-content">
<div class="btn-group">
<button class="btn btn-default btn-sm" data-event="changeImage" data-media="image" tabindex="-1" type="button">
<i class="mbr-icon-image">
</i>
</button>
<button class="btn btn-default btn-sm" data-event="changeVideo" data-media="video" tabindex="-1" type="button">
<i class="mbr-icon-youtube">
</i>
</button>
<button class="btn btn-default btn-sm" data-event="changeIconfont" data-hide="true" data-media="iconFont" data-toggle="tooltip" tabindex="-1" title="Insert icon" type="button">
<i class="mbr-icon-sun">
</i>
</button>
</div>
</div>
</div>
</div>
<div class="scrollToTop_wraper">
<div class="scrollToTop mbr-arrow-up" id="scrollToTop" style="opacity: 1; display: block">
<a style="text-align: center">
<i>
</i>
</a>
</div>
</div>
<script src="/assets/js-form/form-script.js">
</script>
</body>
</html>