/*
Theme Name: SNS-suffice
Theme URI: https://www.sitesnstores.com.au/
Template: suffice
Author: SNS-suffice
Author URI: https://www.sitesnstores.com.au/
Description: SNS is a highly flexible multipurpose WordPress theme that is beautifully crafted with the great attention to details. This theme is not just stunning by its clean and sleek design but is equally powerful by its galore of awe-inspiring features. Integration to SiteOrigin page builder and SNS Toolkit plugin makes it one of the most customizable and easy to use themes. In addition, it is completely compliant with WooCommerce and uses the best SEO practices for top-notch performance of your website. This theme also offers you a wide range of unique demos from which you can choose any to create your own cutting edge website. Also, SNS features versatile header styles, advanced color options, multiple widget areas and premium widgets. Hence, with this simple drag and drop theme, you can easily have your site up and running in no time.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 1.1.0.1517783127
Updated: 2018-02-05 09:25:27

*/
html {
    font-family: "lato",serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    /* display: block; */
}

.entry-footer {
    display: none;
}

.hentry {
    margin: 0;
    padding: 0;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 2px;
    overflow: visible;
    color: #000;
    border-top: 2px solid #000;
}
.foogallery-album-header p a{
    background: #948854;
    padding: 10px;
    color: #fff;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
    white-space: pre-wrap;
}

a {
    background-color: transparent;
    color: #655b5f;
}

a:active, a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: 700;
    color: #231f20;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #EEE;
    color: #222;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    margin: 0px auto;
    /* display: block; */
}

svg:not(:root) {
    overflow: hidden;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: .8rem;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #BBB;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/*----------  Grid  ----------*/
/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
@media (min-width: 769px) {
    .wp-block-columns {
        flex-wrap: nowrap;
    }
}

html {
    /* overflow: hidden; */
}

/*----------  Typography  ----------*/
html,body{
    height: 100vh;
    min-height: 100vh;
}
body {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    color: #424143;
}

p {
    line-height: 1.2rem;
    /* font-size: 1rem; */
}

blockquote {
    font-family: georgia, "Times New Roman", cursive;
    font-size: 16px;
    border-left: 3px solid #E5E4E6;
    margin-left: 30px;
    padding-left: 30px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    color: #655b5f;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px auto;
}

h1 {
    font-size: 2rem;
    /* 	font-weight: normal; */
}

h2 {
    font-size: 2rem;
    color: #231f20;
}

h3 {
    font-size: 1rem;
    /* 	font-weight: normal; */
}

h4 {
    font-size: 1.5rem;
}

h5,h6 {
    font-size: 1rem;
    font-weight: bold;
}

/*
* Webkit Scrollbar
*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #F4F7F6;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #CCCCCC;
    opacity: 0.4;
}

/*----------  Elements  ----------*/
table, th, td {
    border: 1px solid #D1D1D1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 0.4375em;
}

.title {
    margin: 30px 0;
}

.title.title-arrow-down .title-title {
    padding: 10px 20px;
    background: #1E1E1F;
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    position: relative;
}

.title.title-arrow-down .title-title::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: inherit;
    bottom: -10px;
    left: 35px;
    transform: rotate(45deg);
}

.title.title-arrow-down.title-center .title-title::before {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.title.title-arrow-down.title-right .title-title::before {
    left: auto;
    right: 20px;
    margin: 0 auto;
}

/* Tp full-width section */
.full-width-bg {
    background: #e1e1e1;
    margin: 0px auto !important;
    padding: 20px 0px 0px;
}

.full-width-bg>.wp-block-column {
    display: block;
    flex-basis: 100%;
}

.full-width-section {
    max-width: 1260px;
    padding: 10px;
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(178px,1fr));
    grid-gap: 20px;
    align-items: center !important;
    justify-items: center;
    /* padding: 0; */
    margin: 0px auto;
}

.full-width-section .panel-grid-cell {
    width: 100% !important;
    margin: 10px 1px;
}

/* WooCommerce Mini Cart Sidebar */
/* Product Widget */
#heading {
    display: none;
}

.breadcrumbs {
    padding: 0;
    background-color: transparent;
    display: none;
}

.breadcrumbs .breadcrumbs-page {
    float: left;
}

.breadcrumbs .breadcrumbs-page .breadcrumbs-page-title {
    margin: 0;
    font-size: 22px;
    color: #424143;
}

.breadcrumbs .breadcrumbs-trail {
    float: right;
    margin: 0;
    padding: 0;
}

.breadcrumbs .breadcrumbs-trail li {
    display: inline-block;
}

.breadcrumbs .breadcrumbs-trail li::after {
    content: "/";
    padding: 5px;
}

.breadcrumbs .breadcrumbs-trail li a, .breadcrumbs .breadcrumbs-trail li span {
    text-decoration: none;
    transition: all 0.35s;
}

.breadcrumbs .breadcrumbs-trail li a:hover {
    color: #00BAF4;
}

.breadcrumbs .breadcrumbs-trail li:last-child::after {
    content: "";
}

@media (max-width: 768px) {
    .product-section .panel-grid.panel-no-style {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .product-section .panel-grid.panel-no-style .panel-grid-cell {
        flex: 1 0 35%;
    }

    .breadcrumbs .breadcrumbs-trail.hide-on-mobile {
        display: none;
    }
}

.breadcrumbs.breadcrumbs-background {
    background: url("assets/img/testimonial-bg.jpg") center !important;
    background-size: cover;
}

/*----------  Navigations  ----------*/
/*----------  Default Styles  ----------*/
.main-navigation .menu-primary ul, .main-navigation .primary-menu ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
    /* font-family: "Orbitron",sans-serif; */
}

.main-navigation .menu-primary ul li, .main-navigation .primary-menu ul li {
    transition: all 0.35s;
}

.main-navigation .menu-primary ul li a, .main-navigation .primary-menu ul li a {
    text-decoration: none;
    display: block;
    color: #67666A;
}

.main-navigation.menu-has-submenu-devider .sub-menu li:first-child, .main-navigation.menu-has-submenu-devider .children li:first-child {
    border-top: none;
}

.main-navigation.menu-has-submenu-indicator li.menu-item-has-children > a::after, .main-navigation.menu-has-submenu-indicator li.page_item_has_children > a::after {
    display: inline-block;
    font-family: FontAwesome;
    padding: 0 0px 0 3px;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}

/*----------  Slide In  ----------*/
.navigation-default {
    float: none;
    /*----------  For Push left  ----------*/
    /*----------  Level First Menu  ----------*/
    /* if menu indicator is there*/
    /* justify-content: center; */
    /* align-items: center; */
    /* margin: auto; */
    /* flex: 10; */
    /* order: 3; */
}

.navigation-default.navigation-default--push-left .menu-primary, .navigation-default.navigation-default--push-left .primary-menu {
    transform: translateX(-100px);
}

.navigation-default .menu-primary, .navigation-default .primary-menu {
    transition: transform 0.3s ease-in-out;
    padding: 15px 0px 10px;
}

.navigation-default .menu-primary ul li, .navigation-default .primary-menu ul li {
    transition: all 0.35s;
}

.navigation-default .menu-primary ul li:hover > a, .navigation-default .menu-primary ul li.focus > a, .navigation-default .primary-menu ul li:hover > a, .navigation-default .primary-menu ul li.focus > a {
    color: #00BAF4;
}

.navigation-default .menu-primary ul li:hover > a::before, .navigation-default .menu-primary ul li.focus > a::before, .navigation-default .primary-menu ul li:hover > a::before, .navigation-default .primary-menu ul li.focus > a::before {
    width: 100%;
}

.navigation-default .menu-primary ul li:hover > .sub-menu, .navigation-default .menu-primary ul li:hover > .children, .navigation-default .menu-primary ul li.focus > .sub-menu, .navigation-default .menu-primary ul li.focus > .children, .navigation-default .primary-menu ul li:hover > .sub-menu, .navigation-default .primary-menu ul li:hover > .children, .navigation-default .primary-menu ul li.focus > .sub-menu, .navigation-default .primary-menu ul li.focus > .children {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0) !important;
}

.navigation-default .menu-primary ul li.menu-go-back, .navigation-default .menu-primary ul li.menu-show-all, .navigation-default .primary-menu ul li.menu-go-back, .navigation-default .primary-menu ul li.menu-show-all {
    display: none;
}

.navigation-default .menu-primary > ul > li, .navigation-default .primary-menu > ul > li {
    display: inline-block;
    /*----------  Sub Menu  ----------*/
}

.navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a, .navigation-default .menu-primary > ul > li .sub-menu li a {
    /* padding: 30px 20px; */
    color: #ffffff;
    font-size: 1.3rem;
    text-transform: none;
    position: relative;
    font-weight: 900;
    line-height: 1.3rem;
}

.navigation-default .menu-primary > ul > li .sub-menu li a {
    color: #231f20;
    padding: 10px 20px;
    font-size: 1rem;
}

.navigation-default .menu-primary > ul > li > a::before, .navigation-default .primary-menu > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    bottom: inherit;
    left: 0;
    background: #d1c697;
    transition: width 0.3s ease-in-out;
    top: -5px;
    background-color: #d1c697 !important;
}

.navigation-default .menu-primary > ul > li.current-menu-item > a, .navigation-default .menu-primary > ul > li.current_page_parent > a, .navigation-default .menu-primary > ul > li.current_page_item > a, .navigation-default .primary-menu > ul > li.current-menu-item > a, .navigation-default .primary-menu > ul > li.current_page_parent > a, .navigation-default .primary-menu > ul > li.current_page_item > a {
    color: #00BAF4;
}

