body {
    color: #64676c;
}

/*-------------------------
   FONT
--------------------------*/
@font-face {
  font-family: industry;
  src: url('../fonts/Gloock-Regular.ttf');
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Gloock' !important;
}

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gloock&family=Great+Vibes&display=swap" rel="stylesheet">

h1, h2, h3, h4, h5, h6 {
font-family: 'Gloock', serif;
font-family: 'Great Vibes', cursive;
}


html {
  overflow-x: hidden;
}

body {
    letter-spacing: 0.5px!important;
}

:focus {
    outline: none !important;
}
@media(max-width:991px){
#sp-main-body {
    padding: 50px 0px;
}}
@media(max-width:991px){
h1 { font-size: 28px !important; }
h2 {font-size: 30px !important;}
h3 { font-size: 24px !important; }
h4 { font-size: 16px !important; }
h5 { font-size: 20px !important; }
h6 { font-size: 18px !important; }
body { font-size: 14px !important; }
h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 18px!important;}
}
.com-sppagebuilder.view-page label {
    color: #000;
}
.title-style-001 strong {
    color: #64676c;
}
.title-style-001 h2 {
    line-height: 1;
}

.sppb-addon.sppb-addon-text-block.sppb-text-left {}

/*menu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    background: #64676c;
    padding: 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
    color: #fff;
    padding: 15px 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a:not(.sp-group-title), .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    background: #686868;
}
@media(max-width:992px){
div#sp-logo {
    width: 70% !important;
    display: inline-block;
}
div#sp-menu {
    width: 30% !important;
    display: inline-block;
}}

/*-------------------------
   BOTTOM 4
--------------------------*/
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container { margin-bottom: 0 !important; }
#sp-bottom .sppb-media-heading{
    display: none!important;
}

#sp-bottom .sppb-addon-text {
    font-weight: normal;
    color: #fff;
    line-height: 1.5;
    font-size: 13.5px;
}
/*----------------------------------------
     		   GALLERY
---------------------------------------*/
.com-speasyimagegallery.view-albums #sp-main-body{padding:50px 0px 30px 0px;}

.com-speasyimagegallery.view-album #sp-main-body{padding:50px 0px 30px 0px;}

.com-speasyimagegallery.view-albums .page-header {display: none;}

.com-speasyimagegallery.view-album .page-header {display: none;}


/*----------------------------------------
     		   FAQ
---------------------------------------*/
span.sppb-panel-title {
    color: #464646;
}

.sppb-panel-modern>.sppb-panel-heading {
    background: #68686838;
}

/*----------------------------------------
     		   FOOTER
---------------------------------------*/
footer#sp-footer {
    position: relative;
    background: #686868;
}

@media screen and (max-width:600px){
footer#sp-footer {
    padding-bottom: 90px;
}}

#sp-footer a { font-weight: 400; }

/*-------------------------
     OFFCANVAS
--------------------------*/ 


.offcanvas-menu {
    BACKGROUND:#fff!important;
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu {
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding: 80px 30px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color:#464646!important;
}

.offcanvas-menu li.current.active a {
  color: #fff!important;
  font-weight: 900!important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
    background: #64676c !important;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: #64676c;
  color:#fff!important;
}
  

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{
  background: #64676c !important;
  color:white!important;
}

/*for display child*/
.offcanvas-menu ul.menu-child {
    display: inherit !important;
}

i.fa.fa-remove {
    color: #ffffff;
}


.gm-style-iw-d input.button {
    background: #64676c;
    color: #fff;
    border: 0;
    letter-spacing: 0.5px;
    padding: 8px 15px;
}

/**************feature box**************/
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
  border: 0px solid transparent;
  padding: 0px;
}
.sppb-addon.sppb-addon-feature.sppb-text-center {
  padding: 0 !important;
  border: 0px !important;
}
.sppb-addon.sppb-addon-feature.sppb-text-center:hover {
  background: transparent !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
  background: transparent;
  border: 0px;
  padding: 0px;
  color: inherit;
}
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-title.sppb-feature-box-title {
  color: inherit !important;
}
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-text {
  color: inherit !important;
}
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-text,
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-title.sppb-feature-box-title,
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-icon
  span
  i {
  color: inherit !important;
}



