body.search-open  {
    overflow: hidden;
}

body.nav-open {
    overflow: hidden;
}

.w-webflow-badge {
    display: none!important;
}

.hero-section, .slide {
    background-size: cover!important;
}

.navigation-main.mobile-first {
    overflow-y: scroll;
}


.wp-block-button__link {
    color: inherit;
}

.wp-block-quote cite, .wp-block-pullquote cite {
font-size: 0.9rem;
}

.wp-block-file a:first-of-type {
    color: inherit;
    text-decoration: inherit;
}


.slide, .carousel-item {
    height: auto!important
}

/************************************ testimonial Styles ***********************************/

.review-stars ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
}

.review-stars ul  li{
        display: inline-block;
}

.review-stars ul li i {
        color: #ffae00;
        font-size: 1.4em;
        font-style: normal;
}


.star:after {
        content: "\2605";
}

.review-stars {
        font-size: 115%;
        margin-bottom: 0px;
        margin-top: 5px;
} 


/************************************ Button Stlyes ***********************************/
.wp-block-button {
margin-top: 30px;
}

.wp-block-button .wp-block-button__link {

    border-radius: 0px!important;
    margin-right: 5px!important;
    padding: 12px 15px!important;
    font-size: 1rem!important;
}

.wp-block-button .wp-block-button__link {

}

.wp-block-button__link.has-primary-1-background-color {

}


.wp-block-button.is-style-fill .wp-block-button__link {

color: #fff!important;
}

.wp-block-button.is-style-outline .wp-block-button__link {

}


.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}


.nav-search-outer {
        visibility: hidden;

}

.nav-search-outer.open {

    visibility: visible;


}

.nav-search-outer.open .nav-search-inner {
  height: 450px;   
}

.nav-search-input.w-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.4rem;
}

.nav-search-outer.open .search-close {
    z-index: 999;
}

.nav.open {
    visibility: visible;
}


@media screen and (max-width: 991px) {
.nav {
visibility: hidden;
}

.navigation-main {
    overflow-y: scroll;
}
}


.nav.open .navigation-main {
  z-index: 990;
}

.slide.narrow {
    height: auto!important;
}




/************************************ Table Stlyes ***********************************/
 .table {
     display: table;
}
 .table-cell {
     display: table-cell;
}
 .vertical-align-top {
     vertical-align: top;
}
 .vertical-align-middle {
     vertical-align: middle;
}
 .vertical-align-bottom {
     vertical-align: bottom;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
     border: 1px solid #303030;
     margin-top: 30px;
     margin-bottom: 30px;
}
 td,th {
     padding: 15px;
     border: 1px solid #303030;
}


.menu-item.menu-item-has-children.open:before {
content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    height: 11px;
    border-color: transparent transparent #ffffff transparent;
    border-width: 9px;
    border-style: solid;
    z-index: 99999;
    display: inline-block;
}


.menu-item----a {
    white-space: nowrap;
}


 .menu-button-wrapper.clicked .menu-button-line-1, .menu-button-wrapper-close.clicked .menu-button-line-1 {
     transition: transform 200ms;
     transform: translateX(0px) translateY(7px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(45deg)!important;
}
 .menu-button-wrapper.clicked .menu-button-line-2, .menu-button-wrapper-close.clicked .menu-button-line-2 {
     transition: opacity 200ms;
     opacity: 0!important;
}
 .menu-button-wrapper.clicked .menu-button-line-3, .menu-button-wrapper-close.clicked .menu-button-line-3 {
     transition: transform 200ms;
     transform: translateX(0px) translateY(-7px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(-45deg)!important;
}


.menu-button-wrapper.desktop .menu-text-span {
    display: none
}

.menu-item.menu-item-has-children.mobile-first.open{
    border-left: 3px solid #fff;
    background-color: #171717;  
}

.menu-item.menu-item-has-children.mobile-first > a:after {
    content: url(https://uploads-ssl.webflow.com/6040b903e5059b18258b4ea8/6049e67a7110643296dba7c2_arrow-icon.svg);
    position: absolute;
    right: 25px;
    width: 17px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all ease 500ms;
}
.menu-item.menu-item-has-children.mobile-first > a:before {
    content: url(https://uploads-ssl.webflow.com/6040b903e5059b18258b4ea8/6049e67a7110643296dba7c2_arrow-icon.svg);
    position: absolute;
    right: 25px;
    width: 17px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all ease 500ms;
}

.menu-item.menu-item-has-children.open.mobile-first > a:after {
    top: calc(50% - 2px);
    opacity: 1;
}

.menu-item.menu-item-has-children.open.mobile-first > a:before {
    top: calc(50% - 4px);
    transform: rotate(180deg);
    opacity: 1;
}

.menu-item.menu-item-has-children.mobile-first.open:before {
  opacity: 0;
}



@media screen and (max-width: 991px) {

.menu-item.menu-item-has-children.open:before {
  opacity: 0;
}


.menu-item.menu-item-has-children.open{
    border-left: 3px solid #fff;
    background-color: #171717;  
}

.menu-item.menu-item-has-children > a:after {
    content: url(https://uploads-ssl.webflow.com/6040b903e5059b18258b4ea8/6049e67a7110643296dba7c2_arrow-icon.svg);
    position: absolute;
    right: 25px;
    width: 17px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all ease 500ms;
}
.menu-item.menu-item-has-children > a:before {
    content: url(https://uploads-ssl.webflow.com/6040b903e5059b18258b4ea8/6049e67a7110643296dba7c2_arrow-icon.svg);
    position: absolute;
    right: 25px;
    width: 17px;
    height: 17px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    transition: all ease 500ms;
}

.menu-item.menu-item-has-children.open > a:after {
    top: calc(50% - 2px);
    opacity: 1;
}

.menu-item.menu-item-has-children.open > a:before {
    top: calc(50% - 4px);
    transform: rotate(180deg);
    opacity: 1;
}
}