.navigation-default .menu-primary > ul > li.current-menu-item > a::before, .navigation-default .menu-primary > ul > li.current_page_parent > a::before, .navigation-default .menu-primary > ul > li.current_page_item > a::before, .navigation-default .primary-menu > ul > li.current-menu-item > a::before, .navigation-default .primary-menu > ul > li.current_page_parent > a::before, .navigation-default .primary-menu > ul > li.current_page_item > a::before {
    width: 100%;
}

.navigation-default .menu-primary > ul > li .sub-menu, .navigation-default .menu-primary > ul > li .children, .navigation-default .primary-menu > ul > li .sub-menu, .navigation-default .primary-menu > ul > li .children {
    border-top: 2px solid #d1c697;
    position: absolute;
    z-index: 99999999999999999999999999999999999999999999999999999999999999999999;
    transform: translate(0, 30px);
    transition: transform 0.35s, visibility 0.35s, opacity 0.35s;
    opacity: 0;
    visibility: hidden;
    /* top: 100%; */
}

.navigation-default .menu-primary > ul > li .sub-menu li, .navigation-default .menu-primary > ul > li .children li, .navigation-default .primary-menu > ul > li .sub-menu li, .navigation-default .primary-menu > ul > li .children li {
    /* width: 250px; */
    background-color: #FFF;
}

.navigation-default .menu-primary > ul > li .sub-menu li a, .navigation-default .menu-primary > ul > li .children li a, .navigation-default .primary-menu > ul > li .sub-menu li a, .navigation-default .primary-menu > ul > li .children li a {
    /* padding: 10px 20px; */
    /* font-size: .8rem; */
}

.navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children, .navigation-default .menu-primary > ul > li .sub-menu li.page_item_has_children, .navigation-default .menu-primary > ul > li .children li.menu-item-has-children, .navigation-default .menu-primary > ul > li .children li.page_item_has_children, .navigation-default .primary-menu > ul > li .sub-menu li.menu-item-has-children, .navigation-default .primary-menu > ul > li .sub-menu li.page_item_has_children, .navigation-default .primary-menu > ul > li .children li.menu-item-has-children, .navigation-default .primary-menu > ul > li .children li.page_item_has_children {
    position: relative;
    /*----------  Inner Sub Menu  ----------*/
}

.navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .sub-menu, .navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .children, .navigation-default .menu-primary > ul > li .sub-menu li.page_item_has_children .sub-menu, .navigation-default .menu-primary > ul > li .sub-menu li.page_item_has_children .children, .navigation-default .menu-primary > ul > li .children li.menu-item-has-children .sub-menu, .navigation-default .menu-primary > ul > li .children li.menu-item-has-children .children, .navigation-default .menu-primary > ul > li .children li.page_item_has_children .sub-menu, .navigation-default .menu-primary > ul > li .children li.page_item_has_children .children, .navigation-default .primary-menu > ul > li .sub-menu li.menu-item-has-children .sub-menu, .navigation-default .primary-menu > ul > li .sub-menu li.menu-item-has-children .children, .navigation-default .primary-menu > ul > li .sub-menu li.page_item_has_children .sub-menu, .navigation-default .primary-menu > ul > li .sub-menu li.page_item_has_children .children, .navigation-default .primary-menu > ul > li .children li.menu-item-has-children .sub-menu, .navigation-default .primary-menu > ul > li .children li.menu-item-has-children .children, .navigation-default .primary-menu > ul > li .children li.page_item_has_children .sub-menu, .navigation-default .primary-menu > ul > li .children li.page_item_has_children .children {
    top: 0;
    position: absolute;
    left: 100%;
    transition: transform 0, visibility 0.35s, opacity 0.35s;
    transform: translate(-45px, 0);
}

.navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .sub-menu.sub-menu--left, .navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .children.sub-menu--left, .navigation-default .menu-primary > ul > li .sub-menu li.page_item_has_children .sub-menu.sub-menu--left, .navigation-default .menu-primary > ul > li .sub-menu li.page_item_has_children .children.sub-menu--left, .navigation-default .menu-primary > ul > li .children li.menu-item-has-children .sub-menu.sub-menu--left, .navigation-default .menu-primary > ul > li .children li.menu-item-has-children .children.sub-menu--left, .navigation-default .menu-primary > ul > li .children li.page_item_has_children .sub-menu.sub-menu--left, .navigation-default .menu-primary > ul > li .children li.page_item_has_children .children.sub-menu--left, .navigation-default .primary-menu > ul > li .sub-menu li.menu-item-has-children .sub-menu.sub-menu--left, .navigation-default .primary-menu > ul > li .sub-menu li.menu-item-has-children .children.sub-menu--left, .navigation-default .primary-menu > ul > li .sub-menu li.page_item_has_children .sub-menu.sub-menu--left, .navigation-default .primary-menu > ul > li .sub-menu li.page_item_has_children .children.sub-menu--left, .navigation-default .primary-menu > ul > li .children li.menu-item-has-children .sub-menu.sub-menu--left, .navigation-default .primary-menu > ul > li .children li.menu-item-has-children .children.sub-menu--left, .navigation-default .primary-menu > ul > li .children li.page_item_has_children .sub-menu.sub-menu--left, .navigation-default .primary-menu > ul > li .children li.page_item_has_children .children.sub-menu--left {
    left: -100%;
    transform: translate(45px, 0);
}

.navigation-default .menu-primary > ul > li .sub-menu.sub-menu--show, .navigation-default .menu-primary > ul > li .children.sub-menu--show, .navigation-default .primary-menu > ul > li .sub-menu.sub-menu--show, .navigation-default .primary-menu > ul > li .children.sub-menu--show {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}

.navigation-default.menu-has-submenu-indicator li.menu-item-has-children > a::after, .navigation-default.menu-has-submenu-indicator li.page_item_has_children > a::after {
    float: right;
    content: "\f107";
}

.navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a::after, .navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.sub-menu li.page_item_has_children > a::after, .navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.children li.menu-item-has-children > a::after, .navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.children li.page_item_has_children > a::after, .navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.sub-menu li.menu-item-has-children > a::after, .navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.sub-menu li.page_item_has_children > a::after, .navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.children li.menu-item-has-children > a::after, .navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.children li.page_item_has_children > a::after {
    content: "\f105";
}

.navigation-default.menu-has-submenu-devider .sub-menu li, .navigation-default.menu-has-submenu-devider .children li {
    border-top: 1px solid #E5E4E6;
}

.navigation-default.menu-has-submenu-devider .sub-menu li:first-child, .navigation-default.menu-has-submenu-devider .children li:first-child {
    border-top: none;
}

.navigation-default.menu-has-submenu-shadow .sub-menu, .navigation-default.menu-has-submenu-shadow .children {
    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.08);
}

/*----------  Offcanvas Menu  ----------*/
.navigation-offcanvas, .navigation-offcanvas-push {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #19232d;
    width: 300px;
    transform: translateX(-100%);
    transition: transform 0.35s;
    /* If submenu indicator is there*/
    /* if menu border is active*/
}

.navigation-offcanvas.navigation-offcanvas--right, .navigation-offcanvas-push.navigation-offcanvas--right {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

.navigation-offcanvas.navigation--show, .navigation-offcanvas-push.navigation--show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.navigation-offcanvas.navigation--show .nav-header .nav-close, .navigation-offcanvas-push.navigation--show .nav-header .nav-close {
    display: inline;
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    color: transparent;
}

.navigation-offcanvas.navigation--show .nav-header .nav-close::after, .navigation-offcanvas.navigation--show .nav-header .nav-close::before, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::after, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 19px;
    bottom: auto;
    right: auto;
    height: 20px;
    width: 2px;
    background: #FFF;
}

.navigation-offcanvas.navigation--show .nav-header .nav-close::after, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navigation-offcanvas.navigation--show .nav-header .nav-close::before, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navigation-offcanvas .nav-header, .navigation-offcanvas-push .nav-header {
    padding: 15px 30px;
    display: block;
    position: relative;
}

.navigation-offcanvas .nav-header .nav-title, .navigation-offcanvas-push .nav-header .nav-title {
    margin: 0;
    font-size: 20px;
    color: #cad5e1;
    text-transform: uppercase;
}

.navigation-offcanvas .nav-header .nav-close, .navigation-offcanvas-push .nav-header .nav-close {
    display: none;
}

.navigation-offcanvas .menu-primary, .navigation-offcanvas .primary-menu, .navigation-offcanvas-push .menu-primary, .navigation-offcanvas-push .primary-menu {
    height: 100%;
    position: relative;
}

.navigation-offcanvas .menu-primary ul li a, .navigation-offcanvas .primary-menu ul li a, .navigation-offcanvas-push .menu-primary ul li a, .navigation-offcanvas-push .primary-menu ul li a {
    color: #cad5e1;
    padding: 10px 30px;
}

.navigation-offcanvas .menu-primary ul li:hover, .navigation-offcanvas .primary-menu ul li:hover, .navigation-offcanvas-push .menu-primary ul li:hover, .navigation-offcanvas-push .primary-menu ul li:hover {
    background: #2C3C4D;
}

.navigation-offcanvas .menu-primary ul li:hover > a, .navigation-offcanvas .primary-menu ul li:hover > a, .navigation-offcanvas-push .menu-primary ul li:hover > a, .navigation-offcanvas-push .primary-menu ul li:hover > a {
    color: #FFF;
}

.navigation-offcanvas .menu-primary ul li.menu-item-has-children.menu-slided, .navigation-offcanvas .menu-primary ul li.page_item_has_children.menu-slided, .navigation-offcanvas .primary-menu ul li.menu-item-has-children.menu-slided, .navigation-offcanvas .primary-menu ul li.page_item_has_children.menu-slided, .navigation-offcanvas-push .menu-primary ul li.menu-item-has-children.menu-slided, .navigation-offcanvas-push .menu-primary ul li.page_item_has_children.menu-slided, .navigation-offcanvas-push .primary-menu ul li.menu-item-has-children.menu-slided, .navigation-offcanvas-push .primary-menu ul li.page_item_has_children.menu-slided {
    background: #19232d;
    border-top: 1px solid #212d3a;
}

