/**Typeo CSS Start**/
:root {
	--base_fm: 'Montserrat', sans-serif;
	--hd-fm: 'Libre Bodoni', serif;
	--base_clr: #262626;
	--white_clr: #ffffff;
	--black_clr: #000000;
	--theme_clr: #00264d;
	--theme_clr1: #b29063;
	--container: 1280px;
	--bdr_clr: #ded5c8;
  --base_size:16px;
  --h1-size: 44px;
  --h2-size: 40px;
  --h3-size: 32px;
  --h4-size: 24px;
  --h5-size: 20px;
  --h6-size: 17px;

}
* {
	box-sizing: border-box;
}

body {
	font-family: var(--base_fm);
	color: var(--black_clr);
	margin: 0px;
  font-size: var(--base_size);
}

.cmn-btn {
  cursor: pointer;
  outline: none;
  padding: 12px 20px;
  border: var(--theme_clr) 1px solid;
  color: var(--theme_clr);
  background-color: transparent;
  font-family: var(--base_fm);
  font-size: var(--base_size);
  transition: 0.5s all;
}

.cmn-btn:hover {
  background-color: var(--theme_clr);
  color: var(--white_clr);
}
.cmn-btn-fill {
  background-color: var(--theme_clr);
  color: var(--white_clr);
}
.cmn-btn-fill:hover {
  background-color: transparent;
  color: var(--theme_clr);
}
h1, .h1 {
 font-size: var(--h1-size);
 color: var(--theme_clr);
 font-weight: 700;
 font-family: var(--hd-fm);
 margin: 0px 0px 30px 0px;
 font-style: normal;
 line-height: 1.2;
 line-height: 1.3;
}

h2, .h2 {
 font-size: var(--h2-size);
 color: var(--theme_clr);
 font-weight: 700;
 font-family: var(--hd-fm);
 margin: 0px 0px 20px 0px;
 line-height: 1.3;
}


h3, .h3 {
 font-size: var(--h3-size);
 color: var(--theme_clr);
 font-weight: 700;
 font-family: var(--hd-fm);
 margin: 0px 0px 20px 0px;
 line-height: 1.3;
}


h4, .h4 {
 font-size: var(--h4-size);
 color: var(--theme_clr);
 font-weight: 700;
 font-family: var(--hd-fm);
 margin: 0px 0px 10px 0px;
 line-height: 1.3;
}


h5, .h5 {
 font-size: var(--h5-size);
 color: var(--theme_clr);
 font-weight: 700;
 font-family: var(--hd-fm);
 margin: 0px 0px 10px 0px;
 line-height: 1.3;
}

h6, .h6 {
 font-size: var(--h6-size);
 color: var(--theme_clr);
 font-weight: 700;
 font-family: var(--hd-fm);
 margin: 0px 0px 10px 0px;
 line-height: 1.3;
}

ul,
li,
a {
	list-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.container {
	max-width: var(--container);
	width: 100%;
	padding: 0px 15px;
	margin: auto;
}

img {
	max-width: 100%;
}

/**Typeo CSS End**/

/***Header Section Start***/
.header-scn {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-color: var(--white_clr);
    z-index: 100;
    border-bottom: #f5ece3 1px solid;
}
.mobile-toggle {
    display: none;
 }
.header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: relative;
    flex-flow: row wrap;
}
.header-left-wrapper {
	max-width: 400px;
	width: 100%;
}
.header-logo-link {
    max-width: 160px;
    margin: auto;
    display: flex;
}
.header-right-wrapper {
 width: calc(100% - 400px);
}

.header-top-wrapper{
 display: flex;
 align-items: center;
 border-bottom: 1px solid var(--bdr_clr);
 border-left: 1px solid var(--bdr_clr);
 justify-content: space-between;
 flex-flow: row wrap;
 width: 100%;
}
.hdr-top-info {
	display: flex;
 flex-flow: row wrap;
}
.hdr-top-info .hdr-top-item {
        padding: 0 30px;
    font-size: 14px;
    font-weight: 300;
    color: #262626;
    position: relative;
    margin: 9px 0;
}
.hdr-top-info .hdr-top-item a {
    color: #262626;
}

