Envision Your Perfect Kitchen
Imagining your perfect kitchen is the first step towards making it a reality. Whether you're a culinary enthusiast, a busy parent preparing daily meals, or a casual cook, your kitchen is the heart of your home. It's a place where memories are made, traditions are passed down, and flavors are discovered. But what does it take to create a space that reflects your personal style and meets your cooking needs? Let's explore the key elements that will help you bring your dream kitchen to life.
Define Your Style
Your kitchen should be a reflection of your personal aesthetic – whether that's sleek and modern, warm and rustic, or something uniquely you. Before you begin selecting materials and appliances, think about the colors, textures, and finishes that resonate with you. Do you prefer a minimalist look with clean lines and monochromatic tones, or do you lean towards bold patterns and vibrant colors? Defining your style is the first step in creating a cohesive design.
Plan Your Layout
Efficiency is key when it comes to kitchen design. Your kitchen’s layout should facilitate an easy flow of movement between the refrigerator, stove, and sink – commonly referred to as the kitchen triangle. Consider how you use your kitchen and what layout would best serve your needs. Open floor plans are popular for those who entertain often, while the galley or L-shaped layouts are great for maximizing space in smaller homes. Don't forget to account for ample storage and countertop space to ensure a functional and clutter-free environment.
Choose Quality Appliances
High-quality appliances are the workhorses of any great kitchen. Investing in top-notch stove, refrigerator, dishwasher, and oven will not only enhance your cooking experience but also add value to your home. Think about energy efficiency and high-tech features that can make your kitchen more functional and environmentally friendly. Smart appliances that can be controlled via your smartphone are also becoming increasingly popular and can add an extra layer of convenience to your daily routine.
Consider Lighting
Lighting plays a pivotal role in the ambiance and functionality of your kitchen. Good lighting can transform the space, making it feel warm and inviting. Aim for a combination of task lighting for cooking and preparation areas, ambient lighting for overall illumination, and accent lighting to highlight architectural features or decorative elements. Natural light is also a precious commodity in any kitchen so consider incorporating larger windows or skylights if possible.
Focus on Details and Personal Touches
The details are what truly make a kitchen your own. Choose hardware, faucets, and fixtures that complement your style. Add a personal touch with unique artwork, plants, or a statement piece like a bold backsplash or a colorful island. Remember that the perfect kitchen is one that feels like home and caters to your lifestyle. The final touches should inspire joy and comfort to everyone who walks into the space.
Conclusion: Bring Your Dream Kitchen to Life
Envisioning your perfect kitchen is an exciting journey full of possibilities. By defining your style, planning a thoughtful layout, choosing quality appliances, focusing on lighting, and adding your personal touches, you're on your way to creating a culinary sanctuary tailored to you and your family's needs. Remember to consider both aesthetics and function as you design, and above all, don't be afraid to dream big. Your ideal kitchen is within reach!
```
Remember that typically within a full HTML document, you would wrap this within a `` tag, and there would be other elements such as a `` with `
` and metadata. However, as requested, the provided text does not include the overall HTML document 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@breezypointstop.rest
</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 Breezy Point Stop
</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>