.navigation-offcanvas .menu-primary ul li.menu-item-has-children.menu-slided > a, .navigation-offcanvas .menu-primary ul li.page_item_has_children.menu-slided > a, .navigation-offcanvas .primary-menu ul li.menu-item-has-children.menu-slided > a, .navigation-offcanvas .primary-menu ul li.page_item_has_children.menu-slided > a, .navigation-offcanvas-push .menu-primary ul li.menu-item-has-children.menu-slided > a, .navigation-offcanvas-push .menu-primary ul li.page_item_has_children.menu-slided > a, .navigation-offcanvas-push .primary-menu ul li.menu-item-has-children.menu-slided > a, .navigation-offcanvas-push .primary-menu ul li.page_item_has_children.menu-slided > a {
    color: #FFF;
}

.navigation-offcanvas .menu-primary ul li.menu-item-has-children ul.sub-menu, .navigation-offcanvas .menu-primary ul li.menu-item-has-children ul.children, .navigation-offcanvas .menu-primary ul li.page_item_has_children ul.sub-menu, .navigation-offcanvas .menu-primary ul li.page_item_has_children ul.children, .navigation-offcanvas .primary-menu ul li.menu-item-has-children ul.sub-menu, .navigation-offcanvas .primary-menu ul li.menu-item-has-children ul.children, .navigation-offcanvas .primary-menu ul li.page_item_has_children ul.sub-menu, .navigation-offcanvas .primary-menu ul li.page_item_has_children ul.children, .navigation-offcanvas-push .menu-primary ul li.menu-item-has-children ul.sub-menu, .navigation-offcanvas-push .menu-primary ul li.menu-item-has-children ul.children, .navigation-offcanvas-push .menu-primary ul li.page_item_has_children ul.sub-menu, .navigation-offcanvas-push .menu-primary ul li.page_item_has_children ul.children, .navigation-offcanvas-push .primary-menu ul li.menu-item-has-children ul.sub-menu, .navigation-offcanvas-push .primary-menu ul li.menu-item-has-children ul.children, .navigation-offcanvas-push .primary-menu ul li.page_item_has_children ul.sub-menu, .navigation-offcanvas-push .primary-menu ul li.page_item_has_children ul.children {
    display: none;
    background: #121920;
}

.navigation-offcanvas .menu-primary > ul > li > a, .navigation-offcanvas .primary-menu > ul > li > a, .navigation-offcanvas-push .menu-primary > ul > li > a, .navigation-offcanvas-push .primary-menu > ul > li > a {
    font-size: 14px;
}

.navigation-offcanvas.menu-has-submenu-indicator .menu-primary ul li.menu-item-has-children > a::after, .navigation-offcanvas.menu-has-submenu-indicator .menu-primary ul li.page_item_has_children > a::after, .navigation-offcanvas.menu-has-submenu-indicator .primary-menu ul li.menu-item-has-children > a::after, .navigation-offcanvas.menu-has-submenu-indicator .primary-menu ul li.page_item_has_children > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .menu-primary ul li.menu-item-has-children > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .menu-primary ul li.page_item_has_children > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .primary-menu ul li.menu-item-has-children > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .primary-menu ul li.page_item_has_children > a::after {
    content: "\f107";
}

.navigation-offcanvas.menu-has-submenu-indicator .menu-primary ul li.menu-item-has-children.menu-slided > a::after, .navigation-offcanvas.menu-has-submenu-indicator .menu-primary ul li.page_item_has_children.menu-slided > a::after, .navigation-offcanvas.menu-has-submenu-indicator .primary-menu ul li.menu-item-has-children.menu-slided > a::after, .navigation-offcanvas.menu-has-submenu-indicator .primary-menu ul li.page_item_has_children.menu-slided > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .menu-primary ul li.menu-item-has-children.menu-slided > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .menu-primary ul li.page_item_has_children.menu-slided > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .primary-menu ul li.menu-item-has-children.menu-slided > a::after, .navigation-offcanvas-push.menu-has-submenu-indicator .primary-menu ul li.page_item_has_children.menu-slided > a::after {
    content: "\f106";
}

.navigation-offcanvas.menu-has-submenu-devider .menu-primary ul li, .navigation-offcanvas.menu-has-submenu-devider .primary-menu ul li, .navigation-offcanvas-push.menu-has-submenu-devider .menu-primary ul li, .navigation-offcanvas-push.menu-has-submenu-devider .primary-menu ul li {
    border-top: 1px solid #212d3a;
}

/*----------  Full Screen  ----------*/
.navigation-fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #1f2a36;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s;
    /* if submenu indicator is active*/
}

.navigation-fullscreen .nav-header {
    display: block;
}

.navigation-fullscreen .nav-header .nav-title {
    display: none;
}

.navigation-fullscreen .nav-header .nav-close {
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    right: 50px;
    top: 50px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    color: transparent;
}

.navigation-fullscreen .nav-header .nav-close::after, .navigation-fullscreen .nav-header .nav-close::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 19px;
    bottom: auto;
    right: auto;
    height: 20px;
    width: 2px;
    background: #FFF;
}

.navigation-fullscreen .nav-header .nav-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navigation-fullscreen .nav-header .nav-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navigation-fullscreen .menu-primary, .navigation-fullscreen .primary-menu {
    height: 100%;
    position: relative;
}

.navigation-fullscreen .menu-primary ul, .navigation-fullscreen .primary-menu ul {
    padding: 10%;
}

.navigation-fullscreen .menu-primary ul li a, .navigation-fullscreen .primary-menu ul li a {
    padding: 5px 0;
    color: #aabbce;
    font-size: 3rem;
    transition: all 0.35s;
}

.navigation-fullscreen .menu-primary ul li.current-menu-item a, .navigation-fullscreen .menu-primary ul li.current_page_parent a, .navigation-fullscreen .menu-primary ul li.current_page_item a, .navigation-fullscreen .primary-menu ul li.current-menu-item a, .navigation-fullscreen .primary-menu ul li.current_page_parent a, .navigation-fullscreen .primary-menu ul li.current_page_item a {
    color: white;
}

.navigation-fullscreen .menu-primary ul li:hover a, .navigation-fullscreen .primary-menu ul li:hover a {
    color: #dae2ea;
}

.navigation-fullscreen .menu-primary ul li ul, .navigation-fullscreen .primary-menu ul li ul {
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}

.navigation-fullscreen .menu-primary ul.slide-out-menu > li > a, .navigation-fullscreen .primary-menu ul.slide-out-menu > li > a {
    -webkit-transform: translate(-150%, 0);
    -ms-transform: translate(-150%, 0);
    transform: translate(-150%, 0);
}

.navigation-fullscreen .menu-primary ul.slide-in-menu, .navigation-fullscreen .primary-menu ul.slide-in-menu {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.navigation-fullscreen .menu-primary > ul, .navigation-fullscreen .primary-menu > ul {
    position: relative;
}

.navigation-fullscreen .menu-primary > ul li > ul, .navigation-fullscreen .primary-menu > ul li > ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.navigation-fullscreen.navigation--show {
    opacity: 1;
    visibility: visible;
}

.navigation-fullscreen.menu-has-submenu-indicator .menu-primary ul li.menu-item-has-children > a::after, .navigation-fullscreen.menu-has-submenu-indicator .menu-primary ul li.page_item_has_children > a::after, .navigation-fullscreen.menu-has-submenu-indicator .primary-menu ul li.menu-item-has-children > a::after, .navigation-fullscreen.menu-has-submenu-indicator .primary-menu ul li.page_item_has_children > a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    padding: 0 0 0 10px;
}

/*----------  Mobile Navigation  ----------*/
.mobile-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #3b3737;
    padding: 0;
    margin: 0;
    z-index: 9999;
    transition: opacity 0.45s, visibility 0.45s, -webkit-transform 0.35s;
    transition: transform 0.35s, opacity 0.45s, visibility 0.45s;
    transition: transform 0.35s, opacity 0.45s, visibility 0.45s, -webkit-transform 0.35s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.mobile-navigation .nav-header {
    padding: 20px 25px;
    background: #101010;
    position: relative;
    display: block;
}

.mobile-navigation .nav-header .nav-title {
    color: #FFF;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 21px;
    font-weight: 300;
}

.mobile-navigation .nav-header .nav-close {
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    color: transparent;
}

.mobile-navigation .nav-header .nav-close::after, .mobile-navigation .nav-header .nav-close::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 19px;
    bottom: auto;
    right: auto;
    height: 20px;
    width: 2px;
    background: #FFF;
}

.mobile-navigation .nav-header .nav-close::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-navigation .nav-header .nav-close::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-navigation .menu-primary, .mobile-navigation .primary-menu {
    height: 100%;
    position: relative;
}

.mobile-navigation .menu-primary ul, .mobile-navigation .primary-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.mobile-navigation .menu-primary ul li a, .mobile-navigation .primary-menu ul li a {
    border-top: 1px solid #35495d;
    text-decoration: none;
    color: #FFF !important;
    display: block;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    padding: 10px 25px;
}

.mobile-navigation .menu-primary ul li.menu-item-has-children > a, .mobile-navigation .menu-primary ul li.page_item_has_children > a, .mobile-navigation .primary-menu ul li.menu-item-has-children > a, .mobile-navigation .primary-menu ul li.page_item_has_children > a {
    position: relative;
}

.mobile-navigation .menu-primary ul li.menu-item-has-children > a::after, .mobile-navigation .menu-primary ul li.page_item_has_children > a::after, .mobile-navigation .primary-menu ul li.menu-item-has-children > a::after, .mobile-navigation .primary-menu ul li.page_item_has_children > a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 4%;
    font-size: 20px;
    line-height: 1;
}