.hdr-top-info .hdr-top-item a:hover {
    color: #000;
}

.hdr-top-info .hdr-top-item:not(:first-child):before {
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    width: 1px;
    height: 14px;
    background-color: var(--bdr_clr);
}
.header-nav{
	border-left: 1px var(--bdr_clr) solid;
}
.header-bottom-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.header-nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    position: relative;
    white-space: nowrap;
    padding: 30px 50px;

}
.header-nav li {
    height: 100%;
    margin: 0 50px;
}
.header-nav ul li a {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 2em;
    color: var(--theme_clr);
	 }

.header-nav ul li a:before {
 content: '';
  width: 0px;
  position: absolute;
  top: calc(50% - 1px);
  background-color: var(--theme_clr);
  height: 1px;
  left: -40px;
  transition: 0.5s all;
  opacity:0;
  cursor: pointer;

}

.header-nav ul li a:hover:before {
	opacity:1;
	color:var(--theme_clr);
	width: 30px;

}

.header-nav .menu-item ul li {
    height: 100%;
    margin: 0 33px;
}
.header-top-right {
	padding-right: 30px;
}
.lang-group{
  color: #262626;
  font-size: 13px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 0px 30px;

}
.lang-group .ls-item-select {
	cursor: pointer;
  position: relative;
    padding-right: 15px;
}
.lang-group .ls-item-select:before {
    content: '';
    position: absolute;
    right: 0px;
    width: 6px;
    height: 6px;
    border-left: #484848 1px solid;
    border-bottom: #484848 1px solid;
    top: 4px;
    transform: rotate(-45deg);
}
.lang-group:before{
content: '';
  border: 0;
  line-height: 1;
  margin-left: auto;
  position: initial;

}
.ls-sub-menu {
	border-style: solid;
    border-width: 1px;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    right: -12px;
    list-style: none;
    margin: 0!important;
    opacity: 0;
    padding: 14px 10px 14px 10px;
    position: absolute;
    top: 100%;
    transition: opacity .2s ease,-webkit-clip-path .4s ease-out;
    transition: opacity .2s ease,clip-path .4s ease-out;
    transition: opacity .2s ease,clip-path .4s ease-out,-webkit-clip-path .4s ease-out;
    width: calc(100% + 20px);
    z-index: 10;
    background-color: var(--white_clr);
    border-color: #ded5c8;
    min-width: 90px;
    text-align: center;
}
.ls-sub-menu li{
    display: block;
    margin: 0!important;
    padding: 0;
    width: 100%;
}

.ls-sub-menu li a {
  color: var(--black_clr);
}
.ls-sub-menu li a:hover {
  color: var(--theme_clr);
}
.lang-group:hover .ls-sub-menu{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
}

.header-sticky-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
}
.header-sticky-inner .header-nav {
  border-left: none;
}
.header-sticky-inner .header-logo-link {
  margin: 0px 0px 0px 40px;
  align-items: center;
}
.header-sticky {
    background-color: #fff;
    height: 70px;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    transition: transform .5s ease,top .5s ease;
    width: 100%;
    z-index: 100;
    border-bottom: #f5ece3 1px solid;
}
.header-sticky .header-nav ul {
      padding: 22px 40px;
}
.scrolling_up .header-sticky {
  transform: translateY(0);
}



.infopart {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-height: 84px;
    border-left: 1px solid var(--bdr_clr);
    padding: 0px 40px;
    cursor: pointer;
}

.infopart .infopart-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    color: var(--theme_clr);
    text-transform: uppercase;
}

.infopart .infopart-inner .side-area-opener-text {
    margin-right: 15px;
}