/*icon*/
i.fa.fas.fa-map-marked-alt {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}




/*bottom*/
#sp-bottom {
    background: #64676c !important;
    padding: 40px 0px 25px 0px !important;
}
#sp-bottom #sp-bottom2 h3.sp-module-title,
#sp-bottom #sp-bottom3 h3.sp-module-title,
#sp-bottom4 h3.sp-module-title {
    color: #fff;
    font-family: roboto !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 16px !important;
}
#sp-bottom .sp-module ul >li >a {
    color: #fff;
    transition: 0.5s;
    line-height: 1.7 !IMPORTANT;
    font-size: 13.5px;
}
#sp-bottom .sp-module ul >li >a:hover {
    color: #fff;
    opacity: 0.6;
}
#sp-bottom .sp-module .sp-module-title {
    color: #fff;
    font-family: roboto !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 16px !IMPORTANT;
}

#sp-bottom .sppb-addon-text .fa-map-marked-alt:before {
    color: #fff !important;
}

#sp-bottom :before {
    color: #fff !important;
}

#sp-bottom .sppb-addon-text:hover {
    color: #fff !important;
}
@media(min-width:992px){
section#sp-bottom .sp-module ul >li {
    width: 50%;
    display: inline-block;
}
}

.logo-img img {
    width: 200px;
    height: auto;
}

#sp-bottom .sppb-addon-text a {
    color: #fff;
    transition: 0.5s;
}
#sp-bottom .sppb-addon-text a:hover {
    opacity: 0.6;
}
i.fa.fas.fa-phone-alt:before {content: '\f095';}

@media(Max-width:992px){
  span.animated-heading-before-part, span.animated-heading-after-part {
    display: block;
    width: 100%;
}
}

/*footer*/
span.sp-copyright {
    font-size: 13px;
}


.fabchat span {
    color: #fff !important;
}
.offcanvas-menu .offcanvas-inner  i.fa.fa-plus {
    color: #666;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    background: #fff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    background: #fff !important;
}

/*go to top*/
div#scrollToTop {
    bottom: 100px;
    right: 35px;
    padding: 8px 16px 11px 16px;
    border-radius: 100px;
    font-size: 26px !important;
    line-height: 1;
    animation: float 6s ease-in-out infinite;
    background: #64676c;
}
div#scrollToTop:hover {
    background: #38434a;
}

/*bottom*/
#sp-bottomb {
    background: #64676c !important;
}
@media(min-width:992px){
#sp-bottomb #sp-bottom4 h3.sp-module-title {
    display: none;
}
#sp-bottomb {
    border-top: 1px solid #fff !IMPORTANT;
}
#sp-bottomb .sp-module ul >li {
    display: inline-block;
    width: 14%;
}
#sp-bottomb .sp-module ul >li >a {
    line-height: 4;
}
#sp-bottomb ul.nav.menu {
    text-align: center;
}}
#sp-bottomb .sp-module ul >li >a {
    color: #fff;
}

@media(max-width:992px){
#sp-bottomb {
    padding-bottom: 30px;
}
div#sp-bottom3 {
    margin: 0px !important;
}}


/*page title*/
.sp-page-title {
    background-size: cover;
}
.sp-page-title h2 {
    /* text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff; */
}



/*menu*/
.white-page-title-menu .sp-megamenu-parent >li>a {
    color: #fff !IMPORTANT;
    text-shadow: 0px 0px 10px #000 !IMPORTANT;
}
.white-page-title-menu .sp-page-title h2, 
.white-page-title-menu .sp-page-title h3 {
    color: #fff !IMPORTANT;
    text-shadow: 0px 0px 10px #000 !IMPORTANT;
}

.white-page-title-menu .is-sticky .sp-megamenu-parent >li>a {
    color: #000 !IMPORTANT;
    text-shadow: none !IMPORTANT;
}