.mobile-navigation .menu-primary ul li .sub-menu li a, .mobile-navigation .menu-primary ul li .children li a, .mobile-navigation .primary-menu ul li .sub-menu li a, .mobile-navigation .primary-menu ul li .children li a {
    color: #FFF;
}

.mobile-navigation .menu-primary ul.slide-out-menu > li > a, .mobile-navigation .primary-menu ul.slide-out-menu > li > a {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.mobile-navigation .menu-primary ul.slide-in-menu, .mobile-navigation .primary-menu ul.slide-in-menu {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mobile-navigation .menu-primary > ul, .mobile-navigation .primary-menu > ul {
    position: relative;
}

.mobile-navigation .menu-primary > ul > li ul, .mobile-navigation .primary-menu > ul > li ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(105%, 0);
    -ms-transform: translate(105%, 0);
    transform: translate(105%, 0);
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}

.mobile-navigation.navigation--show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    z-index: 9999999999;
}

/*----------  Header-action  ----------*/
/*----------  Post navigation  ----------*/
/*----------  Footer Navigation  ----------*/
.footer-menu {
    list-style-type: none;
    /* padding: 0; */
}

.footer-menu li {
    display: inline-block;
    border-left: 2px solid #fff;
    line-height: 12px;
    padding: 0px 10px;
}

.footer-menu li:first-child {
    border: 0px;
    /* padding-left: 0; */
    /* text-align: center; */
}

.footer-menu li a {
    color: #ffffff;
    font-size: 1rem;
    text-transform: uppercase;
}

.footer-menu li a:hover {
    color: #000000;
}

/*----------  Header top menu  ----------*/
.site-content {
    z-index: 0;
}

.inner-container {
    /* flex: 1; */
}

.header-top-menu {
    list-style-type: none;
}

.header-top-menu ul {
    padding: 0;
    margin: 0;
}

.header-top-menu li {
    display: inline-block;
    margin-right: 5px;
}

.header-top-menu li a {
    color: #CBC9CF;
    font-size: 12px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
}

.header-top-menu li a:hover {
    color: #FFF;
}

/*----------  Social Menu  ----------*/
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* Fix bottom border issue with chrome */
.wp-a11y-speak-region {
    margin-top: -1px;
}

/*----------  Layout  ----------*/
.btn:hover {
    box-shadow: inset 1px 1px 100px rgba(255, 255, 255, 0.3);
}

.btn .fa {
    line-height: 1.3;
}

.btn .fa.icon-left {
    float: left;
    padding-right: 10px;
}

.btn .fa.icon-right {
    float: right;
    padding-left: 10px;
}

/*---------- On Page Builder Page  ----------*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
}

*, *::before, *::after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

#page {
    background: transparent;
    position: relative;
    top: 0;
    word-wrap: break-word;
    transition: padding 0.35s;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.inner-content {
    flex: 1;
    background: url("/wp-content/themes/SNS-suffice/img/background.jpg") no-repeat center center;
    background-size: cover;
    min-height: 100vh;
    padding: 0 0 30px;
}

#page.off-canvas {
    padding-left: 300px;
    overflow: hidden;
}

#page.off-canvas.slide-from-right {
    padding-left: 0;
    padding-right: 300px;
}

/*----------  Layout  ----------*/
#primary, #secondary {
    margin-top: 60px;
}

#primary {
    float: none;
    clear: none;
    width: inherit;
    max-width: 1370px;
    margin: 0px auto;
    padding: 20px;
    background: transparent;
}

#primary {
    padding: 0px 20px;
    /* max-width: 100%; */
}

.home #primary {
    max-width: inherit;
    padding: 0;
}

/*====================================
=            Homepage App            =
====================================*/
.app-features .app-features-left, .app-features .app-features-right {
    padding: 10% 0 0;
}

.app-features .app-feature-image {
    text-align: center;
}

.cta-app {
    margin-bottom: 0;
    padding: 0;
}

.cta-app .cta-app-image {
    padding-top: 90px;
    margin-bottom: -4px;
}

.cta-app .cta-info {
    margin-top: 28%;
}

/*----------  Header  ----------*/

.header-top {
    padding: 15px 0;
    background-color: #1F1F1F;
    border-bottom: 0 solid rgba(255, 255, 255, 0.5);
    transition: all 0.35s;
}

.site-header {
    top: 0;
    left: 0;
    right: 0;
    background: white;
    /* z-index: 99999999999999999999999; */
}

.page-id-9 .site-header {
    /* position: absolute; */
}

.header-bottom {
    background-color: #d1c697;
    border-bottom: 0;
    transition: all 0.35s;
    /* background-color: transparent; */
    padding: 10px;
}

.header-middle-section {
    background: rgba(250, 250, 250, 0.84);
    z-index: 999999999999999999;
    padding: 0;
    transform: translateY(0%);
    transition: all .5s;
    position: relative;
}

.header-middle-section .container {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr;
    padding: 0;
    background: #fbfbfb;
    padding: 0;
}

.header-bottom .container {
    /* position: relative; */
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-content: space-between;
    padding: 0;
    /* margin: 0px auto; */
}
.top-navbar {
    /* max-width: 1170px; */
    /* margin: 0px auto; */
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.top-navbar a {
    color: #fff;
    /* position: relative; */
}

.top-navbar .widget {
    margin: 0;
}
.top-navbar .widget .social-media-button-container{
    display: flex;
}
.top-navbar .textwidget p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 5px 0px;
}

.top-menu {
    display: flex;
    /* align-items: flex-end; */
}

.top-navbar #menu-top-menu {
    display: flex;
    /* justify-content: flex-end; */
    margin: 0;
    padding: 0;
}

.top-navbar #menu-top-menu li {
    border-right: 0;
    line-height: 1rem;
    list-style: none;
    position: relative;
    padding: 0px 10px;
    margin: 0px 5px;
    /* display: flex; */
    /* align-items: center; */
}

.top-navbar #menu-top-menu li a::before,.top-navbar .email-icon a::before,.top-navbar .phone-icon a::before {
    display: inline-block;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    right: inherit;
    left: 0;
    margin: 0px 5px;
    /* font-family: "Font Awesome 5 free"; */
    color: #fff;
    margin: 0px 0px 0px -3px;
    transform: scale(1);
    transition: all .5s;
    background-repeat: no-repeat;
}

.top-navbar #menu-top-menu li:nth-child(3) a::before {
    /* content: "\f07a"; */
    background: url("img/shopping-cart-solid.svg") top left;
    /* margin: 0px 0px 0px -4px; */
}

.top-navbar #menu-top-menu li:nth-child(2) a::before {
    /* content: "\f07a"; */
    background: url("img/heart-solid.svg") top left;
    /* margin: 0px 0px 0px -4px; */
}

.top-navbar #menu-top-menu li:last-child a::before {
    /* content: "\f064"; */
    background: url(img/share-solid.svg) top left;
}

.top-navbar #menu-top-menu li:first-child a::before {
    background: url("img/user-solid.svg") top left;
}

.top-navbar #menu-top-menu li:last-child {
    border: 0px;
}

.top-navbar #menu-top-menu li a {
    color: #fff;
    font-size: 1rem;
    /* text-transform: uppercase; */
    text-decoration: none;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    /* transform: scale(1); */
}

.top-navbar #menu-top-menu li a:hover::before {
    /* padding-bottom: 2px; */
    transform: scale(1.4);
    /* fill: red; */
}

.top-navbar .email-icon a::before {
    background: url("img/envelope-solid.svg") no-repeat top left;
}

.top-navbar .phone-icon a::before {
    background: url("img/phone-solid.svg") no-repeat top left;
}

.top-navbar .phone-icon a,.top-navbar .email-icon a {
    position: relative;
    top: 0px;
}

.top-navbar .phone-icon a::before,.top-navbar .email-icon a::before {
    margin: 0px 0px 0px -18px;
    top: 4px;
}

.header-bottom .header-bottom-right-section {
    /* display: flex; */
    /* flex-grow: 1; */
    /* flex-direction: row-reverse; */
    /* justify-content: flex-end; */
    /* float: none; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    /* align-content: space-between; */
    /* flex: 3; */
}

.header-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 2;
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    /* align-content: space-between; */
    /* min-width: 0; */
}

.header-sticky .header-inner-wrapper {
    top: 0;
    width: 100%;
    z-index: 999;
    transition: transform 0.35s, box-shadow 0.35s;
}

.header-sticky.header-transparent-logo.headroom--top .logo-container {
    display: none;
}

.header-sticky.header-transparent-logo.headroom--top .logo-container--transparent {
    display: block;
}

.header-transparent.headroom--top .header-inner-wrapper .header-top {
    background: transparent;
}

.header-transparent.headroom--top .header-inner-wrapper .header-bottom {
    background: transparent;
}
.sticky {
    position: fixed;
    /* top: 0; */
    /* right: 0; */
    /* left: 0; */
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #928d8d;
    transition: all .5s;
    padding-top: 40px;
    background: white;
}
.header-middle-section.sticky{
       transform: translateY(-50%);
       /* transform: translateX(0%); */
       /* transition: all .35s; */
}
/* search  */
.header-action-search-form.header-action-search-form--show {
    display: flex;
    /* transform: translateX(0%); */
    /* transform: translateY(0%); */
    position: relative;
    top: 0;
    /* right: 60px; */
    width: auto;
    background: transparent;
    border: 0;
    /* align-self: center; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: flex-end; */
    /* align-items: flex-end; */
    padding: 0;
    /* grid-column: 4/4; */
    /* justify-self: end; */
}

.search-form {
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
}

.search-form label {
    margin-bottom: 0;
}