.infopart .infopart-inner svg {
    fill: var(--theme_clr);
}


.infopart .infopart-inner svg.qodef-svg--menu g:nth-child(3), .infopart .infopart-inner svg.qodef-svg--menu g:nth-child(4) {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition: -webkit-clip-path .45s cubic-bezier(.45,.05,.15,.93);
    transition: clip-path .45s cubic-bezier(.45,.05,.15,.93);
    transition: clip-path .45s cubic-bezier(.45,.05,.15,.93),-webkit-clip-path .45s cubic-bezier(.45,.05,.15,.93);
}
.infopart .infopart-inner:hover svg.qodef-svg--menu g:nth-child(3), .infopart .infopart-inner:hover svg.qodef-svg--menu g:nth-child(4) {
  -webkit-clip-path: inset(0 50% 0 50%);
    clip-path: inset(0 50% 0 50%);
}
/***Header Section End***/


/**Sidebar CSS**/
.sidebar-area {
  background-color: var(--theme_clr);
    height: 100%;
    color: var(--white_clr);
    min-height: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    overflow: hidden;
    padding: 200px 65px 40px 65px;
    position: fixed;
    right: -500px;
    text-align: left;
    top: 0;
    transition: all .6s cubic-bezier(.77,0,.175,1);
    visibility: hidden;
    width: 500px;
    z-index: 9999;
}
.sidebar-area-open {
      right: 0;
    visibility: visible;
}

.qodef-svg--close {
    fill: var(--theme_clr1);
    stroke: var(--theme_clr1);
}
.sidebar-area-inner {
      display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.sidebar-area-bottom .email-phone-item {
  margin: 6px 0px;
  display: inline-block;
  width: 100%;
}
.sidebar-area-bottom .email-phone-item a {
  color: var(--white_clr);
}
.sidebar-area-bottom .email-phone-item a:hover {
  text-decoration: underline;
}
.sidebar-area-close {
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
/***Footer section start***/
.footer-main {
    background-color: var(--theme_clr);
    color: var(--white_clr);
    width: 100%;
    background-size: cover;
}
.ftr-b-left {
    font-weight: 300;
}
.ftr-top-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    width: calc(100% + 30px);
    padding-top: 60px;
    margin-left: -15px;
    padding-bottom: 60px;
    justify-content: space-between;
}

.ftr-top-inner .ftr-item {
    width: 25%;
    padding: 0px 15px;
}

.ftr-menu li {
    width: 100%;
    margin: 0px 0 20px 0;
    font-size: 16px;
    font-weight: 300;

}

.ftr-menu li a {
    color: var(--white_clr);
    opacity: 0.7;
    transition: 0.5s all;
}


.ftr-menu li a:hover {
    opacity: 1;
}

.ftr-logo {
    max-width: 280px;
}
.ftr-menu {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	width: 70%;
}

.copy-scn {
    border-top: #464b56 1px solid;
    width: 100%;
    padding: 16px 0;
    font-size: 14px;
}

.ftr-b-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #fff;
}

.ftr-b-inner a {
    color: #fff;
    text-decoration: underline;
}

.ftr-b-inner a:hover {
    text-decoration: none;
}

@media(max-width: 1199px) {
  .ftr-menu li {
    font-size: 15px;
}
.ftr-top-inner .ftr-item {
    padding: 0px 10px;
}
.ftr-top-inner {
    width: calc(100% + 20px);
    margin-left: -10px;
}
}

@media(max-width: 992px) {
  .ftr-top-inner .ftr-item,
  .ftr-top-inner .ftr-item:nth-child(1)
  {
    width: 50%;
    margin-bottom: 25px;
  }
  .ftr-top-inner .ftr-title {
    margin-bottom: 0px;
  }

}
@media(max-width: 767px) {

.ftr-top-inner {
  padding-top: 30px;
  padding-bottom: 0px;
}

.ftr-top-inner .ftr-item,
.ftr-top-inner .ftr-item:nth-child(1) {
  width: 100%;
}
 .ftr-b-inner {
  text-align: center;
  line-height: 1.3;
  justify-content: center;
 }

}
/***Footer section end***/

