@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --title-font:'Butler';
    --paragraph-font:'Work Sans';
    --h1:62px;
    --h2:42px;
    --h3:32px;
    --h4:22px;
    --h5:18px;
    --p:16px;
    --sm:13px;
    --main_accent:#000;
}
@font-face {
    font-family: 'Butler';
    src: url(fonts/Butler.woff2) format("opentype");
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--title-font);
    font-weight: 300;
}

h1 {
    font-size: var(--h1);
}
h1 * {
    font-size: var(--h1);
}

h2 {
    font-size: var(--h2);
}
h2 * {
    font-size: var(--h2);
}

h3 {
    font-size: var(--h3);
}
h3 * {
    font-size: var(--h3);
}

h4 {
    font-size: var(--h4);
}
h4 * {
    font-size: var(--h4);
}

h5 {
    font-size: var(--h5);
}
h5 * {
    font-size: var(--h5);
}

body,
p {
    font-size: var(--p);
    font-family: var(--paragraph-font);
    font-weight: 300;
}


a,
a:hover,
input,
input:hover,
button,
button:hover,
img,
header,
.inner_header {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
img {
    max-width: 100%;
    height: auto;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-bottom-90 {
    margin-bottom: 90px;
}
.margin-bottom-120 {
    margin-bottom: 120px;
}

.margin-top-15 {
    margin-top: 15px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-90 {
    margin-top: 90px;
}
.margin-top-120 {
    margin-top: 120px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.padding-bottom-60 {
    padding-bottom: 60px;
}
.padding-bottom-90 {
    padding-bottom: 90px;
}
.padding-bottom-120 {
    padding-bottom: 120px;
}
.padding-bottom-180 {
    padding-bottom: 180px;
}

.padding-top-15 {
    padding-top: 15px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-top-60 {
    padding-top: 60px;
}
.padding-top-90 {
    padding-top: 90px;
}
.padding-top-120 {
    padding-top: 120px;
}
.padding-top-180 {
    padding-top: 180px;
}

.left_text {
    text-align: left;
}
.centered_text {
    text-align: center;
}
.right_text {
    text-align: right;
}
body,
p {
    color:#002e44;
}
body {
    background-color: #f4f3f1;
}


.owl-featured-ba img {
    object-fit: cover;
    height: 500px;
    width: 100%;
}

.items_centered_line {
    border-bottom: solid thin #002e44;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding: 3.75px;
}
.items_centered_line h2 {
    margin-bottom: 0;
    font-size: var(--p);
    font-family: var(--paragraph-font);
    font-weight: 400;
    text-transform: uppercase;
}
.items_centered_line a {
    margin-bottom: 0;
    font-size: var(--p);
    text-transform: uppercase;
    font-family: var(--paragraph-font);
    font-weight: 400;
    color: #002e44;
}

.beforeafter_img {
    position: relative;
    text-align: center;
}
.beforeafter_img div {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 7.5px;
    border: solid thin #002e44;
    line-height: 1;
}
.beforeafter_img div span {
    background: #bf9a80;
    color: #fff;
    letter-spacing: 1.5px;
    padding: 7.5px 15px;
    display: inline-block;
    text-transform: uppercase;
}
.beforeafter_img img {
    border-radius: 30px;
    margin-top: -25px;
}

/* End Default Styling */
header {
    text-align: center;
    background: #002e44;
    padding: 15px 0;
}
header img {
    max-width: 75px;
    margin-bottom: 1rem;
}
header h1 {
    font-size: 32px;
}
header p {
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}
header ul#menu-main {
    list-style: none;
    padding-left: 0;
    text-align: center;
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
header ul#menu-main li.middle_header {
    margin: 0 30px;
}
header ul#menu-main li.middle_header a {
    color: #fff;
}
header ul#menu-main li:not(.middle_header) {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}
header ul#menu-main li:not(.middle_header) a {
    color: #fff;
    padding-bottom: 2px;
    border-bottom: solid thin transparent;
    text-transform: uppercase;
    font-size: 16px;
}
header ul#menu-main li:not(.middle_header) a:hover {
    border-bottom-color: #fff;
}
header ul#menu-main li:not(.middle_header) ul {
    display: none;
    padding: 15px;
    background: #002e44;
    min-width: 250px;
    position: absolute;
    text-align: left;
    z-index: 5;
    left: -15px;
}
header ul#menu-main li:not(.middle_header) ul li {
    width: 100%;
    margin: 0 0;
}
header ul#menu-main li:hover ul {
    display: block;
}