.search-form .search-field {
    /* width: auto; */
    border-radius: 0;
    padding: 8px 10px;
    margin-bottom: 2px;
    /* width: auto; */
    background: url(img/search-solid.svg) no-repeat 5% center;
    border-radius: 20px;
    padding: 10px 5px 10px 41px;
    margin: 0px 5px;
}

/* menu */
.menu-primary #menu-main-menu {
    /* float: left; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

.header-action-container {
    float: none;
    padding: 0;
    /* order: 2; */
    display: flex;
    /* align-items: center; */
    /* justify-content: flex-end; */
    flex: 1;
}

.header-action-container .navigation-header-action {
    display: none;
}

.header-action-container .navigation-header-action > li.header-action-item-search {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.header-action-container .navigation-header-action > li:last-child {
    display: none;
}

#contact-section,.links-section {
    /* grid-column: 2/4; */
    /* grid-row: 1/1; */
    /* align-self: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 5px auto;
}

#contact-section a {
    color: #231f20 !important;
    border: 0;
}

#contact-section a, #contact-section p {
    font-size: .9rem;
}

#contact-section a:hover {
    background: none;
    color: #e784af !important;
}

#contact-section .widget {
    margin: 0;
}

#contact-section .ow-button-base {
    line-height: 26px;
    text-align: right;
}

.contact-text p {
    font-size: 1.5rem;
    /* text-transform: uppercase; */
    line-height: 1.5rem;
    font-weight: bold;
    color: #fff;
}

#contact-button .ow-button-base a {
    color: #fff !important;
    border: 3px solid #fff;
    padding: 10px 60px;
    font-size: 2rem;
    background: transparent;
    transition: all .35s;
}

#contact-button .ow-button-base a:hover {
    background: #655b5f;
}

#contact-options .ow-button-base a {
    border: 0;
    padding: 0 10px;
}

#contact-options .ow-button-base a:hover {
    background: none;
    color: #e784af !important;
}

#contact-options .so-panel.widget.widget_sow-button {
    margin-bottom: 0;
}

.wp-block-table.is-style-stripes {
    background: #a09d7d;
    border: 1px solid #000;
    box-shadow: 0px 4px 38px #969595;
}

#contact-page .caldera-grid .form-group {
    margin-bottom: 0 ;
}

#contact-page .caldera-grid .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(225, 217, 178);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(225, 217, 178);
    border-color: #231f20;
}

/*----------  Site Identity and Logo  ----------*/
.site-identity-container,.logo-container, .site-branding {
    display: flex;
    padding: 0;
    justify-content: center;
    /* grid-column: 1/-1; */
    grid-row: 1/1;
}

.header-bottom-right-section {
    grid-column: 1/4;
}

.logo-container--transparent {
    display: none;
}

.site-branding {
    display: none;
}

.site-branding .site-title {
    font-size: 20px;
    margin: 0;
}

.site-branding .site-title a {
    color: #424143;
}

.site-branding .site-title a:hover {
    color: #00BAF4;
}

.site-description {
    margin: 0;
    font-size: 12px;
    color: #67666A;
}

/*----------  Widget  ----------*/
.widget {
    margin: 0 0 10px;
}

.widget .widget-title {
    font-size: 18px;
    margin: 0 0 15px;
    position: relative;
    font-weight: 500;
}

.widget > ul, .widget .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.widget > ul > li, .widget .menu > li {
    border-bottom: 1px solid #F4F3F3;
    padding: 10px 0;
    line-height: 24px;
}

.widget > ul > li span, .widget > ul > li span a, .widget .menu > li span, .widget .menu > li span a {
    color: #807F83;
}

.widget > ul > li a:hover, .widget .menu > li a:hover {
    color: #00BAF4;
}

.widget > ul > li:last-child, .widget .menu > li:last-child {
    border-bottom: none;
}

.widget.widget--ribbon .widget-title {
    padding: 0 0 0 30px;
}

.widget.widget--ribbon .widget-title::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 15px solid #00BAF4;
    border-right: 15px solid transparent;
}

.widget.widget_search .search-form, .widget.widget_product_search .search-form {
    position: relative;
}

.widget.widget_search .search-field, .widget.widget_product_search .search-field {
    padding: 10px 16px;
    display: block;
    width: 100%;
    border: 1px solid #E5E4E6;
    transition: all 0.35s;
    outline: none;
    border-radius: 3px;
}

.widget.widget_search .search-field:focus, .widget.widget_product_search .search-field:focus {
    border: 1px solid #00BAF4;
}

.widget.widget_search input[type="submit"], .widget.widget_search .search-submit, .widget.widget_product_search input[type="submit"], .widget.widget_product_search .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    background: none;
    border: none;
    outline: none;
    padding: 0 12px;
    color: #424143;
    transition: all 0.3s ease-in-out;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.widget.widget_search input[type="submit"] .fa, .widget.widget_search .search-submit .fa, .widget.widget_product_search input[type="submit"] .fa, .widget.widget_product_search .search-submit .fa {
    color: #67666A;
}

.widget.widget_search input[type="submit"]:hover, .widget.widget_search .search-submit:hover, .widget.widget_product_search input[type="submit"]:hover, .widget.widget_product_search .search-submit:hover {
    background: #00BAF4;
    color: #FFF;
}

.widget.widget_recent_comments .recentcomments a {
    display: inline-block;
}

.widget.widget_calendar td, .widget.widget_calendar th {
    line-height: 2.5625;
    padding: 0;
    text-align: center;
}

.widget.widget_calendar caption {
    font-size: 18px;
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 0 30px;
    font-weight: 500;
}

.widget.widget_calendar caption::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 15px solid #00BAF4;
    border-right: 15px solid transparent;
}

.widget.widget_calendar tbody a {
    background-color: #00BAF4;
    color: #FFF;
    display: block;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.35s;
}

.widget.widget_calendar tbody a:hover, .widget.widget_calendar tbody a:focus {
    background-color: #EF7278;
    color: #FFF;
}

.widget.widget_calendar tfoot a {
    color: #00BAF4;
}

.widget.widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 5px;
    border: 1px solid #999DB2;
    transition: all 0.35s;
    font-size: 12px;
    text-decoration: none;
    color: #807F83;
    margin-bottom: 5px;
    margin-right: 5px;
}

.widget.widget_tag_cloud .tagcloud a:hover {
    background: #00BAF4;
    border-color: #00BAF4;
    color: #FFF;
}

.widget.no-bottom-margin {
    margin-bottom: 0;
}

/*----------  Content  ----------*/
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    max-width: 100%;
}

/*----------  Footer  ----------*/
.site-footer {
    margin-top: auto;
    background-color: transparent;
    background: url("/wp-content/themes/SNS-suffice/img/footer-bg.jpg") top center;
}

/* Footer Widgets */
.footer-widgets.footer-widgets-col--four .footer-widget-area .footer-sidebar-1 {
    flex-basis: 20%;
}

.footer-bottom .site-info {
    padding: 15px 0;
    font-size: 12px;
    flex: 6;
    color: #516F8E;
}

.footer-bottom .site-info a {
    text-decoration: none;
    color: #516F8E;
}

.footer-bottom .site-info a:hover {
    color: #89a2bc;
}

.footer-bottom .footer-bottom-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #212538;
}

.footer-bottom .footer-social-links {
    padding: 15px 0;
}

.suffice-body-dimmer {
    transition: all 0.35s;
}