.top-title-scn {
    width: 100%;
    background-color: var(--theme_clr1);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-height: 180px;
}

.top-title-scn .h3 {
    color: var(--white_clr);
    margin: 0px;
    letter-spacing: 1px;
}


.directory-top {
    width: 100%;
    margin: 30px 0px;
}

.directory-form {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.directory-form .form-input {
    width: calc(100% - 250px);
    padding-right: 10px;
}

.box-col.submit-btn {
    width: 250px;
}

.directory-form .form-input input {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: var(--theme_clr) 1px solid;
    padding: 14px 0;
    font-family: var(--base_fm);
    font-size: 16px;
}

.box-col.submit-btn input[type="submit"] {
    width: 100%;
    display: block;
    border: none;
    background-color: var(--theme_clr);
    color: var(--white_clr);
    font-family: var(--base_fm);
    font-size: 20px;
    padding: 12px;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.5s all;
}

.box-col.submit-btn input[type="submit"]:hover {
    background-color: var(--theme_clr1);
}

.box-col.submit-btn .advanced-search-link {
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--theme_clr);
    margin-top: 10px;
    transition: 0.5s all;
}

.box-col.submit-btn .advanced-search-link:hover {
    text-decoration: underline;
    color: var(--theme_clr1);
}


.toplist-part {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    margin: 25px 0;
}

.toplist-part a {
    margin-left: 20px;
    color: var(--theme_clr);
}

.toplist-part a:not(.cmn-btn):hover {
  color: var(--theme_clr1);
}



.directory-list {
    width: 100%;
    margin: 40px 0px 60px 0px;
}

.directory-list .directory-list-inner {
    width: calc(100% + 14px);
    display: flex;
    flex-flow: row wrap;
    margin-left: -7px;
}

.directory-list .directory-list-inner li {
    width: calc(50% - 14px);
    margin: 0px 7px 14px 7px;
}

.directory-list .directory-list-inner li a {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 14px;
    color: var(--theme_clr);
    padding-right: 50px;
    position: relative;
    border: #e9e9e9 1px solid;
    transition: 0.5s all;
}

.directory-list .directory-list-inner .count-number {
    position: absolute;
    right: 10px;
    top: 14px;
}

.directory-list .directory-list-inner li:hover a {
    border-color: var(--theme_clr1);
    color: var(--theme_clr1);
}



.directorylist {
    width: 100%;
}

.directorylist .directory-title {
    width: 100%;
    border-bottom: var(--theme_clr) 1px solid;
    font-size: 30px;
    font-weight: 700;
    color: var(--theme_clr);
    margin-bottom: 20px;
    padding: 8px 0;
}

.directorylist .directory-title a {
    color: var(--theme_clr);
}

.d-item-group {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 20px;
}

.d-item-group .d-item-left {
    width: 200px;
    margin-right: 20px;
}

.directory-item {
       width: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
    display: flex;
    flex-flow: row wrap;
}

.d-item-right {
    width: calc(100% - 224px);
}

.field-sector-group {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 10px;
}

.field-sector-group .d-label {
    margin-right: 10px;
    font-weight: 700;
    margin-bottom: 10px;
}

.address-otherinfo-group .d-label {
    display: block;
    width: 100%;
}

.p-photo-list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -8px;
}

.p-photo-list .p-photo-img {
    width: 20%;
    padding: 0px 8px 8px 8px;
}

.p-photo-list .p-photo-img img {
    width: 100%;
}


.edit-delete-btn .cmn-btn {
    padding: 8px 15px;
    margin-top: 10px;
    display: inline-block;
}

.edit-delete-btn {
    display: flex;
    flex-flow: row wrap;
    margin-top: 5px;
    margin-bottom: 30px;
}