a.btn {
    display: inline-block;
    padding: 7.5px;
    border: solid thin #002e44;
    line-height: 1;
    border-radius: 0;
}
a.btn span {
    font-size: var(--sm);
    letter-spacing: 0.1em;
    background: #bf9a80;
    color: #fff;
    padding: 15px 30px 15px;
    display: inline-block;
    text-transform: uppercase;
}
a.btn:hover span {
    color: #bf9a80;
    background: #fff;
}

.banner_home {
    padding: 60px 0;
    height: 70vh;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-around;
    flex-direction: column;
}
.banner_home h2 {
    color: #fff;
}
.banner_home a.btn {
    border-color: #fff;
}

.content_area_1 h2 {
    margin-bottom: 30px;
}
.content_area_1 img {
    border-radius: 30px;
    margin-top: -25px;
}
.content_area_1 a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 7.5px;
    border: solid thin #002e44;
    line-height: 1;
}
.content_area_1 a span {
    background: #bf9a80;
    color: #fff;
    letter-spacing: 1.5px;
    padding: 7.5px 15px;
    display: inline-block;
    text-transform: uppercase;
}

.section_title {
    text-align: center;
}
.section_title h2 {
    margin-bottom: 15px;
}

.inner_outer_featured .inner_featured {
    display: flex;
    align-items: center;
    border: solid 4px #002e44;
    padding: 30px;
    height: 100%;
}
.inner_outer_featured .inner_featured a {
    margin-top: 0;
}
.inner_outer_featured p {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400;
}
.inner_outer_featured p i {
    font-weight: 300;
}
.inner_outer_featured h3 {
    margin-bottom: 30px;
    font-size: var(--h2);
    font-weight: 400;
    margin-top: 60px;
}
.inner_outer_featured h4 {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: var(--p);
    font-family: var(--paragraph-font);
}

.content_area_panels {
    text-align: center;
}
.content_area_panels img {
    border-radius: 30px;
    margin-bottom: 30px;
}
.content_area_panels h2 {
    margin-bottom: 15px;
}

.looper_testimonials span {
    font-size: 34px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.outer_looper_testimonials {
    position: relative;
}
.outer_looper_testimonials .quote_1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    fill: #fff;
    height: 100px;
}
.outer_looper_testimonials .quote_2 {
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: -1;
    fill: #fff;
    height: 100px;
}