.suffice-body-dimmer.dim-it {
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

/*----------  responsive  ----------*/
@media (max-width: 1498px) {
    .page-id-9 .site-header {
        /* position: relative; */ /* z-index: 9; */
    }
}

@media (min-width: 1500px) {
    .header-bottom .container {
        width: 1500px;
    }
}

@media screen and (min-width: 992px) {
    /* Make sticky header on desktop */ .header-sticky-desktop .header-inner-wrapper {
        position: fixed;
    }

    .header-sticky-desktop.headroom--not-top .header-inner-wrapper {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
}

@media (min-width: 769px) {
    /* Only make slider full viewport height on larger devices */ .slider.slider-height--full .swiper-container {
        height: 100vh;
    }
}

@media screen and (max-width: 992px) {
    /* breadcrumbs on mobile and tablets */ .breadcrumbs {
        padding: 15px 0;
    }

    .breadcrumbs .breadcrumbs-page, .breadcrumbs .breadcrumbs-trail {
        float: none;
    }

    .breadcrumbs .breadcrumbs-page {
        margin-bottom: 5px;
    }

    .breadcrumbs .breadcrumbs-page .breadcrumbs-page-title {
        font-size: 18px;
    }

    .breadcrumbs .breadcrumbs-trail li a, .breadcrumbs .breadcrumbs-trail li span {
        font-size: 12px;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .header-sticky-tablet .header-inner-wrapper {
        position: fixed;
    }

    .header-sticky-tablet.headroom--not-top .header-inner-wrapper {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
}

@media screen and (max-width: 768px) {
    .sticky {
        /* position: relative; */
    }

    #contact-section .ow-button-base.ow-button-align-right {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .header-sticky-mobile .header-inner-wrapper {
        position: fixed;
    }

    .header-sticky-mobile.headroom--not-top .header-inner-wrapper {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }

    /* When logo is in center and menu also on center*/
    .logo-center-menu-center .header-action-container {
        top: -75px;
    }
}

@media screen and (max-width: 480px) {
    /* Header adjustment on mobile devices*/ .header-top .container--flex {
        flex-direction: column;
    }

    .header-top .header-top-left-section, .header-top .header-top-right-section {
        text-align: center;
    }

    .header-top .header-top-left-section {
        margin-bottom: 10px;
    }

    .featured-post-container.feature-post-style-two .feature-post-grid-container {
        position: initial;
        max-width: none;
    }

    .slider .slider-content .slider-title {
        font-size: 24px !important;
    }

    .slider .slider-content .slider-description {
        display: none;
    }

    .slider .slider-content .btn {
        padding: 15px 20px;
        font-size: 12px;
    }

    .slider .swiper-button-next, .slider .swiper-button-prev {
        display: none;
    }

    .header-action-search-form {
        /* right: -35px; */
    }

    .cta .cta-bordered-inner .cta-actions .btn-group .btn {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .footer-widgets {
    }

    .footer-widgets.footer-widgets-col--two .footer-widget-area, .footer-widgets.footer-widgets-col--three .footer-widget-area, .footer-widgets.footer-widgets-col--four .footer-widget-area {
        width: 100%;
    }

    .footer-bottom .footer-bottom-container {
        flex-direction: column;
    }

    .footer-bottom .footer-bottom-container .site-info, .footer-bottom .footer-bottom-container .footer-navigation {
        width: 100%;
        text-align: center;
    }

    .footer-bottom .footer-bottom-container .footer-menu {
        padding: 0;
        margin-top: 0;
    }
}

/*=====  End of Admin Bar   ======*/
/*----------  Compatibility  ----------*/
/* Remove display of required Google Rich Snippets class */
.extra-hatom-entry-title {
    display: none;
}

.updated:not(.published) {
    display: none;
}

/* custom styles */
.metaslider .flexslider .flex-direction-nav li a {
}

.metaslider .flex-control-nav {
    justify-content: center !important;
    top: 92% !important;
}

.metaslider .flexslider .flex-control-nav a {
    background: rgb(251, 243, 209) !important;
}

.metaslider .flexslider .flex-control-nav a.flex-active {
    background: rgb(206, 0, 89) !important;
}

.tp-caption p {
    text-align: center;
}

.tp-caption p {
    font-size: 1.2rem !important;
    line-height: 30px;
}

.tp-caption h1 {
    color: #fff;
    font-size: 2.5rem !important;
    /* font-family: "Orbitron", Helvetica, Arial, sans-serif; */
    text-align: center !important;
}

.tp-caption.rev-btn {
    background: #009345 !important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.tp-caption.rev-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #006fb5;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.tp-caption.rev-btn:hover {
    /* 	background: #006fb5 !important; */
    color: #fff !important;
}

.tp-caption.rev-btn:hover:before, .tp-caption.rev-btn:focus:before, .tp-caption.rev-btn:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.heading-title .sow-headline-container,.tp-caption.tp-resizeme {
    background: #00000038;
    padding: 30px !important;
    max-width: 80%;
    margin: 0px auto;
}

.heading-title h2,.heading-title p,.tp-caption h1,.tp-caption p {
    text-shadow: 3px 5px 6px #000;
}

/* top header buttons */
.logo-container a {
    display: flex;
    justify-content: flex-start;
}

.logo-container img {
    /* display: block; */
    margin: 20px 0;
    /* max-width: 230px; */
}
.sticky .logo-container img{
    height: 130px;
    width: 270px;
}
.panel-grid.panel-has-style .top-contact-section.panel-row-style {
    justify-content: flex-start;
}

.email-button .btn {
    font-size: 0.75rem;
    padding: 9px 12px;
    /* text-transform: inherit; */
}

.phone-button .btn {
    font-size: 1rem;
    padding: 6px 30px;
}

.email-button .btn,.phone-button .btn {
    font-weight: 700;
    font-family: "Orbitron",serif;
    text-transform: inherit;
}

.email-button .btn:before,.phone-button .btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.email-button .btn:hover:before, .email-button .btn:focus:before, .email-button .btn:active:before,.phone-button .btn:hover:before,.phone-button .btn:focus:before,.phone-button .btn:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.email-button .btn:hover, .email-button .btn:focus, .email-button .btn:active,.phone-button .btn:hover,.phone-button .btn:focus,.phone-button .btn:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* menu styles */
.navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a {
    padding: 5px;
    color: #655b5f!important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    font-stretch: condensed;
}

.navigation-default .menu-primary ul li:hover > a,.navigation-default .menu-primary > ul > li .sub-menu li:hover a {
    color: #a08a2c !important;
}

.navigation-default .menu-primary > ul > li, .navigation-default .primary-menu > ul > li {
    border-left: 0;
    line-height: 0.5rem;
    position: relative;
    flex: 1;
    justify-content: center;
}

.navigation-default .menu-primary > ul > li:first-child {
    border: 0;
    /* flex: 1; */
}

/* form section */
.form-section .caldera-grid .form-control {
    color: #000 !important;
    font-style: italic;
    padding: 1.5rem 2rem;
    border: 0;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}

/* footer styles */
.footer-top {
    /* border-bottom: 1px solid #fff; */
}

.footer-widgets {
    display: table;
    /*old safari */
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    grid-template-rows: 1fr;
    /* grid-gap: 20px; */
    /* justify-items: center; */
    /* align-items: center; */
    padding: 30px 0 15px;
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-1,.footer-widgets.footer-widgets-col--four .footer-widget-area {
    width: 100%;
    display: table-cell;
    /*old safari */
}

.footer-widgets.footer-widgets-col--four .footer-widget-area h2 {
    border-bottom: 1px solid #655b5f;
    padding: 0px 0px 15px;
    text-transform: capitalize;
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-1 {
    flex-basis: 15%;
    grid-column: 1/2;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-4 {
    /* grid-column: 7/-1; */
    border-top: 1px solid #655b5f;
    margin-top: 38px;
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-2 {
    /* flex-basis: 50%; */
    grid-column: 3/4;
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fit,minmax(20px,1fr)); */
    /* justify-self: stretch; */
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-3 {
    /* flex-basis: 15%; */
    /* grid-column: 4/6; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-3 .panel-grid {
    margin: 0 !important;
}

.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-3 .panel-layout {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

.footer-widget-area.footer-sidebar-3 {
    /* font-family: "Orbitron",serif; */
}

.footer-widget-area.footer-sidebar-3 a {
    color: #fff;
    /* font-size: .6rem; */
    line-height: .4rem;
}

.footer-widget-area.footer-sidebar-3 p+p a {
    /* font-size: .75rem; */
}

.site-footer > .container {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
    padding: 20px 0px;
    /* border-top: 1px solid #ffffff69; */
}

.footer-navigation, .site-info a {
    font-size: .9rem;
    color: #675d60;
}

.site-info a,.footer-navigation a {
    /* color: #fff; */
}

#sow-social-media-buttons-2 .sow-social-media-button {
    border: 0;
}

#sow-social-media-buttons-2 .sow-social-media-button:hover {
    background: none;
    color: #e784af !important;
}

/* ===================== custom style =========================== */
.full-bg {
    background: rgba(255,255,255,.7);
}

.middle-section .panel-grid-cell {
    max-width: 1170px;
    margin: 0px auto;
}

.bottom-middle-section .panel-grid-cell {
    max-width: 1500px;
    margin: 0px auto;
}

.panel-first-child {
}

.bottom-section .wp-block-cover-text {
    color: #2c419a;
    max-width: 60%;
    font-size: 2rem;
}

.owl-stage-outer {
    /* max-width: 1226px; */
    margin: 0px auto;
}

.owl-stage {
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fit, minmax(212px, 1fr)); */
    /* width: 100%!important; */
}

.owl-stage .owl-item {
    /* width: auto !important; */
}

.metaslider.ms-theme-simply-dark.has-dots-nav {
    margin: 0;
}

.home-full-slider,.sow-slider-base {
    margin-bottom: 50px;
}

.middle-section-title h3 {
    color: #ffd07d;
    font-size: 60px;
    margin: 20px auto;
}

.middle-section-title h5 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
}

.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
    opacity: .6;
}

.mini-cart-inner p {
    color: #fff;
}

.site-header.logo-center-menu-center .header-bottom-right-section {
    position: relative;
    display: flex;
    flex-direction: column;
}

.screen-reader-text {
    display: none;
}

.header-action-search-form {
    /* top: 20px; */
    width: 100%;
}

.header-action-container .fa {
    color: #ffffff;
    line-height: 45px;
    background: #d1c697;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* order: 2; */
    margin-left: 0;
    display: flex;
}

.header-action-badge {
    line-height: 11px;
}

.header-action-container .fa:before {
    padding: 0px 0px 0px 7px;
}

.search-form .search-submit {
    display: inline-block;
    background: #23282d;
    border-radius: 0;
    padding: 9px 8px;
}

.search-form .search-submit:hover {
    background: #2c2829;
}

.site-header.logo-center-menu-center .header-action-container {
    order: -1;
    /* right: 0; */
    /* top: 0; */
    position: relative;
}

.site-header.logo-center-menu-center .navigation-default {
    border: 0;
}

.footer-area {
    display: flex;
    justify-content: flex-end;
    font-weight: bold;
}

.site-info {
    text-align: center;
    font-size: 1rem;
}

.footer-widgets .widget .widget-title,.footer-widgets h3 {
    font-size: 21px;
    margin: 0 0 15px;
    position: relative;
    font-weight: 500;
    color: #655b5f;
}

.footer-widgets .widget ul.menu {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* align-items: center; */
}

#menu-our-range {
    display: block;
    -moz-column-count: 2;
    -moz-column-gap: 5px;
    -webkit-column-count: 2;
    -webkit-column-gap: 5px;
    column-count: 2;
    column-gap: 5px;
}

.footer-widgets .widget ul li {
    padding: 0;
}

.footer-widgets .widget ul li a {
    color: #655b5f;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: normal;
    /* font-size: .9rem; */
    display: inline-block;
    transition: all 0.35s;
}

#sow-social-media-buttons-2 .sow-icon-fontawesome[data-sow-icon]:before {
    font-size: 40px;
}

.footer-widgets .widget p, .footer-widgets .widget a {
    margin: 0;
    font-size: 1rem;
    color: #655b5f;
}

.services-section .wp-block-column {
    position: relative;
}

.services-section .wp-block-column:hover .wp-block-cover::before,.services-section .wp-block-column:hover .wp-block-cover-image::before {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    opacity: .3;
}

.services-section .wp-block-column .wp-block-cover-text::before {
    position: absolute;
    content: '';
    /* 	/* opacity: 0; */
    /* top: 176px; */
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.services-section .wp-block-column .wp-block-cover-text a {
    text-decoration: none;
}

.services-section .wp-block-column .wp-block-cover-text::after {
    top: 30px;
    /* right: 22px; */
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    position: absolute;
    content: '';
    opacity: 0;
}

.services-section .wp-block-column:hover .wp-block-cover-text::before {
    opacity: .9;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.services-section .wp-block-column:hover .wp-block-cover-text::after {
    opacity: .9;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.hidden-caption-section {
    position: relative;
}

.hidden-caption-section .wp-block-cover-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background: #ffffffb5;
    color: #172934;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.hidden-caption-section:hover .wp-block-cover-text {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.wp-block-cover, .wp-block-cover-image {
    width: auto;
    margin: 0;
}

.cta-section p {
    text-transform: uppercase;
    line-height: 2rem;
}

#cta-email .ow-button-base a,#cta-phone .ow-button-base a {
    border: 2px solid #fff !important;
    color: #fff !important;
    width: 90%;
}

#cta-email .ow-button-base a.ow-icon-placement-left .sow-icon-image,#cta-email .ow-button-base a.ow-icon-placement-left [class^="sow-icon-"], #cta-phone .ow-button-base a.ow-icon-placement-left .sow-icon-image,#cta-phone .ow-button-base a.ow-icon-placement-left [class^="sow-icon-"] {
    margin: -0.1em .75em -0.2em 1em;
}

.cta-section .panel-grid-cell {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.cta-section .panel-grid-cell .panel-first-child {
    grid-column: 1/-1;
}

.bottom-section {
    min-height: 765px;
    flex-direction: column;
    justify-content: flex-start;
}

/* slider */
.so-widget-sow-slider {
    display: none;
}

.metaslider #metaslider_302 .caption-wrap {
    max-width: 980px;
    padding: 20px;
    right: inherit!important;
    left: 25% !important;
    top: inherit;
    bottom: 10%;
    left: inherit;
    background: #d1c697e0;
    margin: 14px 0rem 3.5rem;
}

.metaslider #metaslider_302 .caption-wrap .caption {
    border: 3px solid #655b5f;
    padding: 50px;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 41px;
    /* text-align: center; */
    color: #655b5f;
    font-weight: bold;
}