.edit-delete-btn .delete-btn {
    border-color: red;
    color: red;
    margin-left: 15px;
}

.edit-delete-btn .delete-btn:hover {
    background-color: red;
    color: var(--white_clr);
}

.d-item-group .d-item-left img {
    display: block;
    border: #ccc 1px solid;
}
.edit-delete-btn .cmn-btn.gotoback-btn {
    margin-left: 10px;
    border-color: transparent;
}



/**Common Form Start**/
.form-info form {
 width: 100%;
}

.input-group input, .input-group textarea {
 font-size: var(--base_size);
 color: var(--base_clr);
 text-align: left;
 padding: 18px 15px 16px 15px;
 width: 100%;
 display: inline-block;
 box-sizing: border-box;
 border: none;
 outline: none;
 background: transparent;
 letter-spacing: .5px;
 font-family: var(--base_fm);
 border-radius: 4px;
 border: 1px solid #e5e5e5;
}

.input-group textarea {
 height: 150px;
 resize: none;
}

.input-group {
 margin-bottom: 25px;
 padding: 0px;
 position: relative;
}

.form-check input[type="checkbox"] {
 display: none;
}

.form-check input[type="checkbox"]+label {
 cursor: pointer;
 color: var(--base-clr);
}

.form-check input[type="checkbox"]+label:before {
 border-radius: 3px;
 border: 1px solid #e2e2e2;
 color: transparent;
 content: "\2714";
 display: inline-block;
 height: 18px;
 margin-right: 5px;
 transition: 0.2s;
 vertical-align: inherit;
 width: 18px;
 text-align: center;
 line-height: 20px;
}

.form-check input[type="checkbox"]:checked+label:before {
 background-color: var(--theme-clr);
 border-color: var(--theme-clr);
 color: var(--white-clr);
}

.form-check a {
 color: var(--theme_clr);
 text-decoration: underline;
}

.form-check a:hover {
 text-decoration: none;
}

form .cmn-btn {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  text-transform: uppercase;
  padding: 12px 34px;
}
.form-row {
 display: flex;
 justify-content: space-between;
 padding-top: 10px;
}

.propery-listing-form {
  margin: 60px 0px;
}
.propery-listing-form h2 {
  margin-bottom: 40px;
}



/**Development CSS**/
.bg-gray {
    background-color: #fcfcfc!important;
}
.detail-listing-item h4.title_item,
.breadcrumb-content .item_sec_title,
.breadcrumb-content .item_sec_title {
	font-weight: 400;
}
.font-weight-semi-bold {
    font-weight: 400!important;
}
.cd-words-wrapper b {
 color: var(--theme_clr1);
}
body .loader-container .loader-ripple div {
    border-color:var(--theme_clr);
}
body .primary_item_btn {
    background-color:var(--theme_clr);
    font-weight: 400;
}

body .primary_item_btn:hover {
 background-color:var(--theme_clr1);
}

body .sec_category_item:hover .badge {
    background-color: var(--theme_clr1);
}
body .owl-theme .owl-nav [class*=owl-] {
    background-color:var(--theme_clr) !important;
}
body .icon-element {
    background-color: var(--theme_clr1);
}

body .category-content:hover .icon-element {
    background-color: var(--theme_clr);
}

body #back-to-top {
    /*background-color: var(--theme_clr1);*/
}

body .pagination-list .page-item.active .page-link {
    background-color: var(--theme_clr);
}

body .sidebar .card-body h4.card-title::before,
body .dashboard-area .card-body h4.card-title::before {
     background-color: var(--theme_clr1);
}
h4.card-title {
	font-weight: 400;
}
body .select-picker .dropdown-item.active {
background-color: var(--theme_clr);
}
body .list-items li a:hover {
    color: var(--theme_clr1);
}
.bootstrap-select .dropdown-menu li a:active,
.bootstrap-select .dropdown-menu li a:active span {
 background-color: var(--theme_clr) !important;
 color: #fff !important;
}