.top_banner_content {
    height: 400px;
    position: relative;
    display: inline-flex;
    width: 100%;
    padding: 30px 0;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.top_banner_content .inner_block h1 {
    margin-bottom: 0px;
    color: #fff;
    text-transform: capitalize;
}

.default_content h2 {
    font-size: var(--h3);
    margin-bottom: 0.5rem;
}
.default_content h3 {
    font-size: var(--h4);
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}
.default_content h4 {
    margin-bottom: 0.5rem;
}
.default_content a:not(.listing_btn) {
    color: #002e44;
}
.default_content a:not(.listing_btn):hover {
    border-bottom: solid thin #002e44;
}

.rounded-30 img {
    border-radius: 30px;
}

.border-bottom {
    border-bottom: solid thin #002e44;
}
.border-30 {
    border-radius: 30px;
}
/*
#gform_1{
    border-radius: 15px;
    background: #fff;
    padding: 60px;
}
#gform_1 #field_1_3 h3{
    margin-top: 0;
}
#gform_1 h3{
    font-size: var(--h3);
}
*/
.gform_wrapper.gravity-theme .gsection {
    border-bottom: solid thin #002e44;
    padding: 0 15px 7.5px 0;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
    background: #bf9a80;
    color: #fff;
    letter-spacing: 1.5px;
    padding: 7.5px 15px;
    display: inline-block;
    text-transform: uppercase;
    border: solid thin #bf9a80;
}
.gform_wrapper.gravity-theme .gform_footer button:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_page_footer button:hover,
.gform_wrapper.gravity-theme .gform_page_footer input:hover {
    background: #fff;
    color: #bf9a80;
}

.listing_panel {
    margin-bottom: 30px;
}
.listing_panel .listing_panel_content {
    padding: 15px 15px;
    background: #002e44;
}
.listing_panel strong {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
}
.listing_panel p {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    font-size: 400;
    color: #fff;
}
.listing_panel p sm {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.listing_panel p span {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.listing_panel p a {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff;
    padding-bottom: 2px;
    display: inline-block;
}
.listing_panel p a:hover {
    color: #fff;
}
.listing_panel_img span {
    text-transform: uppercase;
    background-color: rgba(249, 247, 242, 1);
    padding:15px;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 14px;
    display: inline-block;
}
footer {
    background: #fff;
}
footer .footer_1 h4 {
    font-size: var(--p);
    font-family: var(--paragraph-font);
    font-weight: 400;
}
footer .footer_1 p {
    margin-bottom: 0;
    font-size: var(--p);
    text-transform: uppercase;
    margin-top: 30px;
    font-weight: 400;
}
footer .footer_1 a {
    display: inline-block;
    width: 100%;
    margin-bottom: 0rem;
    font-size: var(--p);
    text-transform: uppercase;
    color: #002e44;
}
footer .footer_2 {
    text-align: center;
}
footer .footer_2 h1 {
    font-size: 32px;
}
footer .footer_2 p {
    font-size: 14px;
    margin-bottom: 0;
}
footer .footer_2 img {
    margin-bottom: 1rem;
}
footer .footer_2 div img {
    max-width: 163px;
}
footer .footer_3 {
    text-align: center;
}
footer .footer_3 img {
    margin-bottom: 1rem;
}
footer .footer_3 div img {
    max-width: calc(235px - 1rem);
}
footer .social_footer {
    display: inline-flex;
    justify-content: center;
    margin-top: 1rem;
}
footer .social_footer a {
    margin: 0 7.5px;
}
footer .social_footer a:hover {
    color: #bf9a80;
}

.copyright_footer {
    padding: 15px 0;
    text-align: center;
    border-top: solid thin #002e44;
}
.copyright_footer p {
    margin-bottom: 0;
    font-size: 14px;
}
.copyright_footer p a {
    color: #002e44;
}
.copyright_footer p a:hover {
    color: #bf9a80;
}

.owl-theme .disabled {
    display: none;
}
.owl-theme .custom-nav,
.owl-theme .custom-nav2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
}
.owl-theme .custom-nav .owl-prev,
.owl-theme .custom-nav .owl-next,
.owl-theme .custom-nav2 .owl-prev,
.owl-theme .custom-nav2 .owl-next {
    position: absolute;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}
.owl-theme .custom-nav .owl-prev i,
.owl-theme .custom-nav .owl-next i,
.owl-theme .custom-nav2 .owl-prev i,
.owl-theme .custom-nav2 .owl-next i {
    font-size: 2.5rem;
    color: #bf9a80;
}
.owl-theme .custom-nav .owl-prev,
.owl-theme .custom-nav2 .owl-prev {
    left: 0;
}
.owl-theme .custom-nav .owl-next,
.owl-theme .custom-nav2 .owl-next {
    right: 0;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}
.panel_item_connect {
    position: relative;
}
.panel_item_connect img {
    width:100%;
    height: auto;
}
.testimonial_arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.testimonial_arrows svg {
    width:86px;
}
.left_arrow {
    cursor: pointer;
}
.left_arrow svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.right_arrow {
    cursor: pointer;
}
.right_arrow svg {

}
.bd-top {
    border-top:solid thin #002e44;
}
@media (max-width: 1199.98px) {
    .border-30 {
        border-radius: 15px;
    }
}

@media (max-width: 991.98px) {
    .margin-bottom-15 {
        margin-bottom: 15px;
    }
    .margin-bottom-30 {
        margin-bottom: 15px;
    }
    .margin-bottom-60 {
        margin-bottom: 30px;
    }
    .margin-bottom-90 {
        margin-bottom: 30px;
    }
    .margin-bottom-120 {
        margin-bottom: 60px;
    }
    
    .margin-top-15 {
        margin-top: 15px;
    }
    .margin-top-30 {
        margin-top: 15px;
    }
    .margin-top-60 {
        margin-top: 30px;
    }
    .margin-top-90 {
        margin-top: 30px;
    }
    .margin-top-120 {
        margin-top: 60px;
    }
    
    .padding-bottom-15 {
        padding-bottom: 15px;
    }
    .padding-bottom-30 {
        padding-bottom: 15px;
    }
    .padding-bottom-60 {
        padding-bottom: 30px;
    }
    .padding-bottom-90 {
        padding-bottom: 30px;
    }
    .padding-bottom-120 {
        padding-bottom: 60px;
    }
    
    .padding-top-15 {
        padding-top: 15px;
    }
    .padding-top-30 {
        padding-top: 15px;
    }
    .padding-top-60 {
        padding-top: 30px;
    }
    .padding-top-90 {
        padding-top: 30px;
    }
    .padding-top-120 {
        padding-top: 60px;
    }
}

@media (max-width: 767.98px) {

    a.btn{
        width: 100%;
        margin-bottom: 15px;
    }
    .owl-controls {
        display: none;
    }
    .content_area_1 img {
        margin-bottom: 30px;
        border-radius: 15px;
    }

    .content_area_1 h2 {
        margin-bottom: 15px;
    }

    #gform_1{
        padding:30px;
    }

}