.metaslider #metaslider_302 .caption-wrap h2, .metaslider #metaslider_302 .caption-wrap p {
    color: #2c419a;
    font-weight: normal;
}

.sow-slider-base .sow-slider-pagination {
    text-align: center !important;
}
.video-section.wp-block-video.aligncenter {
    text-align: center;
    max-width: 750px;
}
/* instagram */
#sb_instagram {
    max-width: 1170px !important;
}

#sb_instagram #sbi_images {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(228px,1fr));
}

#sb_instagram .sbi_photo {
    height: 200px!important;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    width: auto !important;
}

/* woocommerce */
.woocommerce form .form-row.notes .optional{
    display: none;
}
.woocommerce .ui-widget-header{
        background: #f5eecf !important;
}
.woocommerce  .ui-state-default,.woocommerce  .ui-widget-content .ui-state-default,.woocommerce  .ui-widget-header .ui-state-default{
     background: #e1d9b2 !important;
}
.delivery_date_label + img{
    margin-left: 10px !important;
}.woocommerce div.product form.cart .variations{
    margin-bottom: 0;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
    line-height: 1em;
    padding: 0 0.4375em;
}
.woocommerce td.product-name dl.variation dt{
    float: none;
}
.woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th{
    /* text-align: center; */
}
.woocommerce-cart table.cart img{
    width: 100%;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{display: flex;justify-content: space-between;}
.disclaimer{order: -1;padding: 30px 20px 0px;/* border: 1px solid #000; */}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    /* width: 100%; */
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    position: relative;
}

#viewerCanvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    width: 200px;
    height: 200px;
    margin: 0px auto;
    z-index: 99;
}

#viewerCanvas.open-review {
    visibility: visible;
}

#product-image .woocommerce-product-gallery__image {
    width: 100%;
}

.buttons {
    display: flex;
    justify-content: center;
    /* visibility: hidden; */
}

#preview-it,#close-it {
    border: 1px solid #2c419a;
    border-radius: 20px;
    background: #2c419a;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    /* text-shadow: 0px 2px 8px #8c9bde; */
    padding: 10px 20px;
    margin: 0px 2px;
}

.wccpf-fields-container {
    display: none;
}

.show-button {
    display: block;
}

.hide-button {
    display: none;
}

.pswp--open,.mini-cart-sidebar.show-mini-cart {
    z-index: 9999999999;
}

.woocommerce .site-content {
    max-width: 1170px;
    margin: 0px auto;
    padding: 15px 0px;
}

.woocommerce .woocommerce-breadcrumb {
    float: none;
    background: #2c2829;
    border: 1px solid #d1c697;
    padding: 0px 20px;
    box-shadow: 0px 1px 13px #181b1fd1;
    color: #e784af;
    text-transform: uppercase;
    font-size: 14px;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #f7f6f2;
    /* font-size: 14px; */
    /* text-transform: uppercase; */
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button,.woocommerce ul.products li.product .button,.woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button {
    background: #231f20;
    border-radius: 50px;
}

.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .add_to_cart_button:hover {
    background: #231f20;
    color: #fff;
}

.woocommerce .related.products li.product .add_to_cart_button,.woocommerce .related.products li.product .added_to_cart wc-forward {
    width: 100%;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 1.3rem;
    padding: 10PX;
}

.woocommerce ul.products li.product .added_to_cart, .woocommerce-page ul.products li.product .added_to_cart {
    border: 0;
    margin: 10px auto;
}

.woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button {
    margin-top: 4px;
    width: auto;
}

.woocommerce-page div.product form.cart .button:hover {
    background: #e784af;
    padding: 12px 30px;
    font-size: 12px;
    line-height: 1.15;
}

.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce-page ul.products li.product .added_to_cart:hover, .woocommerce ul.products li.product .add_to_cart_button, .woocommerce-page ul.products li.product .add_to_cart_button {
    background: #e784af;
    color: #fff;
    /* display: flex; */
    border-radius: 50px;
    /* width: auto; */
    /* margin: 0px auto; */
    /* display: flex; */
    /* justify-content: center; */
    /* line-height: 30px; */
    /* font-size: 1.3rem; */
    /* padding: 0; */
    border: 0;
}

.woocommerce ul.products li.product .added_to_cart:hover, .woocommerce-page ul.products li.product .added_to_cart:hover {
    max-width: 60%;
    /* margin: 0px auto; */
}

.woocommerce ul.products li.product .add_to_cart_button {
    margin: 0px auto;
    font-size: 20px;
}

.home .woocommerce ul.products li.product .add_to_cart_button {
    max-width: 60%;
}

.woocommerce #review_form #respond .form-submit input {
    background: #231f20;
    color: #fff;
    border-radius: 50px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
    background: #e784af;
    color: #fff;
    border-radius: 50px;
}

.woocommerce ul.products li.product .add_to_cart_button::before, .woocommerce-page ul.products li.product .add_to_cart_button::before {
    font-size: 1.6rem;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    color: #000;
    padding: 0;
}

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    padding: 0;
    margin: 0;
}

.woocommerce .related h2::after, .woocommerce .upsells h2::after, .woocommerce .cross-sells h2::after, .woocommerce-page .related h2::after, .woocommerce-page .upsells h2::after, .woocommerce-page .cross-sells h2::after {
    display: none;
}

.woocommerce ul.products li.product a img,.woocommerce div.product div.images img {
    margin: 10px auto;
    width: auto;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
    /* max-height: 227px; */
    border: 2px solid #c2c2c2;
}

.woocommerce ul.products li.product a img:hover {
    /* opacity: 0.7; */
    -webkit-transform: scale(1.1);
    transform: scale(1.06);
    box-shadow: 0px 8px 40px #000000;
    /* border: 2px solid #e4b3c8; */
}

.woocommerce ul.products li.product .product-info, .woocommerce-page ul.products li.product .product-info {
    text-align: center;
}

.featured-title {
    padding: 20px 0 0;
    font-size: 1.7rem;
}
.featured-title  + .wp-block-woocommerce-products .woocommerce .wpfMainWrapper{
    display: none;
}
.woocommerce .products ul, .woocommerce ul.products {
    max-width: 1200px;
    margin: 0px auto 20px;
    display: grid;
    grid-gap: 50px;
    grid-template-columns: repeat(3,minmax(200px,1fr));
    justify-items: center;
    align-items: center;
}

.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
    content: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
    margin: 0;
    display: grid;
    /* flex-direction: column; */
    /* justify-items: start; */
    border: 0;
    grid-template-rows: 415px auto;
}

.woocommerce .related ul.products li.product {
    width: auto;
}

.woocommerce ul.products.columns-4 li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    /* flex-direction: column; */
    justify-content: center;
}