@media(max-width: 1269px) {
.hdr-top-info .hdr-top-item {
        padding: 0 15px;
}

.header-nav ul {    padding: 20px 20px;}
.header-nav li {
    height: 100%;
    margin: 0 20px;
}

.infopart {
    min-height: 64px;
    padding: 0px 20px;
    cursor: pointer;
}
.header-left-wrapper {
    max-width: 200px;
    width: 100%;
}
.header-right-wrapper {
    width: calc(100% - 200px);
}
.ftr-top-inner {
    max-width: 800px;
    margin: auto;
    width: 100%;
}
.ftr-menu {
    width: 100%;
}
.ftr-top-inner .ftr-item {
    width: 33.33%;
}

.ftr-logo {
    width: 100%;
    max-width: 100%;
    margin-bottom: 58px;
}
.ftr-logo a img {
    max-width: 300px;
}
.copy-scn .container {
    max-width: 800px;
}
}

@media(max-width: 992px) {
.hdr-top-info .hdr-top-item {
    padding: 0 12px;
}
.hdr-top-info .hdr-top-item{
    font-size: 13px;
}
.hdr-top-info .hdr-top-item:not(:first-child):before {
    top: 6px;
}
.header-top-right {
    padding-right: 15px;
}
.header-nav li {
    height: 100%;
    margin: 0 16px;
}
.section_item_padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.ftr-top-inner .ftr-item, .ftr-top-inner .ftr-item:nth-child(1) {
    width: 33.33%;
}
.ftr-top-inner {
    padding-bottom: 0px;
    padding-top: 30px;
}
}

@media(max-width: 767px) {
.mobile-toggle {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-right: 20px;
}
 .mobile-toggle svg {
 fill: var(--theme_clr1);
 }
.mobile-toggle  svg.qodef-svg--menu g:nth-child(4),
.mobile-toggle  svg.qodef-svg--menu g:nth-child(3) {
    -webkit-clip-path: inset(0 50% 0 50%);
    clip-path: inset(0 50% 0 50%);
}
 .mobile-toggle .qodef--close {
    display: none;
 }
.header-scn {    padding: 15px 0;}
.header-top-wrapper, .infopart  {
    display: none;
}
.header-sticky .header-nav ul {
    padding: 15px 15px;
    width: 100%;
}
.header-nav ul li a:before {
    content: normal;
}
.header-logo-link {
    max-width: 110px;
}
.header-left-wrapper {
    max-width: inherit;
    width: auto;
    padding: 0 20px;
}
.header-nav {
    display: none;
    background-color: var(--white_clr);
    position: fixed;
    left: 0px;
    z-index: 99;
        top: 57px;
    flex-flow: row wrap;
    width: 100%;
}
.header-sticky {
    height: auto;
    padding: 15px 0;
}
.header-nav ul {
    flex-flow: row wrap;
    width: 100%;
}

.header-nav ul li {
    width: 100%;
    height: auto;
        margin: 5px 0;
}
.ftr-top-inner .ftr-item, .ftr-top-inner .ftr-item:nth-child(1) {
    width: 100%;
    margin-bottom: 55px;
}
.ftr-logo {
    margin-bottom: 30px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.ftr-menu li {
    margin: 0px 0 10px 0;
}

.ftr-logo a img {
    max-width: 250px;
}
.hero-wrapper-area {
  overflow: hidden;
}
.header-sticky-inner .header-logo-link {
  margin: 0px 0px 0px 20px;
}
.openmenu .header-nav {
    display: block;
}
.openmenu .mobile-toggle .qodef--open {
    display: none;
}
.openmenu .mobile-toggle .qodef--close {
    display: block;
}
.openmenu .qodef-opener-icon svg {
    fill: var(--theme_clr);
    stroke:var(--theme_clr);
}
.header-sticky-inner .header-nav {
    display: none !important;
}
}