.woocommerce .related ul.products.columns-4 li.product a.woocommerce-LoopProduct-link {
    /* display: flex; */
    /* flex-direction: column; */
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,.woocommerce-error {
    background: #99b5d2;
    border-top-color: #b81c238f;
    font-size: 18px;
}

.woocommerce-error strong {
    color: #b1252b;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: #172934;
    color: #fff;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #172934;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text,.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin: 0;
    font-size: 14px;
}

.woocommerce form .form-row {
    margin: 0;
    /* padding: 0; */
}

.woocommerce-message {
    max-width: 1370px;
    margin: 20px auto 0;
}

.woocommerce-info {
    font-size: 1rem;
    /* text-align:center; */
}

.woocommerce-info::before {
    /* 	display: none; */
}

.woocommerce div.product .product_title, .woocommerce-page div.product .product_title {
    font-size: 30px;
    margin: 10px 0px;
}

.woocommerce div.product div.images img {
    box-shadow: 2px 5px 30px #000000b8;
}

.woocommerce table.shop_attributes td {
    /* border: 1px solid; */
}

.woocommerce table.shop_attributes td p {
    padding: 10px;
}

.woocommerce div.product .product_meta > span, .woocommerce-page div.product .product_meta > span {
    font-size: 14px;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    background: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
    padding: 0px 20px;
}

.woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th {
    font-size: 20px;
    text-transform: capitalize;
}

.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce table.shop_table tr.cart_item td, .woocommerce-page table.shop_table tr.cart_item td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-MyAccount-content p, #customer_login p,#customer_login a {
    font-size: 16px;
    flex: 1;
    /* border: 1px solid #827c69; */
}

.woocommerce form .form-row label {
    font-size: .9rem;
}

.woocommerce div.product form.cart .variations label {
    font-size: 1.2rem;
    color: #000;
    line-height: 1.3rem;
    padding: 10px 0px;
}

.woocommerce div.product form.cart .variations .value, .woocommerce-page div.product form.cart .variations .value {
    width: auto;
}

.woocommerce div.product form.cart .reset_variations {
    background: #231f20;
    color: #fff !important;
    text-decoration: none;
    padding: 0px 10px;
    /* border-radius: 3px; */
}

.category-product-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpfSlugWrapper {
    flex: 1;
}

.wpfMainWrapper {
    display: flex;
    flex: 6;
}
.related .wpfMainWrapper{
    display: none;
}
/* media queries */
@media (max-width: 1399px) {
    .header-middle-section .container {
        /* grid-template-columns: 3fr 3fr 1fr; */
    }

    .header-action-search-form.header-action-search-form--show {
        /* grid-column: 4/4; */
    }

    .header-bottom-right-section {
        /* grid-row: 2/2; */
    }
}

@media (max-width: 1200px) {
    #contact-section a, #contact-section p,.top-navbar #menu-top-menu li a{
        /* font-size: .7rem; */
    }
    .full-width-section {
    }

   
}

@media (max-width: 1200px) {
    .metaslider #metaslider_302 .caption-wrap {
        left: inherit !important;
        right: 2% !important;
        bottom: 0;
    }

    .header-middle-section .container {
        grid-template-columns: 1fr 4fr 1fr;
        grid-template-rows: 1fr auto;
    }

    .site-identity-container {
        grid-row: 1/1;
        grid-column: 1/3;
    }

    .header-bottom-right-section {
        grid-row: 2/2;
        grid-column: 1/5;
    }

    .header-action-search-form.header-action-search-form--show {
        /* grid-row: 1/1; */
    }

    .full-width-section {
        grid-template-columns: repeat(auto-fit,minmax(237px,1fr));
    }

    .woocommerce .products ul, .woocommerce ul.products {
        grid-gap: 10px
    }
}

@media screen and (min-width: 600px) {
    .wp-block-column:not(:last-child) {
        margin-right: 0;
    }

    .wp-block-column:nth-child(odd) {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce div.product form.cart .variations .label, .woocommerce-page div.product form.cart .variations .label,.woocommerce div.product form.cart .variations .value, .woocommerce-page div.product form.cart .variations .value{
        display: block;
        width: 100%;
        text-align: left;
    }
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
        flex-direction: column;
    }
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
        padding: 0px 30px;
    }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        content: attr(data-title);

    }
    .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{
        display: block;
    }
    .woocommerce-cart table.cart img{
        width: 50%;
    }
        #contact-section,.links-section{
    flex-direction: column;
    margin: 0px auto 10px;
    }
    #menu-our-range {
        display: flex;
    }

    .category-product-list {
        flex-direction: column;
    }

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        margin: 0
    }

    .menu-primary {
        display: none;
    }

    .navigation--show.navigation-mobile .menu-primary {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .header-middle-section.sticky{
        transform: translateY(-82%);
    }
    
    .woocommerce .products ul, .woocommerce ul.products {
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fit,minmax(330px,1fr));
        padding: 20px;
    }

    .metaslider #metaslider_302 .caption-wrap {
        margin: 14px 0rem 0.5rem;
        padding: 20px;
    }

    .metaslider #metaslider_302 .caption-wrap .caption {
        font-size: 25px;
    }

    .top-navbar {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 15px 0px;
    }

    .footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-3,.footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-1 {
        grid-column: 1/3;
        /* justify-content: center; */
    }

    .footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-4 .social-media-button-container {
        display: flex;
    }

    .footer-widgets .textwidget {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }
}

@media screen and (max-width: 768px) {
         .header-middle-section.sticky{
        position: relative;
        /* transform: unset !important; */
        padding-top: 0;
        transform: translateY(0%);
    } 
    .header-bottom {
        padding: 0;
    }

    .top-navbar {
        flex-direction: column;
        padding: 5px 0px;
    }

    .top-menu {
        margin: 0px auto 10px;
    }

    .so-widget-image {
        display: block !important;
    }

    .contact-text {
        text-align: center;
    }

    #contact-section .widget {
        margin: 3px auto 0;
    }

    .contact-section .ow-button-base.ow-button-align-left {
        text-align: center;
        margin: 5px auto;
    }

    .footer-widget-area h2 {
        text-align: center;
    }

    .logo-container img {
        margin: 20px auto;
        width: 270px;
        height: 130px;
    }

    .full-width-section {
        grid-template-columns: repeat(auto-fit,minmax(137px,1fr));
    }

    .bottom-section .wp-block-cover-text {
        font-size: 1.5rem;
    }

    #cta-email .ow-button-base a, #cta-phone .ow-button-base a {
        width: 99%;
        padding: 10px;
    }

    .cta-section p,.cta-section p span {
        font-size: 17px !important;
        line-height: 1.4rem;
    }

    .cta-section .panel-grid-cell {
        grid-template-columns: 1fr;
    }

    .cta-section .panel-grid-cell-mobile-last .so-panel {
        grid-column: 1;
        /* padding: 10px; */
        width: 100%;
        margin-bottom: 3px !important;
    }

    .top-navbar #menu-top-menu li a {
        font-size: 13px;
    }

    .header-action-search-form.header-action-search-form--show {
        /* left: 0; */
        /* right: 0; */
        /* margin: 20px auto; */
        /* padding: 10px; */
        /* grid-row: 2/2; */
        /* grid-column: 1/1; */
        display: flex;
        justify-content: center;
        /* top: -19px; */
        right: 0;
        left: 0;
    }

    .header-middle-section .container {
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
    }

    .site-identity-container {
        grid-row: 1/4;
        /* grid-column: 1/-1; */
    }



    .metaslider #metaslider_302 .caption-wrap {
        max-width: 100%;
        margin: 10px;
        padding: 10px;
    }

    .top-navbar .panel-grid-cell {
        margin-bottom: 0px !important;
    }

    .middle-section .panel-grid-cell.panel-grid-cell-empty {
        display: block !important;
    }

    .footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-3 .panel-grid-cell {
        margin: 0px !important;
    }

    .footer-widgets {
        grid-template-columns: 1fr;
    }

    .footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-2 {
        grid-column: 1/1;
        justify-self: center;
        align-items: center;
    }

    .footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-2 .widget {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
    }

    .footer-widgets.footer-widgets-col--four .footer-widget-area.footer-sidebar-4 .social-media-button-container {
        align-items: center;
        justify-content: center;
    }

    .footer-widgets .widget ul {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .top-navbar #menu-top-menu {
        justify-content: center;
        padding: 0;
    }

    .services-section .wp-block-column {
        flex-basis: 80%;
        margin: 0px auto;
    }

    .services-section .wp-block-cover,.services-section .wp-block-cover-image {
        min-height: 180px;
    }

    .wp-block-columns {
        flex-wrap: wrap;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        width: 100%;
        border: 0;
        float: none;
        text-align: center;
    }

    .tp-caption {
        display: none!important ;
    }

    h1,h2 {
        font-size: 1.5rem !important;
    }

    .tp-caption h1 {
        font-size: 1rem !important;
        text-align: center !important;
    }

    .tp-caption p {
        display: none !important;
    }

    h3,.caldera-grid .form-group.submit-button .btn {
        font-size: 1rem;
    }

    .inner-form-section h3 {
        width: 100%;
    }

    .header-area {
        justify-content: center;
    }

    .header-bottom .header-bottom-right-section {
        display: block;
        padding: 1rem 0 1rem;
    }

    .header-bottom .header-bottom-left-section,.header-bottom .container {
        float: none;
        display: block;
    }

    .phone-button .btn-right {
        text-align: center;
    }

    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
        color: #fff;
    }

    .footer-widgets.footer-widgets-col--three .footer-widget-area.footer-sidebar-2,.footer-widgets.footer-widgets-col--three .footer-widget-area.footer-sidebar-3 {
        width: 100%;
    }

    .footer-widgets.footer-widgets-col--three .footer-widget-area.footer-sidebar-3 .widget {
        margin: 20px auto;
        /* text-align: center; */
    }

    .footer-top img {
        display: block;
        margin: 0px auto;
    }

    .footer-widgets .widget p,.footer-widget-area.footer-sidebar-3 a {
        text-align: center !important;
    }

    .inner-form-section {
        display: block;
    }

    .footer-menu {
        padding: 0;
    }

    .footer-menu li {
        display: block;
        line-height: 25px;
        text-align: center;
        border: 0;
    }

    .footer-area {
        justify-content: center;
    }

    .metaslider #metaslider_302 .caption-wrap {
        /* display: none; */
    }
}