/*!
Theme Name: Yanni Design Studio
Theme URI: http://underscores.me/
Author: DA4You
Author URI: https://www.4you.marketing/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yanni_design_studio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Yanni Design Studio is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
	font-family: 'themify';
	src:url('https://www.thecanvasvenue.com/wp-content/themes/canvas_theme/fonts/fonts/themify.eot?-fvbane');
	src:url('https://www.thecanvasvenue.com/wp-content/themes/canvas_theme/fonts/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('https://www.thecanvasvenue.com/wp-content/themes/canvas_theme/fonts/fonts/themify.woff?-fvbane') format('woff'),
		url('https://www.thecanvasvenue.com/wp-content/themes/canvas_theme/fonts/fonts/themify.ttf?-fvbane') format('truetype'),
		url('https://www.thecanvasvenue.com/wp-content/themes/canvas_theme/fonts/fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}





:root {
  --subtitle-font: Montserrat, sans-serif;
  --body-font: Montserrat, sans-serif;
  --body-color: #ffffff;
  --body-background: #ffffff;
  --body-font-size: 16px;
  --body-line-height: 1.6;
  --headings-font: Playfair Display, serif;
  --headings-color: #ffff;
  --primary-color: #919599;
  --extra-color1: #6c757d;
  --white-color: #ffffff;
  --menu-normal-color: #ffffff;
  --menu-hover-color: #ffffff;
  --submenu-background-color: #ffffff;
  --submenu-normal-color: #0e1219;
  --submenu-hover-color: #919599;
  --footer-background-color: #0c0c0c;
  --footer-color: #ffff;
  --footer-title-color: #222222;
  --headings-h1-size: 3.5rem;
  --headings-h2-size: 2.8rem;
  --headings-h3-size: 2.5rem;
  --headings-h4-size: 2rem;
  --headings-h5-size: 1.5rem;
  --headings-h6-size: 1rem;
  --animate-duration: 800ms;
  --animate-delay: 0.9s
}

*,
body,
dd,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
p,
ul {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

img {
  border: 0
}

caption,
code,
var {
  font-style: normal;
  font-weight: 400
}

caption {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  letter-spacing: .6px
}

a {
  line-height: normal
}

b {
  font-weight: 700
}

em {
  font-style: italic
}

sub {
  bottom: 5px;
  font-size: 11px;
  position: relative;
  vertical-align: bottom
}

body {
  cursor: default;
  transition: background-color .5s ease;
  letter-spacing: .6px
}

img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  color: #f4f4f4
}

button,
input {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  vertical-align: middle
}

.no-margin {
  margin: 0 !important
}

.no-bottom {
  margin-bottom: 0
}

.no-padding {
  padding: 0
}

.wp-caption {
  max-width: 100%
}

.gallery-caption,
.wp-caption-text {
  color: #999;
  font-size: 14px;
  text-align: center;
  margin-top: 24px;
  font-style: italic;
  font-weight: 300
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none
}

.alignright {
  float: right;
  margin: 4px 0 0 24px
}

.alignleft {
  float: left;
  margin: 4px 24px 0 0
}

.aligncenter {
  margin: 24px auto;
  text-align: center;
  display: block
}

code {
  background: #eee;
  color: #151515;
  font-family: "Courier New", Courier, monospace;
  padding: 8px;
  font-size: 13px
}

article,
footer,
header,
nav,
section {
  display: block
}

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

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizeLegibility;
  background: var(--body-background);
  color: var(--body-color);
  font-family: var(--body-font);
  font-size: var(--body-font-size)!important;
  font-weight: 400;
  line-height: var(--body-line-height);
  overflow-x: hidden
      cursor: default!important;
}
body.home.no-top-image.customize-support {
  cursor: default!important;
}
body {
    background-color: rgb(0, 0, 0);
}

body.home.no-top-image.customize-support {
    background-color: rgb(0, 0, 0);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: var(--headings-font);
  line-height: 1.6;
  color: var(--headings-color);
  font-weight: 500;
  margin-bottom: 25px
}

.h1,
h1 {
  font-size: var(--headings-h1-size)
}

.h2,
h2 {
  font-size: var(--headings-h2-size)
}

.h3,
h3 {
  font-size: var(--headings-h3-size)
}

.h4,
h4 {
  font-size: var(--headings-h4-size)
}

.h5,
h5 {
  font-size: var(--headings-h5-size)
}

.h6,
h6 {
  font-size: var(--headings-h6-size)
}

.display-1 {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1
}

.display-3,
.slider-text h1 {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1
}

a {
  color: var(--primary-color)
}

p a {
  text-decoration: none
}

a:hover,
p a:hover {
  color: var(--primary-color);
  text-decoration: none
}

a:active,
a:focus {
  outline: 0;
  text-decoration: none
}

ul {
  margin: 0 0 16px 24px
}

ul li {
  margin-bottom: 8px
}

p,
ul {
  margin-bottom: 24px
}



.container-fluid {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 70px !important;
}




div p:last-of-type {
  margin-bottom: 0
}

table {
  border: 1px solid #e9e9e9;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
  border-collapse: collapse
}

table caption {
  margin-bottom: 24px;
  text-align: center
}

.gallery-post a:after,
.grid-item-v2 .grid-item-img-v2:after,
.grid-item-v2 .port-caption-v2,
.grid-item-v3 .grid-item-img-v3:after,
.grid-item-v3 .port-caption-v3,
.post-image a:before,
.white-btn,
a {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s
}

.menu-nav {
  margin: 0;
  font-size: 0
}

.menu-nav li {
  display: inline-block;
  position: relative;
  margin-left: 30px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500 !important;
  letter-spacing: .05em;
  text-transform: none
}

.menu-nav li a {
  color: var(--menu-normal-color);
  padding: 35px 0;
  display: block;
  font-weight: 500 !important;
  font-family: var(--headings-font)
}

.menu-nav li a:before {
  top: 59px;
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0;
  width: 0;
  border-top: 1px solid #fff;
  content: '';
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all 1.5s cubic-bezier(.25, 1, .35, 1) 0s
}

.menu-nav li a:hover,
.menu-nav>li:hover>a {
  background: 0 0;
  color: var(--menu-hover-color)
}

.header .menu-nav>li:hover>a:before {
  left: 0;
  width: 100%;
  border-color: var(--menu-hover-color)
}

.header.active .menu-nav>li:hover>a:before {
  left: 0;
  width: 100%;
  border-color: var(--menu-hover-color)
}

.menu-nav ul {
  display: none;
  margin: 0;
  padding: 10px 0;
  max-width: max-content;
  width: max-content;
  text-align: left;
  position: absolute;
  left: -36px;
  background: var(--submenu-background-color);
  z-index: 5;
  -webkit-box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 5px 11px #22222217
}

.menu-nav ul li {
  display: block;
  background: 0 0;
  margin: 0;
  font-size: 16px
}

.menu-nav ul li>a {
  line-height: 1.4;
  display: block;
  padding: 10px 35px;
  color: var(--submenu-normal-color);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s
}

.menu-nav ul li>a:focus {
  outline: 0
}

.menu-nav li:hover ul li a:hover,
.menu-nav ul li a:hover {
  text-decoration: none;
  color: var(--submenu-hover-color);
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(20px)
}

.menu-nav li:hover>ul {
  display: block
}

.menu-nav li ul ul {
  left: 100%;
  top: -10px;
  margin: 0
}

.menu-nav li ul a:before,
.menu-nav li ul ul:before {
  display: none
}

.nav-button-holder {
  display: none
}

.nav-button {
  background: 0 0;
  border: none;
  cursor: pointer;
  padding-bottom: 15px;
  vertical-align: middle
}

.icon-bar,
.icon-bar1,
.icon-bar2 {
  display: block;
  height: 2px;
  width: 25px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.icon-bar1,
.icon-bar2 {
  width: 18px;
  background: #495057
}

.icon-bar:after,
.icon-bar:before {
  background: #fff;
  content: "";
  height: 100%;
  left: 4px;
  position: absolute;
  bottom: -6px;
  right: 0
}

.icon-bar:after {
  bottom: -12px;
  left: 8px;
  top: auto
}

.nav-button:hover .icon-bar:after,
.nav-button:hover .icon-bar:before {
  left: 0
}

.icon-bar,
.icon-bar1,
.icon-bar2,
.nav-button .icon-bar:after,
.nav-button .icon-bar:before {
  -webkit-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  transition: all .3s ease 0s
}

.menu-mobile {
  font-size: 0;
  margin: 0 auto;
  margin-left: 0;
  padding-left: 15px
}

.menu-mobile li {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
  list-style: none;
  letter-spacing: .05em;
  margin-bottom: 0
}

.menu-mobile li a {
  color: #6c757d;
  display: block;
  line-height: 1.5
}

.menu-mobile li a:focus,
.menu-mobile li a:hover {
  background: 0 0
}

.menu-mobile ul {
  margin-left: 0
}

.menu-mobile>li>ul {
  display: none
}

.menu-mobile ul li {
  font-size: 12px;
  padding-top: 10px;
  text-transform: none;
  padding-left: 15px;
  display: block;
  text-transform: uppercase;
max-width: 209px;
  padding-bottom: 10px;
  width: 100%
}

.menu-contact {
  margin-top: 81px;
  padding-left: 15px;
  font-size: 16px;
  color: #151515
}

.menu-contact ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0
}

.menu-contact ul:first-child li i {
  font-size: 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  color: #00000057
}

.mobile-phone {
  margin-top: 8px
}

.menu-contact .social-media {
  margin-top: 24px;
  padding-bottom: 48px
}

.menu-contact .social-media li a {
  color: #fff
}

body.has-active-menu {
  overflow: hidden
}

.menu-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0
}

.menu-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: .9
}

.mobile-menu-holder {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  overflow-x: hidden;
  width: 350px;
  height: 100%;
  background: #fff;
  opacity: 0;
  padding: 0 30px;
  -webkit-transform: translateX(400px);
  -ms-transform: translateX(400px);
  transform: translateX(400px);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s
}

.mobile-menu-holder.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.modal-menu-container {
  position: relative
}

.exit-mobile {
  cursor: pointer;
  padding: 7px 1px;
  display: inline-block;
  margin-top: 35px
}

.exit-mobile span {
  margin: 0
}

.icon-bar1 {
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.icon-bar2 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.footer-social,
.social-media {
  list-style: none;
  margin: 0;
  font-size: 0
}

.footer-social li,
.social-media li {
  display: inline-block;
  font-size: 14px;
  margin-left: 16px;
  margin-bottom: 0
}

.social-media li a {
  color: #fff
}

.footer-social li:first-child,
.social-media li:first-child {
  margin-left: 0
}

a.social-twitter:hover {
  color: #29c5f6 !important
}

a.social-facebook:hover {
  color: #6788ce !important
}

a.social-pinterest:hover {
  color: #fe4445 !important
}

a.social-instagram:hover {
  color: #aa8062 !important
}

.logo img {
  width: 56px
}

img.img-fluid.small-arrow {
  width: 40px
}

@keyframes rotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

img.img-fluid.small-arrow {
  animation: rotate 4s linear infinite
}

.header-social-1,
.logo-1 {
  flex: 1 1 auto
}

.header-container {
  display: flex;
  align-items: center
}

.nav-holder-1 {
  text-align: center
}

.logo-txt {
  font-size: 32px;
  font-weight: 700
}

.logo-txt a {
  color: #fff
}

.nav-fixed-top .logo-white,
.no-top-image .logo-white {
  display: none
}

ul#menu-menu-2 {
  margin: auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center
}

.nav-fixed-top .logo-txt a,
.no-top-image .logo-txt a {
  color: #151515
}

.copyright {
  background: #000;
  padding: 20px;
  color: #ffffff7a
}

.fab {
  display: flex;
  color: rgb(255 255 255);
  font-size: 27px;
  padding: 8px;
  border-radius: 50px;
  transition: color .3s, transform .3s;
  align-items: center;
  justify-content: center
}

ul.social-media.header-social-1 i {
	    width: 44px;
    height: 44px;
	display: block;
    border: 1px solid;
    border-radius: 50px;
    display: flex;
    color: var(--body-color);
    font-size: 22px;
    padding: 10px;
    margin: 0 9px;
    transition: color .3s, transform 1.3s;
    align-items: center;
    transform: scale(1.01);
}

ul.social-media.header-social-1 i:hover {
  color: var(--submenu-hover-color);
  transform: scale(1.15);
  transition: color .3s, transform .3s
}

.fab:hover {
  color: #ffff;
  transform: scale(1.15);
  transition: color .3s, transform .3s
}

.far,
.fas {
  color: #d9c3b8;
  font-size: 20px;
  margin-right: 7px;
  width: 23px;
  height: 25px;
  text-align: center
}

.textwidget i {
  font-size: 12px;
  width: 23px;
  height: 25px;
  text-align: center
}

.about-list-icon i {
  color: #949494;
  font-size: 24px;
  margin-right: 7px;
  width: 23px;
  height: 25px;
  text-align: center
}

a i.far,
a i.fas {
  color: #d9c3b8;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 7px
}

.nav-fixed-top .social-media li a,
.no-top-image .social-media li a {
  color: #151515
}

.nav-fixed-top .icon-bar,
.no-top-image .icon-bar {
  background: #151515
}

.nav-fixed-top .icon-bar:after,
.nav-fixed-top .icon-bar:before,
.no-top-image .icon-bar:after,
.no-top-image .icon-bar:before {
  background: #151515
}

.nav-fixed-top .menu-nav li a,
.no-top-image .menu-nav li a {
  color: var(--headings-color);
  font-weight: 600
}

.nav-fixed-top .menu-nav li a:hover,
.nav-fixed-top .menu-nav>li:hover>a,
.no-top-image .menu-nav li a:hover,
.no-top-image .menu-nav>li:hover>a {
  background: 0 0;
  color: #000
}

.white-bg {
  background: #000000d6
}

header.header.white-bg .hamburger {
  color: #000
}

header.header.white-bg .logo {
  color: #000
}

ul#menu-menu-1 {
  margin: 0
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  width: 100%;
  transition: background-color .3s ease-out, all .3s ease-out;
  box-shadow: none;
  z-index: 100
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px
}

.logo {
  margin-right: auto
}

.navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.hamburger,
.menu-items {
  display: flex;
  align-items: center
}

.hamburger {
  margin-right: 10px
}

.menu-items {
  display: block !important
}

.header.active {
  background-color: #fff
}

.header.active .hamburger,
.header.active .menu-items {
  display: block;
  color: #000;
  margin-right: 20px;
  text-transform: uppercase;
  display: none
}

.header .menu-items {
  display: block;
  color: #000;
  margin-right: 20px;
  text-transform: uppercase;
  display: none
}

.header ul#menu-menu-2 li a {
  color: #fff
}

.header.active ul#menu-menu-2 li a {
  color: #000
}

.header .menu-nav ul {
  display: none;
  margin: 0;
  padding: 10px 0;
  max-width: max-content;
  width: max-content;
  text-align: left;
  position: absolute;
  left: -36px;
    background: #000000d6;
  color: #ffff;
  z-index: 5;
  -webkit-box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 5px 11px #22222217
}

.header ul#menu-menu-1 li a {
  color: #ffff
}

.header .menu-nav li ul ul {
  left: 100%;
  top: -10px;
  margin: 0;
  width: 100%
}

.header.active .menu-nav li ul ul {
  left: 100%;
  top: -10px;
  margin: 0;
  width: 100%
}

header.header.white-bg .nav-button.hamburger-mobile {
  display: block;
  color: #fff;
  margin-right: 0;
  padding: 0;
  text-transform: uppercase
}

.header.active .logo {
  color: #000
}

.logo {
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  font-weight: 700
}

.hamburger {
  font-size: 30px;
  height: 43px !important;
  background: 0 0;
  border: none;
  color: #fff;
  display: block;
  cursor: pointer;
  margin-right: 20px
}

.nav-button.hamburger-mobile {
  font-size: 32px;
  background: 0 0;
  border: none;
  color: #fff;
  display: block;
  cursor: pointer;
  display: none
}

.phone-number {
  color: #fff;
  margin-left: 20px;
  font-size: 14px
}

.header.active {
  background-color: #fff;
  color: #000
}

.header.active .logo {
  color: #000
}

.header.active .hamburger {
  color: #000
}

header.header a.logo-default {
  display: flex
}
header.header a.logo-default h1 {
    display: flex;
    font-family: 'Playfair Display';
    font-size: 26px;
    color: white;
    padding-top: 17px;
}

header.header a.logo-active {
  display: none
}

header.header.active a.logo-default {
 /* display: none !important*/
}

header.header.active a.logo-active {
  display: flex
}
header.header.active a.logo-active h1 {
    display: flex;
    font-family: 'Playfair Display';
    font-size: 26px;
    color: white;
    padding-top: 17px;
}

.container.header-container {
  position: relative
}

button.phone-number {
  text-align: center;
  margin: 0;
  position: absolute;
  top: 40%;
  left: 10%;
  margin-left: 8px;
  z-index: 9999;
  width: max-content;
  font-size: 19px
}

.header.active button.phone-number {
  display: none
}

.header .cta-header {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.header.active .cta-header {
  padding-top: 0
}

.header.active {
     background: #000000d6;
  color: #000;
  box-shadow: 0 0 0 transparent
}

@media (min-width:769px) {
  buttom.start-btn-2.start-2 {
      display: none
  }

  button.phone-number.hero {
      display: none
  }
}

@media (max-width:768px) {
  .logo img {
     width: 300px;
  }

  header.white-bg a.logo.logo-active img {
      padding: 0px 0;
    width: 300px;
  }

  a.logo.logo-default img {
      position: relative;
      top: 0;
        width: 130px;
  }

  .header-container {
      padding: 0 15px
  }

  button.phone-number {
      display: none
  }

  button.phone-number.hero {
      display: block;
      position: absolute;
      left: 50%;
      top: 82%;
      transform: translate(-50%, -50%);
      margin: 0;
      z-index: 1
  }

  .video-banner buttom.start-btn-2.start-2 {
      position: absolute;
      left: 50%;
      top: 80%;
      transform: translate(-50%, -50%)
  }

  header.header.white-bg buttom.start-btn.start-1 {
      display: none
  }

  buttom.start-btn.start-1 {
      display: none
  }

  header.header a.logo-default {
      display: flex
  }

  header.header.white-bg a.logo-default {
 /*     display: none*/
  }

  header.header.white-bg a.logo-active {
      display: flex
  }
	 header.header.white-bg a.logo-active h1 {
     display: flex;
    font-family: 'Playfair Display';
    font-size: 26px;
    color: white;
    padding-top: 17px;
  }
	    

  header.header a.logo-active {
      display: none
  }

  .nav-button.hamburger-mobile {
      display: block;
      padding: 0;
      height: 44px !important
  }

  .menu-nav ul {
      margin: 0
  }

  .menu-nav li a {
      width: max-content;
      color: var(--menu-normal-color);
      padding: 12px 0;
      display: block
  }

  .menu-nav ul {
      position: relative;
      margin-left: 60px
  }

  ul#menu-menu-2 {
      display: none !important;
      margin: auto;
      display: flex;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: flex-start;
      padding: 15px
  }

  .menu-items {
      display: none !important;
      position: absolute;
      top: 99%;
      left: 0;
      right: 0;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
  }

  .header.active .hamburger,
  .header.active .menu-items {
      margin-right: 0;
      display: none !important
  }

  .hamburger {
      font-size: 35px;
      background: 0 0;
      border: none;
      color: #fff;
      display: block;
      cursor: pointer;
      margin-right: 0;
      display: none
  }

  .menu-items.active {
      display: flex;
      flex-direction: column;
      align-items: flex-start
  }

  .menu-items a {
      padding: 10px 20px;
      text-decoration: none;
      color: #000;
      display: block
  }
	.textwidget p {
    font-size: 14px!important;
}
	.widgettitle, .widgettitle2 h5 {
    font-size: 20px!important;
}
	.col-lg-6.col-md-6.footer-column.m-0.p-0 {
    display: none;
}
	.insta-image {
    padding: 3px 3px!important;
}
	section.call-to-action p {
    text-align: center!important;
}
}


section.call-to-action p {
    text-align: justify;
}

.menu-contact i {
  color: #2d3033
}

.menu-contact i:hover {
  color: #151515
}

@media (max-width:847px) {
  .menu-nav li a {
      font-size: 14px
  }
}

header#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff
}

.sub-menu {
  display: none
}

.sub-menu.active {
  display: block;
  padding: 23px 0 30px 10px
}

/* Стилі для контейнера головного пункта меню та стрілки */
.menu-item {
    position: relative; /* Задаємо відносну позицію */
}

/* Стилі для стрілки */
.mobile-submenu-toggle {
    position: absolute; /* Задаємо абсолютну позицію */
    top: 85%;
    right: 0; /* Розташовуємо з правого боку */
    transform: translateY(-50%); /* Центруємо по вертикалі */
    background: none; /* Знищуємо фон кнопки */
    border: none; /* Видаляємо рамку */
    cursor: pointer; /* Змінюємо курсор на показчик */
}

/* Стилі для стрілки вниз */
.arrow-icon {
	padding: 20px;
    display: inline-block;
    margin-left: 5px; /* Відступ від тексту пункту меню */
    transition: transform 0.5s ease; /* Плавна анімація обертання */
}

.arrow-icon.rotate {
    transform: rotate(180deg);
    padding: 20px;
    margin-top: 60px;
}
button.mobile-submenu-toggle i {
    color: black;
}


.menu-mobile li a {
       color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin-top: 14px;
    list-style: none;
    letter-spacing: .05em;
    margin-bottom: 0;
    transition: transform .3s ease;
    font-family: var(--headings-font);
    text-transform: none;
}

.menu-mobile li a:active,
.menu-mobile li a:hover {
  color: var(--submenu-hover-color);
    font-size: 14px;
    font-weight: 500;
    margin-top: 14px;
  list-style: none;
  letter-spacing: .05em;
  margin-bottom: 0;
  transition: transform .3s ease;
  text-decoration: none;
  color: var(--submenu-hover-color);
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(20px)
}

ul.menu li:hover>a {
  color: red;
  font-weight: 700
}

ul.menu li:hover ul.sub-menu {
  display: block
}

.arrow-icon {
  transition: transform .3s ease
}

.mobile-menu li a:before {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0;
  width: 0;
  border-top: 2px solid #222;
  content: '';
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all .5s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all 1.5s cubic-bezier(.25, 1, .35, 1) 0s
}

i.fas.fa-chevron-right.arrow-icon {
  color: #151515;
  font-size: 14px
}

.logo {
  float: left;
  font-size: 24px;
  font-weight: 700
}

.menu {
  background-color: #fff;
  z-index: 9999;
  transition: background-color .9s cubic-bezier(.68, -.55, .27, 1.55), padding-top .9s cubic-bezier(.68, -.55, .27, 1.55);
  width: 100%
}

.menu.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0 15px;
  left: 0;
  background-color: #ffff;
  padding-top: 10px
}

.menu .header-container,
.menu .nav-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box
}

.menu .nav-holder {
  flex: 1
}

.menu .nav-button-holder {
  display: none
}

.menu.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: #fff;
  margin-top: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all .3s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all .3s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all .3s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all .3s cubic-bezier(.25, 1, .35, 1) 0s
}

ul#menu-menu-3 {
  margin: auto
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.canvas-block {
  margin-right: 20px
}

.nav-holder {
  text-align: right
}

.logo {
  max-width: 100%
}

.phone-number {
  font-size: 20px;
  color: #fff;
  border: none;
  background: 0 0;
  cursor: pointer;
  transition: background-color .3s ease, transform .3s ease;
  width: 100%
}

button.phone-number.hero {
  font-size: 20px;
  color: #fff;
  border: none;
  background: 0 0;
  cursor: pointer;
  transition: color .3s ease;
  width: 100%
}

.phone-number:hover {
  color: #cbcbcb;
  transition: color .3s ease
}

button.phone-number.hero:active {
  color: #cbcbcb;
  transition: color .3s ease
}

.phone-number:active {
  transform: scale(.95);
  transition: color .3s ease
}

@media only screen and (max-width:768px) {
  .phone-number:hover {
      background-color: #0056b3;
      transform: scale(1)
  }

  .phone-number:active {
      transform: scale(1)
  }
}

.header {
  transition: background-color .3s ease, box-shadow .5s ease, transform .3s ease, color .3s ease
	  transform: scale(1);
}

.header,
.header.active {
	 transform: scale(1);
  transition:box-shadow .1s ease, transform .1s ease, color 0s ease, padding .1s ease;
	    background: #15151500;
}
.header.active {
	 background:#151515e6;
}
.header.white-bg {
	 background:#151515e6;
}

body.has-active-menu {
  overflow: hidden
}

.menu-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0
}

.menu-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: .9
}

.mobile-menu-holder {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  overflow-x: hidden;
  width: 350px;
  height: 100%;
  background: #fff;
  opacity: 0;
  padding: 0 30px;
  -webkit-transform: translateX(400px);
  -ms-transform: translateX(400px);
  transform: translateX(400px);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all .7s cubic-bezier(.25, 1, .35, 1) 0s
}

.mobile-menu-holder.is-active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.modal-menu-container {
  position: relative
}

.exit-mobile {
  cursor: pointer;
  padding: 7px 1px;
  display: inline-block;
  margin-top: 32px
}

.icon-bar1 {
  top: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.icon-bar2 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.footer-social,
.social-media {
  list-style: none;
  margin: 0;
  font-size: 0
}

.footer-social li,
.social-media li {
  display: inline-block;
  font-size: 14px;
  margin-left: 16px;
  margin-bottom: 0
}

.social-media li a {
  color: #fff
}

.footer-social li:first-child,
.social-media li:first-child {
  margin-left: 0
}

a.social-twitter:hover {
  color: #29c5f6 !important
}

a.social-facebook:hover {
  color: #6788ce !important
}

a.social-pinterest:hover {
  color: #fe4445 !important
}

a.social-instagram:hover {
  color: #aa8062 !important
}

.header-social-1 {
  text-align: center
}

.logo img {
    width: 130px;
    padding: 15px 0px;
    height: 100%;
}

img.img-fluid.small-arrow {
  width: 40px
}

@keyframes rotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(360deg)
  }
}

img.img-fluid.small-arrow {
  animation: rotate 4s linear infinite
}

.header-social-1,
.logo-1 {
  flex: 1 1 auto
}

.header-container {
  display: flex;
  align-items: center
}

.nav-holder-1 {
  text-align: center
}

.logo-txt {
  font-size: 32px;
  font-weight: 700
}

.logo-txt a {
  color: #fff
}

.nav-fixed-top .logo-white,
.no-top-image .logo-white {
  display: none
}

ul#menu-menu-2 {
  margin: auto
}

.nav-fixed-top .logo-txt a,
.no-top-image .logo-txt a {
  color: #151515
}

.fab {
  font-weight: 400;
  color: var(--primary-color);
  font-size: 17px;
  transition: .9s
}

.fab:hover {
  color: #6c757d
}

.nav-fixed-top .social-media li a,
.no-top-image .social-media li a {
  color: #151515
}

.nav-fixed-top .icon-bar,
.no-top-image .icon-bar {
  background: #151515
}

.nav-fixed-top .icon-bar:after,
.nav-fixed-top .icon-bar:before,
.no-top-image .icon-bar:after,
.no-top-image .icon-bar:before {
  background: #151515
}

.nav-fixed-top .menu-nav li a,
.no-top-image .menu-nav li a {
  color: #6e6f71;
  font-weight: 500
}

.nav-fixed-top .menu-nav li a:hover,
.nav-fixed-top .menu-nav>li:hover>a,
.no-top-image .menu-nav li a:hover,
.no-top-image .menu-nav>li:hover>a {
  background: 0 0;
  color: #000
}

.section-title {
  line-height: 1.2em;
  font-size: 45px;
  font-weight: 500
}

.page-subtitle,
.post-subtitle {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  letter-spacing: .05em;
  margin-top: 8px;
  display: block;
  line-height: 1.1;
  text-transform: uppercase
}

#wrap-content p {
  line-height: 1.7
}

.page-holder p {
  margin-bottom: 32px
}

.port-grid {
  margin-bottom: -30px
}

.port-caption {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s
}

.port-caption {
  position: absolute;
  z-index: 4;
  padding: 0 30px;
  left: 0;
  bottom: 30px
}

.port-caption h3,
.port-caption-masonry h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  margin: 8px 5px 0 0;
  letter-spacing: .03em;
  color: #151515;
  font-family: var(--body-font)
}

/*.port-caption-v3 h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  margin: 8px 5px 0 0;
  letter-spacing: .03em;
  color: #151515;
  font-family: var(--body-font)
}*/

.port-caption-v2 h2 {
  display: inline-block;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  margin: 8px 5px 0 0;
  letter-spacing: .03em;
  color: #151515;
  font-family: var(--body-font)
}

.port-grid-v2,
.port-grid-v3,
.port-grid-v4 {
  display: flex;
  flex-wrap: wrap
}

.grid-item-v2,
.grid-item-v3 {
  width: 33.333%;
  height: 420px;
  position: relative;
  overflow: hidden;
  padding: 25px 15px
}

.grid-item-img-v2,
.grid-item-img-v3 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  position: relative;
  width: 100%
}

.grid-item-img-v2:after,
.grid-item-img-v3:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #151515;
  opacity: 0;
  z-index: 2
}

.grid-item-v2:hover .grid-item-img-v2:after {
  background: #fff;
  opacity: 1
}

.grid-item-v2:hover .port-caption-v2 h2 {
  color: #151515
}

.grid-item-v2:hover .port-caption-v2 {
  opacity: 1
}

.grid-item-img-v3:after {
  opacity: .1
}

.port-caption-v3 h2 {
  color: #fff;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 8px
}

.grid-item-v3:hover .port-caption-v3 {
  opacity: .5
}

.grid-item-v3:hover .grid-item-img-v3:after {
  opacity: 0
}

#parallax-grid .grid-item-img-v3 {
  background-attachment: fixed
}

#parallax-grid .grid-item-v3:hover .port-caption-v3 {
  opacity: 1
}

.portfolio-layout-masonry2 {
  margin-left: -15px;
  margin-right: -15px
}

.grid-item-style2,
.grid-item-style3 {
  width: 25%;
  padding: 15px
}

.grid-item-style2:nth-child(6n+1),
.grid-item-style2:nth-child(6n+6),
.grid-item-style3:nth-child(7n+1) {
  width: 50%
}

.port-grid-v4 {
  margin-left: -15px;
  margin-right: -15px
}

.grid-item-v4-init {
  width: 25%
}

.grid-item-v4 {
  width: 25%;
  height: 350px;
  position: relative;
  overflow: hidden;
  padding: 15px
}

.grid-item-v4-style1:nth-of-type(8n+1),
.grid-item-v4-style1:nth-of-type(8n+7),
.grid-item-v4-style2:nth-of-type(7n+1),
.grid-item-v4-style3:nth-of-type(6n+1),
.grid-item-v4-style3:nth-of-type(6n+5) {
  width: 50%;
  height: 700px
}

.grid-item-v4-style1:nth-of-type(8n+4),
.grid-item-v4-style1:nth-of-type(8n+8),
.grid-item-v4-style2:nth-of-type(7n+2),
.grid-item-v4-style2:nth-of-type(7n+3) {
  width: 50%
}

.grid-item-v4-style3 {
  width: 50%
}

.grid-item-img-v4 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}

.item-img-v4 {
  position: absolute;
  left: -50px;
  top: 0;
  height: 100%;
  width: calc(100% + 50px);
  background-size: cover;
  background-position: center center;
  -webkit-transition: transform 1s cubic-bezier(.3, 1, .35, 1) 0s;
  -moz-transition: transform 1s cubic-bezier(.3, 1, .35, 1) 0s;
  -o-transition: transform 1s cubic-bezier(.3, 1, .35, 1) 0s;
  -ms-transition: transform 1s cubic-bezier(.3, 1, .35, 1) 0s;
  transition: transform 1s cubic-bezier(.3, 1, .35, 1) 0s
}

.grid-item-v4:hover .item-img-v4 {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px)
}

.item-img-v4:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(.3, 1, .35, 1) 0s;
  -moz-transition: opacity 1s cubic-bezier(.3, 1, .35, 1) 0s;
  -o-transition: opacity 1s cubic-bezier(.3, 1, .35, 1) 0s;
  -ms-transition: opacity 1s cubic-bezier(.3, 1, .35, 1) 0s;
  transition: opacity 1s cubic-bezier(.3, 1, .35, 1) 0s
}

.grid-item-v4:hover .item-img-v4:before {
  opacity: .7
}

.port-caption-v4 {
  position: absolute;
  top: 50%;
  right: -100%;
  width: 90%;
  text-align: center;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transition: right .8s cubic-bezier(.3, 1, .35, 1) 0s;
  -moz-transition: right .8s cubic-bezier(.3, 1, .35, 1) 0s;
  -o-transition: right .8s cubic-bezier(.3, 1, .35, 1) 0s;
  -ms-transition: right .8s cubic-bezier(.3, 1, .35, 1) 0s;
  transition: right .8s cubic-bezier(.3, 1, .35, 1) 0s
}

.grid-item-v4:hover .port-caption-v4 {
  right: 50%
}

.port-caption-v4 h2 {
  font-size: 28px
}

.grid-img-icon {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  margin-top: 16px
}

.port-masonry {
  margin-bottom: -54px
}

.port-caption-masonry {
  text-align: center;
  margin-bottom: 54px
}

.port-caption-masonry h3 a {
  color: #151515
}

.port-caption-masonry h3 a:hover {
  color: var(--primary-color)
}

.port-masonry-v2 {
  margin-bottom: -30px
}

.port-item-masonry-v2 {
  margin-bottom: 30px
}

.port-title-masonry-v2 {
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 45px;
  z-index: 4;
  opacity: 0;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1
}

h2.port-title-masonry-v2 {
  margin: 0
}

.port-img-v2 {
  overflow: hidden
}

.port-img-v2 img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.portfolio-slider-holder {
  margin: 148px 0 108px 0
}

.portfolio-slider-item {
  height: 600px;
  overflow: hidden
}

.portfolio-slider-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.portfolio-slider-img:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #151515;
  background: -webkit-linear-gradient(0deg, rgba(21, 21, 21, .6) 0, rgba(255, 255, 255, 0) 50%);
  background: -o-linear-gradient(0deg, rgba(21, 21, 21, .6) 0, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(0deg, rgba(21, 21, 21, .6) 0, rgba(255, 255, 255, 0) 50%);
  opacity: 1;
  z-index: 2
}

.portfolio-slider-caption {
  position: absolute;
  left: 0;
  bottom: 32px;
  right: 0;
  text-align: center;
  padding: 0 30px;
  z-index: 4
}

.portfolio-slider-caption h2 {
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 8px
}

.portfolio-slider-item .portfolio-slider-caption,
.portfolio-slider-item .portfolio-slider-img,
.portfolio-slider-item .portfolio-slider-img:after {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -moz-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -o-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  -ms-transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s;
  transition: all 1s cubic-bezier(.25, 1, .35, 1) 0s
}

.portfolio-slider-item:hover .portfolio-slider-img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.portfolio-slider-item:hover .portfolio-slider-caption,
.portfolio-slider-item:hover .portfolio-slider-img:after {
  opacity: 0
}

.gallery-holder {
  margin-bottom: -30px
}

.fancybox-caption {
    background: linear-gradient(0deg,rgb(0 0 0 / 32%),rgb(0 0 0 / 0%) 88%,transparent)!important;
}
.fancybox-caption__body {
    font-size: 16px;
}

.gallery-post {
  position: relative;
}

.gallery-post a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0
}

.gallery-post:hover a:after {
  opacity: .3
}

.gallery-grid1col {
  text-align: center
}

.gallery-grid1col img {
  margin-bottom: 8px
}



.masonry{ column-count:1; column-gap:14px; column-fill:balance; }
@media (min-width:576px){ .masonry{ column-count:2; } }
@media (min-width:992px){ .masonry{ column-count:3; } }

/* Картка — inline-block, щоб працювали CSS-колонки */
.masonry .gallery-post{ display:inline-block; width:100%; margin:0 0 14px; break-inside:avoid; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; }
.masonry .item{ overflow:hidden; }
.masonry .item img{ display:block; width:100%; height:auto; transition:transform .3s ease; }
.masonry .item:hover img{ transform:scale(1.02); }

/* підстраховка на випадок оверлеїв */
.masonry a.lightbox{ pointer-events:auto; }





.col-sm-4.col-lg-4.gallery-post .item{
    width: 100%;
    padding-top: 132%; /* Adjust this value based on your aspect ratio needs */
    position: relative;
    overflow: hidden;
}

.col-sm-4.col-lg-4.gallery-post .item a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.section-about3 {
  padding: 108px 0;
  background: #f5f5f5
}

.section-about23 {
  padding: 108px 0;
  background: var(--primary-color)
}

.section-team3 {
  padding: 81px 54px;
  background: var(--extra-color1)
}

.icon-box-2-wrapper {
  display: flex;
  margin-bottom: 54px
}

.icon-box-3-wrapper {
  display: flex;
  margin-bottom: 32px
}

.icon-box-2-icon,
.icon-box-3-icon {
  flex: 0 0 auto;
  margin-right: 32px;
  font-size: 36px;
  line-height: 1
}

.icon-box-3-icon {
  font-size: 16px;
  margin-right: 15px
}

.icon-size-medium {
  font-size: 32px
}

.box-title-3 {
  margin-bottom: 0
}

.article-title a {
  font-size: 1.5rem;
  letter-spacing: 0.05rem;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 0px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.article-excerpt {
  margin-bottom: 2rem;
}

.article-title a {
  color: #151515;
  display: block
}

.article-title a:hover {
  color: var(--primary-color)
}

.blog-item {
  margin-bottom: 72px
}

.post-holder {
  text-align: center
}

.post-meta {
  margin: 0;
  font-size: 0;
  list-style: none;
  margin-bottom: 26px
}

.post-meta li {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #454545;
  line-height: 1.1;
  margin-bottom: 6px
}

.post-image {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  display: inline-block
}
section.blog-holder {
    padding-top: 26px;
    padding-bottom: 0;
}
.post-content.single-post-content.single-article-page.clearfix h2 {
    border-bottom: 2px solid #c1c1c1;
    padding-bottom: 15px;
}
.post-content.single-post-content.single-article-page img {
    width: 100%;
    height: 103vh;
    object-fit: cover;
    padding: 0px 10px 20px 10px !important;
}
.post-content.single-post-content.single-article-page.clearfix p {
    padding: 20px 15px 35px 15px;
}

.post-image a:before {
  content: '';
  background: #151515;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.post-image:hover a:before {
  opacity: .2
}

.blog-item-1col .post-holder {
  padding: 0 54px
}

.blog-item {
  text-align: center
}

.blog-item-1col-list {
  display: flex
}

.blog-item-1col-list .post-image {
  width: 35%;
  height: 430px;
  overflow: hidden;
  margin-bottom: 0;
  top: 0;
  left: 0
}

.blog-item .list-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%
}

.blog-item-1col-list .post-holder {
  width: 65%;
  margin-top: 0;
  position: relative
}

.list-holder {
  position: absolute;
  top: 50%;
  left: 54px;
  right: 54px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.blog-item-1col .article-title,
.blog-item-1col-list .article-title {
  font-size: 2.5rem
}

.blog-item-1col-list:last-child {
  margin-bottom: 0
}

.short-blog-3col-grid .article-title {
  margin-top: 0;
  margin-bottom: 16px
}

.meta-nav-holder {
  margin-top: 72px;
  align-items: center
}

.meta-nav {
  padding: 0 15px
}

.meta-nav a {
  display: block;
  color: #151515
}

.meta-nav a:hover {
  color: var(--primary-color)
}

.meta-nav-subtitle {
  font-size: 14px;
  letter-spacing: .05em
}

#comments_wrap {
  margin-top: 16px
}

input::-ms-clear {
  display: none
}

footer ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.foo-block table,
.foo-block table caption {
  margin-bottom: 0
}

.foo-block table caption {
  padding-bottom: 0
}

.widgettitle, .widgettitle2 h5 {
    font-size: 24px;
    color: #151515;
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: .03em;
    margin-bottom: 0px;
    position: relative;
}

.textwidget p {
    font-size: 14px;
}

footer .widgettitle {
  color: #ffff;
}

.textwidget img {
  height: auto;
  max-width: 100%
}

.search-string {
  padding: 16px 24px;
  width: 100%;
  border: 1px solid #151515;
  background: 0 0;
  color: #151515;
  border-radius: 99em
}

.foo-block .search-string {
  border-color: #333;
  background: #fff
}

.display-post-holder {
  display: flex
}

.display-post-img {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 70px;
  height: 70px;
  overflow: hidden
}

.display-post-text {
  margin-left: 16px
}

.display-post-title {
  font-weight: 400;
  font-size: 16px;
  margin-top: 8px
}

.display-post-title a {
  color: #151515
}

.display-post-title a:hover {
  color: var(--primary-color)
}

.widget ul li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_rss li {
  margin-bottom: 16px;
  line-height: 1.4
}

.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a {
  color: #151515
}

.foo-block .widget_meta li a,
.foo-block .widget_nav_menu li a,
.foo-block .widget_pages li a {
  color: #fff
}

.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover {
  color: var(--primary-color)
}

.widget_nav_menu .sub-menu {
  padding-top: 16px;
  margin-left: 16px
}

.widget_nav_menu .sub-menu li {
  border: none;
  padding-bottom: 0
}

.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child {
  margin-bottom: 0
}

footer {
/* margin-top: 100px;*/
    /* padding: 0 0 54px 0;*/
  background: var(--footer-background-color)
}

.footer-widgets {
  padding-top: 108px;
	background: black;
}

.footer-social li a,
footer,
footer a {
  color: var(--body-color);
}

footer a:hover {
  color: var(--submenu-hover-color)
}

.foo-block,
.widget-footer {
  margin-bottom: 54px;
  text-align: center
}

.widget-footer {
  text-align: center
}

.footer-copy {
  font-size: 14px;
  text-align: center;
  letter-spacing: .05em
}

#footer-instagram {
  text-align: center;
  position: relative;
  margin-bottom: -120px
}

div#footer-instagram h2 {
  margin-bottom: 30px
}

#footer-instagram .widgettitle {
  display: inline-block;
  margin-bottom: 36px
}

.arrow.bounce.text-center.scroll-down-button {
  display: inline-block;
  width: 60px;
  height: auto;
  line-height: 56px;
color: rgb(255 255 255 / 76%);
  border: 2px solid rgb(255 255 255 / 27%);
  border-radius: 100%;
  margin-left: -24px;
  font-size: 24px;
}

.arrow.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite
}

.arrow {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
  z-index: 8
}

.video-container {
  position: relative;
  overflow: hidden
}

.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgb(0 0 0 / 25%), rgba(0, 0, 0, .7));
  transition: background .5s ease;
  pointer-events: none
}

video {
  width: 100%;
  height: auto;
  display: block
}

video {
  width: 100%;
  height: 100vh;
  object-fit: cover
}

.scroll-down-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  color: #fff;
  font-size: 24px
}

.video-banner {
  position: relative
}

@keyframes bounce {

  0%,
  100%,
  20%,
  50%,
  80% {
      transform: translateY(0)
  }

  40% {
      transform: translateY(-10px)
  }

  60% {
      transform: translateY(-5px)
  }
}

@keyframes slideFromTop {
  0% {
      transform: translateY(-50px);
      opacity: 0
  }

  100% {
      transform: translateY(0);
      opacity: 1
  }
}

.scroll-down-button {
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

.custom-btn {
  padding: 10px 0;
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: var(--body-color);
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--body-color);
  cursor: pointer;
  outline: 0;
  transition: all .3s ease;
  text-transform: uppercase;
  letter-spacing: 3px;
	    font-family: var(--body-font);
    font-weight: 500;
}

.custom-btn:hover {
	color: var(--submenu-hover-color);
	border-bottom: 1px solid var(--submenu-hover-color);
}

button.custom-btn i {
  font-size: 14px;
    transition: .3s ease-out;
}

button.custom-btn:hover i {
  margin-left: 15px
}



buttom.start-btn-2.start-2 {
	line-height: 1;
    align-items: center;
    justify-content: center;
    color: rgb(4, 4, 4);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: var(--headings-font);
    padding: 20px 20px 20px 20px;
    background: rgb(255, 255, 255);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    transition: all 0.3s ease 0s;
}





.about p {
  color: #fff
}

.about-list {
  position: relative;
  display: block;
  margin: 2rem 0
}

.about-list li {
  position: relative;
  display: flex;
  align-items: center
}

.about-list li+li {
  margin-top: 10px
}

.about-list-icon {
  display: flex;
  align-items: center
}

.about-list-icon span {
  font-size: 10px;
  color: #fff;
  background-color: #817373;
  border-radius: 50%;
  padding: 10px
}

.about-list-text span {
    margin-left: 15px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: var(--headings-font);
}

.about-list-text p {
  font-size: 20px;
  margin: 0
}

.about2 h5 {
  color: #817373;
  font-size: 18px;
  line-height: 1.75em
}

.about2 h5 span {
  color: #817373
}

.about2 .img-reveal-container img.base-img  {
  z-index: 2;
  background: 0 0;
/*  height: 80vh; */
  object-fit: cover
}


@media screen and (max-width:768px) {
	.event-page.section-padding {
    padding-top: 26px;
}
	.container.header-cpt {
    display: none;
}
	
	
  .section-title {
      font-size: 40px
  }
	
section#about {
        padding: 70px 0 0 0!important;
}
	section.services.section-padding {
       padding: 70px 0 0 0!important;
}
}

section#about {
    padding: 120px 0 0 0;
}
section#about .img-reveal-container.pl-lg-5.pl-sm-3 {
    margin-top: 3rem;
}

@media (min-width: 576px) {
    .pl-sm-3, .px-sm-3 {
        padding-left: 2.2rem !important;
    }
}

.top-img {
  position: absolute;
  top: 18%;
  left: 0;
  z-index: 9;
  width: 47%;
/*  height: 60vh !important; */
  object-fit: cover
}

.pl-lg-5 {
  padding-left: 5rem !important
}
.pr-lg-5{
  padding-right: 5rem !important
}

@media screen and (min-width:1199px) {
  .top-img {
      position: absolute;
      top: 22%;
      left: 0;
      z-index: 9;
      width: 55%;
  /*    height: 57vh !important; */
      object-fit: cover
  }
}

@media screen and (max-width:768px) {
	.pl-lg-5 {
  padding-left: 15px !important
}
.pr-lg-5{
  padding-right: 15px !important
}
	.img-reveal-container {
  position: relative;
  width: 100%; /* Full width of its parent */
  padding-top: 160%; /* This creates a square aspect ratio based on the width */
  overflow: hidden;
}
  .top-img {
      position: absolute;
      top: 22%;
      left: 0;
      z-index: 9;
      width: 50%;
     height: 47vh !important;
      object-fit: cover
  }

  .img-reveal-container.pl-lg-5.pl-sm-12 {
      margin-top: 2rem
  }
	section.call-to-action .img-reveal-container.pl-lg-5.pl-sm-12 {
    margin-top: 0rem;
}

  .pl-sm-5 {
      padding-left: 2rem !important
  }

  .pl-sm-5 {
      padding-left: 2rem !important
  }
}

@media screen and (max-width:600px) {
  .top-img {
      position: absolute;
      top: 20%;
      left: 0;
      z-index: 9;
      width: 50%;
    height: 48vh !important; 
      object-fit: cover
  }
}

@media screen and (max-width:490px) {
  .top-img {
      position: absolute;
      top: 17%;
      left: 0;
      z-index: 9;
      width: 55%;
      height: 50vh !important;
      object-fit: cover
  }
}

@media screen and (max-width:375px) {
  .top-img {
      position: absolute;
      top: 16%;
      left: 0;
      z-index: 9;
      width: 50%;
      height: 35vh !important;
      object-fit: cover
  }
}

@media screen and (max-width:320px) {
  .top-img {
      position: absolute;
      top: 16%;
      left: 0;
      z-index: 9;
      width: 50%;
      height: 31vh !important;
      object-fit: cover
  }
}



.img-reveal-container {
  position: relative;
  width: 100%; /* Full width of its parent */
    padding-top: 100%;
  overflow: hidden;
}

.base-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;
  object-fit: cover; /* Ensures the image covers the square area without distortion */
  clip-path: inset(0 0 100% 0); /* Adjust if necessary for your animation */
  animation-fill-mode: forwards; /* Retain your animation fill mode */
  display: block; /* Ensures the images are treated as block-level elements */
}

.top-img {
  position: absolute;
    top: 26%;
    left: 0;
    width: 50%;
    height: 66%!important;
  object-fit: cover; /* Ensures the image covers the square area without distortion */
  clip-path: inset(0 0 100% 0); /* Adjust if necessary for your animation */
  animation-fill-mode: forwards; /* Retain your animation fill mode */
  display: block; /* Ensures the images are treated as block-level elements */
}


.img-reveal-container {
  position: relative;
  overflow: hidden
}

.base-img,
.top-img {
  height: auto;
  display: block;
  clip-path: inset(0 0 100% 0);
  animation-fill-mode: forwards
}

@keyframes revealAnimation {
  from {
      clip-path: inset(0 0 100% 0)
  }

  to {
      clip-path: inset(0 0 0 0)
  }
}

.img {
  width: 100%;
  height: auto;
  display: block
}


/****** ABOUT**********/

section.services.section-padding .section-title h3 {
border:none
}

section.services.section-padding .section-title h3 {
    position: relative; 
    display: inline-block;
    padding-right: 20px; 
	    width: 100%;
}

section.services.section-padding .section-title h3::after {
    content: ""; 
    position: absolute; 
    top: 50%; 
	right: 0;
    transform: translateY(-50%); 
    width: 73%;
    border-top: 2px solid #bfbfbf;
    margin-left: 20px; 
	    max-width: -webkit-fill-available;
}




section.call-to-action {
    padding: 0;
}
section.call-to-action .col-lg-5.col-md-12 {
    background: #4b4b4b;
    padding: 35px;
}
section.call-to-action .col-lg-7.col-md-12 {
    padding-right: 0;
    padding-left: 0 !important;
}
section.call-to-action .img-reveal-container {
  position: relative;
  width: 100%; /* Full width of its parent */
    padding-top: 80%;
  overflow: hidden;
}




.services .item {
  position: relative;
  overflow: hidden;
margin: 0px 13px 26px 13px;
}

.col-lg-4.col-md-6.gallery-item {
  margin-bottom: 3rem;
}

.services .item:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
    -webkit-filter: brightness(85%);
	filter: rightness(85%);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition:transform 1s ease;
}

.services .item:hover .con {
  bottom: 0
}

.services .item img {
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-filter: brightness(85%);
	filter: rightness(85%);
	  transform: scale(1, 1);
	transition:  transform 1s ease;
}

.services .item .con {
  padding: 20px;
  position: absolute;
  bottom: -65px;
  left: 0;
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: left;
  z-index: 20;
  height: auto;
  box-sizing: border-box;
  background: -moz-linear-gradient(to bottom, rgba(255,0,0,0), #00000059);
  background: -webkit-linear-gradient(to bottom, rgba(255,0,0,0), #00000059);
  background: linear-gradient(to bottom, rgba(255,0,0,0), #00000059);
}


@media (max-width:768px) {
	section.services.section-padding .section-title h3::after {
    width: 20%;
}
.services .item .con {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: left;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
    background: -moz-linear-gradient(to bottom, transparent 0, rgb(0 0 0 / -2%) 2%, rgb(0 0 0 / 84%) 69%);
    background: -webkit-linear-gradient(to bottom, transparent 0, rgb(0 0 0 / -2%) 2%, rgb(0 0 0 / 84%) 69%);
    background: linear-gradient(to bottom, transparent 0, rgb(0 0 0 / -2%) 2%, rgb(0 0 0 / 84%) 69%);
}
}

.services .item .con h6,
.services .item .con h6 a {
  position: relative;
  color: #fff;
  font-size: 16px;
  display: inline;
  margin-bottom: 0
}

.services .item .con h6 i {
  font-size: 6px;
  margin-right: 2px
}

.services .item .con p {
  color: #fff;
  font-size: 22px
}

.services .item .con i {
  color: #fff;
  font-size: 18px
}

.services .item .con i:hover {
  color: #fff
}

.services .item .line {
  text-align: center;
  height: 1px;
  width: 60px;
  background-color: rgba(255, 255, 255, .2);
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  margin: auto 0 20px
}

.services .item:hover .line {
  width: 100%;
  transition-property: all;
  transition-duration: .8s;
  transition-timing-function: ease-in-out
}

.services .facilities ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.services .facilities ul li {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2em;
  padding-bottom: 20px;
  float: left
}

.services .facilities ul li i {
  margin-right: 10px
}

.services .item .con .permalink {
 font-family: var(--headings-font);
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;

  color: #fff;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .5s ease;
  display: inline
}

.services .item .con .permalink a {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 3px;
font-family: var(--headings-font);
	    padding: 10px 0;
	transition: color .3s ease;
}

.services .item .con .permalink:hover a,
.services .item .con .permalink:hover i{
	  color: #b5b5b5;
}

.services .item .con .permalink i {
  font-size: 10px;
  text-align: right;
  transition: .5s ease-out;
  color:#fff;
}

.services .item .con .permalink:hover i {
  margin-left: 15px
}

.services .item .con h5 a {
	color:#ffff;
	font-family: var(--headings-font);
font-size: 30px;
  font-weight: 400;
  position: relative;
  letter-spacing: 3px;
	    line-height: 1.2!important;
  line-height: 0
}
.item .con h5 span {
  color: #fff;
  font-size: 22px;
	font-family: var(--headings-font);
	font-size: 22px;
  font-weight: 400;
  position: relative;
  letter-spacing: 2px
}
.item .con h5 p {
  color: #fff;
 font-size: 42px;
	font-family: var(--headings-font);
	font-size: 42px;
  font-weight: 400;
  position: relative;
  letter-spacing: 2px
}


@media (max-width:1024px) {
  .customPrevBtn {
      background: #ffffff94;
      position: absolute;
      top: 50%;
      left: 0 !important;
      transform: translateY(-50%);
      display: inline-block;
      width: 50px;
      height: 50px;
      display: flex;
      line-height: 56px;
      color: #fff;
      border: 1px solid #22222238;
      border-radius: 100%;
      padding: 10px;
      cursor: pointer;
      font-size: 24px;
      color: #333;
      align-items: center;
      justify-content: center
  }

  .customNextBtn {
      background: #ffffff94;
      position: absolute;
      top: 50%;
      right: 0 !important;
      transform: translateY(-50%);
      display: inline-block;
      width: 50px;
      height: 50px;
      display: flex;
      line-height: 56px;
      color: #fff;
      border: 1px solid #22222238;
      border-radius: 100%;
      padding: 10px;
      cursor: pointer;
      font-size: 24px;
      color: #333;
      align-items: center;
      justify-content: center
  }

  .team .owl-carousel.owl-drag .owl-item {
      padding: 15px 65px !important
  }
}

.customPrevBtn {
  background: #ffffff94;
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  display: flex;
  line-height: 56px;
  color: #fff;
  border: 1px solid #22222238;
  border-radius: 100%;
  padding: 10px;
  cursor: pointer;
  font-size: 24px;
  color: #333;
  align-items: center;
  justify-content: center
}

.customNextBtn {
  background: #ffffff94;
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  display: flex;
  line-height: 56px;
  color: #fff;
  border: 1px solid #22222238;
  border-radius: 100%;
  padding: 10px;
  cursor: pointer;
  font-size: 24px;
  color: #333;
  align-items: center;
  justify-content: center
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 65vh;
  object-fit: cover
}

.insta-block {
    margin-bottom: 0;
    padding: 0px 13px 26px 13px!important;
}



.insta-image img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
}
section.services.section-padding {
    padding: 70px 0 0 0;
}
section.instagram-section.pt-0 {
    padding: 0px 0 120px 0;
}
section.instagram-section.pt-0 .container-fluid{
    max-width: 1800px;
	padding: 0px 30px !important;
}
.footer-widgets .footer-column {
    border-right:2px solid #c5c5c5;
	border-left:2px solid #c5c5c5;
}

.footer-widgets .footer-column:last-child {
    border-right: none; /* Removes the border from the last column */
}
.foo-block, .widget-footer {
    margin-bottom: 0px;
    text-align: center;
}
.foo-block, .widget-footer {
    margin-bottom: 0px;
    padding: 15px;
    text-align: center;
}
section.footer-widgets {
    padding: 50px 0 50px 0;
}
/* CSS in your <head> section or in your stylesheet */
.footer-widgets .row {
    display: flex;
    flex-wrap: wrap;
	    align-items: center;
}
.footer-widgets .footer-column {
    flex-direction: column;
}
.footer-widgets .footer-column .foo-block {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer-widgets .footer-column .foo-block {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* This will push the content to top and bottom */
	    padding: 0px 15px;
}

hr {
      width: 100%; 
    border: 1px solid #c1c1c1;
    opacity: 1;
       margin: 3.5rem auto;
}


@media (max-width: 991px) {
	section.call-to-action .col-lg-7.col-md-12 {
    padding-right: 15px;
    padding-left:15px !important;
}
	section#about .row {
    flex-direction: column-reverse;
}
	.row.align-items-center.about-rew {
    flex-direction: column-reverse;
}
	section.call-to-action .row {
		 flex-direction: column-reverse;
}
	section.call-to-action .img-reveal-container {
    margin-top: 0rem!important;
}
	.img-reveal-container.pl-lg-5.pl-sm-5 {
    margin-top: 3rem;
}
}

@media (max-width: 768px) {
	section.instagram-section.pt-0 {
    padding: 0px 0 0px 0;
}
	.section-holder.contact .row {
    position: relative;
      max-width: 100% !important;
    margin: auto;
}
	.col-md-12.m-auto.contact-bg {
    background: white;
   padding: 20px 30px!important;
}
	.footer-widgets .row {
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.footer-widgets .footer-column {
      border-right: none;
}
	section.instagram-section.pt-0 .container-fluid {
    padding: 0px 0px !important;
}
	.foo-block, .widget-footer {
    text-align: center;
}
.container-fluid {
    padding: 0px 15px !important;
    text-align: center;
}
	.img-reveal-container {
padding-top: 132%;
}
	.insta-image img {
    width: 100%;
    height: 150px !important;
    object-fit: cover;
}
	#footer-instagram .col-md-2.col-sm-2 {
    max-width: 33.3333%;
}
	section.call-to-action .img-reveal-container {
  position: relative;
  width: 100%; 
padding-top: 132%;
  overflow: hidden;
}
section.call-to-action .col-lg-7.col-md-7 {
    padding-right: 15px;
}	
section.call-to-action .col-lg-5.col-md-5 {
    background: #f0f0f1;
    padding: 35px 15px;
    margin: 0 15px;
}
}
div#footer-instagram .col-md-2.col-sm-2 {
    padding: 0;
}

section.instagram-section.pb-3 .container-fluid {
    padding: 0;
    max-width: 100% !important;
    margin: 0;
}

#footer-instagram {
    position: relative;
}

.insta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); /* Семіпрозорий чорний фон */
    opacity: 0; /* Початковий стан прозорості */
    visibility: hidden; /* Приховано за замовчуванням */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity 0.5s, visibility 0.5s; /* Анімація для прозорості та видимості */
}

#footer-instagram:hover .insta-overlay {
    opacity: 1; /* Повна непрозорість при наведенні */
    visibility: visible; /* Показати overlay */
}
section.footer-widgets .container-fluid {
    padding: 0px 15px !important;
}












	
ul.social-media.contact-social-1 i {
    display: flex;
    color: rgb(29 30 30);
    font-size: 27px;
    padding: 8px 16px 8px 0px;
    transition: color .3s, transform 1.3s;
    align-items: center;
    transform: scale(1.01);
}
	
	ul.social-media.contact-social-1 i:hover {
      color: var(--submenu-hover-color);
  transform: scale(1.15);
  transition: color .3s, transform .3s
}

/*.row.contact-bg{
	background: white;
padding: 20px 40px;
}*/

.col-lg-6.contact-bg {
    background: white;
padding: 50px 90px;
}

.row.contact-bg.gx-5.gy-4 p {
    font-size: smaller;
	max-width: max-content;
	color:black;
}

.event-contact.d-flex.flex-wrap {
    display: flex !important;
    justify-content: center;
}
.contact-info {
    display: flex;
}


.ti-google:before {
    content: "G"!important;
    font-weight: bold;
    font-family: Arial, sans-serif; /* або будь-який інший */
}
.event-contact strong {
    font-family: var(--headings-font);
}
.event-contact.mb-3 {
    padding-left: 8px;
	    max-width: max-content;
}
.event-contact p {
    padding-right: 10px;
    font-size: 16px;
}
.event-contact.d-flex.flex-wrap a {
color: #303030;
}
.event-contact.d-flex.flex-wrap a:hover {
    color: var(--submenu-hover-color);
}


.section-holder.contact:before {
    content: '';
    background: linear-gradient(151deg, #000000d6, transparent);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
height: 100%;
}

.event-contact.d-flex.flex-wrap.justify-content-center a {
    color: var(--body-color);
}

/*.section-holder.contact .row::after {
    content: "";
    position: absolute;
    margin: 122px 0;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000;
    /* transform: translateX(-40%); */
}*/

/* Adjusting the line for mobile screens */
@media (max-width: 768px) {
	.insta-image img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
}
	.row.contact-bg.align-items-center{
	background: white; padding: 60px 15px;
}

  .section-holder.contact .col-md-6.px-lg-5 {
margin-bottom:5rem;
  }
	.section-holder.contact .row::after {
    content: "";
    position: absolute;
    margin: 60px 0;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0px;
    background-color: #000;
    /* transform: translateX(-40%); */
}
}

.event-minimums {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

.top-contact-single-bkg {
    display: block;
    overflow: hidden;
    position: relative;
    /* margin-top: 92px; */
    width: 100%;
    height: 40vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.top-contact-single-bkg .inner-desc {
    position: absolute;
    z-index: 4;
    width: 100%;
    top: 55%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



@media (max-width:768px) {
		#offerings-info .offer-btn {
    margin-bottom: 5px!important;
}
  section.footer-widgets.bg-second h2 {
      text-align: center
  }

  section.footer-widgets.bg-second {
      padding: 70px 0 0 !important
  }
}

section.footer-widgets.bg-second {
  padding: 120px 0 0
}

.textwidget p i {
  transition: .5s ease-out
}

.textwidget p :hover i {
  margin-left: 15px
}

div#footer-instagram span.inst-link {
    font-size: 20px;
}

section.call-to-action h2 {
  margin-bottom: 0;
  font-size: 80px;
line-height: normal;
}


@media screen and (max-width:768px) {
 section.call-to-action h2 {
    margin-bottom: 0;
    font-size: 42px;
    line-height: 1.5;
}
}

section.call-to-action p {
  margin-bottom: 2rem
}

button.start-btn.start-1 i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -8px;
  margin-left: 5px
}

button.start-btn.start-1 i {
  font-size: 14px;
  margin-left: 5px;
  display: inline-block;
  transition: transform .3s ease;
  transform: translateX(0)
}

.start-btn i {
  vertical-align: middle
}

.start-btn i {
  position: relative;
  top: 0
}

.start-btn {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 20px 20px 20px;
    background: #fff;
    color: #040404;
   font-weight: 500;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    transition: .3s ease;
    font-family: var(--headings-font);
}

.start-btn:hover {
  transform: scale(.96)
}

button.start-btn.start-1:hover i {
  transform: translateX(5px)
}

.bg-with-gradient {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.bg-with-gradient:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(231deg, rgb(0 0 0 / 29%), rgb(0 0 0 / 90%));
  z-index: -1
}

video.video-canvas {
  width: 100%;
  height: 44vh;
  object-fit: cover
}

.call-to-action h2.section-title.margin-b25.text-white {
  line-height: normal;
  margin-bottom: 20px !important
}

.cta-title {
  font-weight: 700
}

button.canvas-btn-cta {
  background: 0 0;
  border: 1px solid #fff;
  line-height: 1.6;
  font-size: 20px;
  transition: border .3s ease, border .3s ease, color .3s ease;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  transition: background-color .3s ease, box-shadow .3s ease, color .3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
  z-index: 9
}

button.canvas-btn-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: left .3s ease;
  z-index: -1
}

button.canvas-btn-cta:active,
button.canvas-btn-cta:hover {
  background-color: #555;
  box-shadow: 0 8px 12px rgba(0, 0, 0, .2);
  color: #222 !important;
  transition: background-color .3s ease, box-shadow .3s ease, color .3s ease
}

section.team-page.section-holder {
  padding: 0
}

.team .img-reveal-container img{
  z-index: 2;
  background: 0 0;
 /* height: 80vh; */
  object-fit: cover
}

.team-page .box-holder {
  position: relative;
  width: 100%;
 /* height: 40vh; */
  overflow: hidden;
  padding: 0 !important
}

.team-page .img-fluid {
  width: 100%;
 /* height: 40vh; */
  object-fit: cover;
  transition: filter .5s ease, transform .5s ease
}

.team-page .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 23%);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity .5s ease
}

.team-page .box-holder:hover .img-fluid {
  filter: blur(8px)
}

.team-page .box-holder:hover .overlay {
  opacity: 1
}



.box-icon {
width: 100%;
    padding-top: 132%;
    position: relative;
    overflow: hidden;
}

.box-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the area without distortion */
}



h3.box-title.box-team-title {
  margin-bottom: 5px;
  color: #fff
}

@media (max-width:767px) {
  h3.box-title.box-team-title {
      margin-bottom: 5px;
      color: #fff;
      font-size: calc(3.2rem + .6vw)
  }
}

span.team-info {
    color: #fff;
    margin: 0;
    font-size: 14px;
    max-width: 200px;
}

section.call-to-action.bg-with-gradient.bg-fixed.parallax.lazyloaded {
    padding: 170px 0;
}


section {
  padding: 50px 0;
}
.mb-5 {
    margin-bottom: 4rem !important;
}

@media (max-width:767px) {
  section {
      padding: 70px 0
  }
}

.section-padding2 {
  padding: 0 0 120px 0
}

.section-padding h6 {
  color: #817373;
  font-size: 20px;
  margin-bottom: 20px
}

.section-padding h5 {
  font-size: 18px
}

.section-subtitle {
  font-size: 45px;
  font-family: var(--subtitle-font);
  font-weight: 500;
  color: #000;
  position: relative;
  letter-spacing: 3px;
  margin-bottom: 1rem
}

.section-subtitle span {
  color: #817373
}
section.call-to-action .section-title h3 {
    border-bottom: 0 !important;
	    margin: 0;
    padding: 0;
}
section.call-to-action .section-title {
    border-bottom: 0 !important;
    margin-bottom: 0px !important;
}


section.call-to-action .custom-btn {
       padding: 10px 0;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: var(--body-color);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--body-color);
    cursor: pointer;
    outline: 0;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: var(--body-font);
    font-weight: 500;
}

section.call-to-action .custom-btn:hover {
	color: var(--submenu-hover-color);
	border-bottom: 1px solid var(--submenu-hover-color);
}



.section-title {
  font-size: 42px;
  font-family: var(--headings-font);
  font-weight: 500;
  color: var(--headings-color);
  position: relative;
  margin-bottom: 1rem;
  line-height: 1.4
}

.section-title h3 {
    border-bottom:2px solid #c1c1c1;
    padding-bottom: 15px;
}


@media (max-width:767px) {
	.section-title {
    font-size: 34px;
    font-family: var(--headings-font);
    font-weight: 500;
    color: var(--headings-color);
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.4;
}
}

section.team p {
  margin-bottom: 2rem
}

section.section-service.section-home31.alignc .section-title {
  margin-bottom: 1rem !important
}

.section-title span {
  font-size: 70px;
  font-family: var(--subtitle-font);
  color: var(--headings-color);
  position: relative;
  letter-spacing: 3px;
  margin-bottom: 2rem;
  line-height: .8
}

@media screen and (max-width:768px) {
	ul.social-media.header-social-1.mb-4 {
    margin-top: 50px;
}
	.event-contact p {
    padding-right: 10px;
    font-size: 12px;
}
  .section-title span {
      font-size: 40px;
      font-family: var(--subtitle-font);
      font-weight: 500;
      color: var(--headings-color);
      position: relative;
      letter-spacing: 6px;
      margin-bottom: .8rem
  }
}

span {
  font-size: 22px;
  font-family: var(--subtitle-font);
  font-weight: 500;
  position: relative;
  letter-spacing: 3px;
  margin-bottom: 2rem
}

span.inst-link {
  color: #fff;
  font-family: var(--subtitle-font);
  letter-spacing: 0;
  font-size: 22px;
  border-bottom: 1px solid;
  padding-bottom: 7px;
  transition: color .3s ease-in-out, border-bottom .3s ease-in-out
}

span.inst-link:hover {
  color: var(--submenu-hover-color)!important;
  border-bottom: 1px solid var(--submenu-hover-color)
}



.section-padding .white,
.section-padding h5.white,
.section-subtitle.white,
.section-title span.white,
.section-title.white {
  color: #fff
}

.box-icon.margin-b24 img {
  margin-bottom: 10px
}

section.team-page.section-holder .col-md-6.col-lg-3{
	padding: 0px 13px 26px 13px!important;
}

.ctn-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 900
}

.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100
}

.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, .2);
  border-top-color: #000;
  height: 5em;
  margin: 0 auto 1.5em auto;
  width: 5em
}

.ctn-preloader .animation-preloader .txt-loading {
  font: lighter 2.5em var(--headings-font);
  text-align: center;
  user-select: none;
  font-family: var(--headings-font);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: #000;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-90deg);
  font-family: var(--headings-font);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  color: rgba(0, 0, 0, .2);
  position: relative;
  font-family: var(--headings-font);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: .2s
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: .4s
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: .6s
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: .8s
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s
}

.ctn-preloader .loader-section {
  background-color: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
  font-family: var(--headings-font);
}

.ctn-preloader .loader-section.section-left {
  left: 0
}

.ctn-preloader .loader-section.section-right {
  right: 0
}

.loaded .animation-preloader {
  opacity: 0;
  transition: .3s ease-out
}

.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: .7s .3s all cubic-bezier(.1, .1, .1, 1)
}

.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: .7s .3s all cubic-bezier(.1, .1, .1, 1)
}

@keyframes spinner {
  to {
      transform: rotateZ(360deg)
  }
}

@keyframes letters-loading {

  0%,
  100%,
  75% {
      opacity: 0;
      transform: rotateY(-90deg)
  }

  25%,
  50% {
      opacity: 1;
      transform: rotateY(0)
  }
}

@media screen and (max-width:767px) {
  .ctn-preloader .animation-preloader .spinner {
      height: 8em;
      width: 8em
  }

  .ctn-preloader .animation-preloader .txt-loading {
      font: lighter 1.5em Poppins, sans-serif
  }
}

@media screen and (max-width:500px) {
  .ctn-preloader .animation-preloader .spinner {
      height: 7em;
      width: 7em
  }

  .ctn-preloader .animation-preloader .txt-loading {
      font: lighter 1em Poppins, sans-serif
  }
}

.custom-page-template img {
  height: auto;
  max-width: 100%
}
.row.service-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 100%;
    object-fit: cover;
}
section.page-holder.custom-page-template.page-full.fullscreen-page.clearfix span {
  font-size: 70px;
  font-family: var(--subtitle-font);
  color: var(--headings-color);
  position: relative;
  letter-spacing: 3px;
  margin-bottom: 2rem;
  line-height: .8;
}

.white {
  color: var(--white-color)
}

.section-contact41 {
  background: #151515;
  margin-top: -108px;
  padding-top: 108px;
  padding-bottom: 108px
}

.page-links a,
.white-btn {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #151515;
  letter-spacing: .03em;
  padding: 12px 24px;
  border-radius: 5px;
  display: inline-block;
  border: none
}

.page-links a:hover {
  background: var(--primary-color);
  color: #fff
}

.white-btn {
  background: var(--primary-color);
  color: #fff
}

.white-btn:hover {
  background: #fff;
  color: #151515
}

.page-links {
  text-align: center;
  font-size: 0
}

.nav-page a {
  color: #fff;
  background: #151515;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 99em
}

.nav-page a:hover {
  color: #fff;
  background: var(--primary-color)
}

.page-links {
  margin-top: 36px
}

.page-links a {
  margin: 0;
  margin-right: 12px
}

.video-widget {
  position: relative;
  padding: 0;
  padding-bottom: 56.25%;
  height: 100%;
  overflow: hidden
}

.video-widget iframe {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.scrollup {
  display: none
}

.scrollup i {
z-index: 99999;
  /* height: 30px; */
  position: fixed;
  /* background: var(--primary-color); */
  color: #0e1219;
  border-radius: 50%;
  bottom: 20px;
  right: 20px;
  /* text-align: center; */
  /* padding-top: 6px; */
  /* cursor: pointer; */
  /* z-index: 110; */
  /* display: inline-block; */
  width: 60px;
  height: auto;
  line-height: 56px;
  /* color: #6b6b6b; */
  /* border: 2px solid rgb(165 165 165); */
  color: rgb(159 158 158);
  border: 2px solid rgb(159 158 158);
  /* border-radius: 100%; */
  /* margin-left: -24px; */
  text-align: center;
  font-size: 24px;
}

.alignc {
  text-align: center
}

.flex-alignleft {
  justify-content: left
}

.none {
  display: none
}

.top-page404 {
  margin-bottom: -108px
}

.title-404 {
  font-size: 12rem;
  margin-bottom: 32px;
  line-height: 1
}

.owl-carousel {
  cursor: -webkit-grab;
  cursor: -moz-grab
}

.owl-theme .owl-nav {
  position: initial
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
 display:block!important;
}

.owl-dots {
  margin: auto;
  text-align: center;
}

button.owl-dot.active {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: black;
  border: 0;
}
button.owl-dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #00000069;
  border: 0;
  margin: 0 8px;
}


.owl-theme .owl-nav button {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  top: 43%;
  height: 50px;
  width: 50px;
  background: #ffffff33;
  border-radius: 50%
}


.owl-theme .owl-nav button.owl-next {
  right: 10px;
  left: auto
}
.owl-theme span.lnr {
color: #ffffffad;
font-size:40px;
}


.margin-t108 {
  margin-top: 108px
}

.margin-t72 {
  margin-top: 72px
}

.margin-t54 {
  margin-top: 54px
}

.margin-t36 {
  margin-top: 36px
}

.margin-t32 {
  margin-top: 32px
}

.margin-t24 {
  margin-top: 24px
}

.margin-t16 {
  margin-top: 16px
}

.margin-b108 {
  margin-bottom: 108px
}

.margin-b72 {
  margin-bottom: 72px
}

.margin-b72min {
  margin-bottom: -72px
}

.margin-b54 {
  margin-bottom: 54px
}

.margin-b54min {
  margin-bottom: -54px
}

.margin-b36 {
  margin-bottom: 36px
}

.margin-b32 {
  margin-bottom: 32px
}

.margin-b32min {
  margin-bottom: -32px
}

.margin-b24 {
  margin-bottom: 24px
}

.margin-b16 {
  margin-bottom: 16px
}

.margin-b16:not(:last-child) {
  margin-bottom: 16px
}

.margin-none {
  margin: 0
}

.margin-l54 {
  margin-left: 54px
}

.margin-r54 {
  margin-right: 54px
}

.img-center {
  margin: 0 auto
}

::-webkit-input-placeholder {
  color: #151515
}

:-moz-placeholder {
  color: #151515
}

::-moz-placeholder {
  color: #151515
}

:-ms-input-placeholder {
  color: #151515
}

::-ms-input-placeholder {
  color: #151515
}

::placeholder,
:placeholder-shown {
  color:#a9a9a9f0;
}

textarea#msg-contact {
    width: 100%;
    height: 204px;
    line-height: inherit;
    font-family: 'Montserrat';
    padding: 10px 10px;
}

input.comm-field{
    width: 100%;
    line-height: inherit;
    font-family: 'Montserrat';
    padding: 10px 10px;
}

body.hidden-scroll {
  overflow: hidden
}




input.form-control {
    width: 100%;
    line-height: inherit;
    font-family: 'Montserrat';
    padding: 10px 10px;
    margin-bottom: 20px;
	font-size: 14px;
}

select#floralDecorBudget {
    width: 100%;
    line-height: inherit;
    font-family: 'Montserrat';
    padding: 10px 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #a9a9a9f0;
}

textarea.form-control {
    width: 100%;
    height: 200px;
    line-height: inherit;
    font-family: 'Montserrat';
    padding: 10px 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #a9a9a9f0;
}



.forminator-ui#forminator-module-631.forminator-design--material .forminator-button-submit{
    padding: 10px 0!important;
    font-size: 14px!important;
    font-family: Arial, sans-serif!important;
    color: #333!important;
    background-color: transparent!important;
    border: none!important;
    border-bottom: 1px solid #222!important;
    cursor: pointer!important;
    outline: 0!important;
    transition: all .3s ease!important;
    text-transform: uppercase!important;
    letter-spacing: 3px!important;
	    margin-top: 20px;
  }
.forminator-ui#forminator-module-631.forminator-design--material .forminator-button-submit:hover {
      color: var(--submenu-hover-color)!important;
      border-bottom: 1px solid var(--submenu-hover-color)!important;
  }
#forminator-module-631.forminator-design--material .forminator-input--wrap:after {
    background-color: #17A8E3!important;
}

.forminator-ui#forminator-module-631.forminator-design--material .forminator-button-submit span {
    font-family: var(--subtitle-font);
    font-weight: 500;
    position: relative;
    letter-spacing: 3px;
    margin-bottom: 0rem;
    font-size: 14px;
}
.forminator-row span{
    font-family: var(--subtitle-font);
    font-weight: 500;
    position: relative;
    letter-spacing: 3px;
     margin-bottom: 0rem;
}

#forminator-module-631.forminator-design--material .forminator-input--wrap:after {
    background-color: var(--submenu-hover-color)!important;
}
#forminator-module-631.forminator-design--material .forminator-input--wrap:after {
    background-color: var(--submenu-hover-color)!important;
}
#forminator-module-631.forminator-design--material .forminator-is_active .forminator-label[class*="forminator-floating-"] {
    color: var(--submenu-hover-color)!important;
}
.forminator-ui#forminator-module-631.forminator-design--material .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] {
    border-color: var(--submenu-hover-color)!important;
}
.forminator-custom-form-631.forminator-calendar--material .ui-datepicker-header {
    background-color: var(--submenu-hover-color)!important;
}
.ui-datepicker.forminator-calendar--material .ui-datepicker-header+.ui-datepicker-calendar {
    margin-top: 10px;
    padding-top: 0;
    background: white!important;
}
.forminator-custom-form-631.forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {
    border-color: #888!important;
    background-color: #ffffff!important;
    color: #888!important;
}
.forminator-custom-form-631.forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default:active, .forminator-custom-form-631.forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active {
    border-color: #aaa!important;
    background-color: #aaaaaa;
    color: #FFFFFF;
	    border: 1px solid #e6e6e6;
}
#forminator-module-631.forminator-design--material .forminator-textarea {
    border-color: var(--submenu-hover-color)!important;
    background-color: transparent;
    color: #000000;
}


/* Submit button — form #7477 */
.forminator-ui#forminator-module-7477.forminator-design--material .forminator-button-submit{
    padding: 10px 0!important;
    font-size: 14px!important;
    font-family: Arial, sans-serif!important;
    color: #333!important;
    background-color: transparent!important;
    border: none!important;
    border-bottom: 1px solid #222!important;
    cursor: pointer!important;
    outline: 0!important;
    transition: all .3s ease!important;
    text-transform: uppercase!important;
    letter-spacing: 3px!important;
    margin-top: 20px;
}
.forminator-ui#forminator-module-7477.forminator-design--material .forminator-button-submit:hover {
    color: var(--submenu-hover-color)!important;
    border-bottom: 1px solid var(--submenu-hover-color)!important;
}
.forminator-ui#forminator-module-7477.forminator-design--material .forminator-button-submit span {
    font-family: var(--subtitle-font);
    font-weight: 500;
    position: relative;
    letter-spacing: 3px;
    margin-bottom: 0rem;
    font-size: 14px;
}


span.select2-selection__placeholder{
    font-family: var(--subtitle-font)!important;
    font-weight: 500;
    position: relative!important;
    letter-spacing: normal!important;
    margin-bottom: 0rem!important;
    font-size: 16px!important;
    /* font-family: inherit; */
    font-weight: 400!important;
    color: #8f918f!important;
}
span.forminator-select-dropdown.forminator-custom-form-631.forminator-dropdown--material {
    background: white!important;
	border: 1px solid #e6e6e6;
}

div#textarea-1 {
    padding-top: 20px;
}
textarea#forminator-field-textarea-1_65ca15cb7aa1f {
    padding-top: 0;
}

.forminator-ui#forminator-module-631.forminator-design--material .forminator-textarea {
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    border: 0;
    border-bottom: 1px solid;
    padding-top: 20px!important;
}

.forminator-ui#forminator-module-631.forminator-design--material .forminator-textarea, .forminator-ui#forminator-module-644.forminator-design--material .forminator-textarea {
    min-height: 0px !important;
    padding-top: 0px !important;
    height: 17px !important;
}


#forminator-module-631.forminator-design--material .forminator-textarea {
    border-color: #777771;
    background-color: transparent;
    color: #000000;
    padding-left: 0!important;
	 padding-left: 0!important;
}
#forminator-module-631.forminator-design--material .forminator-label[class*="forminator-floating-"] {
    color: #888888;
    padding-left: 0!important;
}
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=material] .forminator-floating--textarea, .forminator-ui.forminator-custom-form[data-design=material] .forminator-floating--textarea {
    padding-top: 12px !important;
}

span.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open {
    margin-top: 30px;
}
#forminator-module-631.forminator-design--material .forminator-textarea--wrap:after {
    border-color: var(--submenu-hover-color)!important;
	border-bottom:1px solid;
	border:0;
}
.forminator-ui#forminator-module-631.forminator-design--material .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:before {
    background-color: var(--submenu-hover-color)!important;
}






.forminator-ui#forminator-module-644.forminator-design--material .forminator-button-submit{
    padding: 10px 0!important;
    font-size: 14px!important;
    font-family: Arial, sans-serif!important;
    color: #333!important;
    background-color: transparent!important;
    border: none!important;
    border-bottom: 1px solid #222!important;
    cursor: pointer!important;
    outline: 0!important;
    transition: all .3s ease!important;
    text-transform: uppercase!important;
    letter-spacing: 3px!important;
	margin-top: 20px;
  }
.forminator-ui#forminator-module-644.forminator-design--material .forminator-button-submit:hover {
      color: var(--submenu-hover-color)!important;
      border-bottom: 1px solid var(--submenu-hover-color)!important;
  }
#forminator-module-644.forminator-design--material .forminator-input--wrap:after {
    background-color: #17A8E3!important;
}

.forminator-ui#forminator-module-644.forminator-design--material .forminator-button-submit span {
    font-family: var(--subtitle-font);
    font-weight: 500;
    position: relative;
    letter-spacing: 3px;
    margin-bottom: 0rem;
    font-size: 14px;
}

#forminator-module-644.forminator-design--material .forminator-input--wrap:after {
    background-color: var(--submenu-hover-color)!important;
}
#forminator-module-644.forminator-design--material .forminator-input--wrap:after {
    background-color: var(--submenu-hover-color)!important;
}
#forminator-module-644.forminator-design--material .forminator-is_active .forminator-label[class*="forminator-floating-"] {
    color: var(--submenu-hover-color)!important;
}
.forminator-ui#forminator-module-644.forminator-design--material .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] {
    border-color: var(--submenu-hover-color)!important;
}
.forminator-custom-form-644.forminator-calendar--material .ui-datepicker-header {
    background-color: var(--submenu-hover-color)!important;
}
.ui-datepicker.forminator-calendar--material .ui-datepicker-header+.ui-datepicker-calendar {
    margin-top: 10px;
    padding-top: 0;
    background: white!important;
}
.forminator-custom-form-644.forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {
    border-color: #888!important;
    background-color: #ffffff!important;
    color: #888!important;
}
.forminator-custom-form-644.forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default:active, .forminator-custom-form-644.forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active {
    border-color: #aaa!important;
    background-color: #aaaaaa;
    color: #FFFFFF;
	    border: 1px solid #e6e6e6;
}
#forminator-module-644.forminator-design--material .forminator-textarea {
    border-color: var(--submenu-hover-color)!important;
    background-color: transparent;
    color: #000000;
}
span.select2-selection__placeholder{
    font-family: var(--subtitle-font)!important;
    font-weight: 500;
    position: relative!important;
    letter-spacing: normal!important;
    margin-bottom: 0rem!important;
    font-size: 16px!important;
    /* font-family: inherit; */
    font-weight: 400!important;
    color: #8f918f!important;
}
span.forminator-select-dropdown.forminator-custom-form-644.forminator-dropdown--material {
    background: white!important;
	border: 1px solid #e6e6e6;
}

div#textarea-1 {
padding-top: 45px;
}
textarea#forminator-field-textarea-1_65ca15cb7aa1f {
    padding-top: 0;
}

.forminator-ui#forminator-module-644.forminator-design--material .forminator-textarea {
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    border: 0;
    border-bottom: 1px solid;
}
#forminator-module-644.forminator-design--material .forminator-is_active .forminator-label[class*="forminator-floating-"],
#forminator-module-631.forminator-design--material .forminator-is_active .forminator-label[class*="forminator-floating-"]{
    padding:5px 0 2px 0!important;
}

#forminator-module-644.forminator-design--material .forminator-textarea {
    border-color: #777771;
    background-color: transparent;
    color: #000000;
    padding-left: 0!important;
	 padding-left: 0!important;
}
#forminator-module-644.forminator-design--material .forminator-label[class*="forminator-floating-"] {
    color: #888888;
    padding-left: 0!important;
}

span.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open {
    margin-top: 30px;
}
#forminator-module-644.forminator-design--material .forminator-textarea--wrap:after {
    border-color: var(--submenu-hover-color)!important;
	border-bottom:1px solid;
	border:0;
}
.forminator-ui#forminator-module-644.forminator-design--material .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:before {
    background-color: var(--submenu-hover-color)!important;
}
.forminator-ui#forminator-module-644.forminator-design--material .forminator-button-upload {
    background-color: #9a9ea1!important;
}
.forminator-ui#forminator-module-644.forminator-design--material .forminator-button-upload:hover {
    background-color: #b4b8bb!important;
}
#forminator-module-644.forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
    padding: 20px 0 10px 0;
}






@-webkit-keyframes pulsate {
  0% {
      transform: scale(.1);
      opacity: 0
  }

  50% {
      opacity: 1
  }

  100% {
      transform: scale(1.2);
      opacity: 0
  }
}

@keyframes pulsate {
  0% {
      transform: scale(.1);
      opacity: 0
  }

  50% {
      opacity: 1
  }

  100% {
      transform: scale(1.2);
      opacity: 0
  }
}

@-moz-keyframes pulsate {
  0% {
      transform: scale(.1);
      opacity: 0
  }

  50% {
      opacity: 1
  }

  100% {
      transform: scale(1.2);
      opacity: 0
  }
}

@-o-keyframes pulsate {
  0% {
      transform: scale(.1);
      opacity: 0
  }

  50% {
      opacity: 1
  }

  100% {
      transform: scale(1.2);
      opacity: 0
  }
}

@-ms-keyframes pulsate {
  0% {
      transform: scale(.1);
      opacity: 0
  }

  50% {
      opacity: 1
  }

  100% {
      transform: scale(1.2);
      opacity: 0
  }
}

@media (min-width:768px) {
	buttom.start-btn-2.start-2 {
		display:none;
}
	.video-banner buttom.start-btn-2.start-2 {
 display:none;
}
  .container {
      max-width: 100%
  }
}

@media (min-width:1024px) {
  .container {
      max-width: 960px
  }
}

@media (min-width:1200px) {
  .container {
      max-width: 1140px
  }

  .parallax {
      background-attachment: fixed !important
  }
}

@media (min-width:1500px) {
  .container {
      max-width: 1350px
  }
}
@media (max-width:1259px) {
	.insta-image img {
    width: 100%;
    height: 166px !important;
    object-fit: cover;
}
	.nav-button-holder {
    display: block;
}
	buttom.start-btn.start-1 {
    display: none;
}
	.nav-holder {
      display: none
  }
	.nav-button.hamburger-mobile {
    display: block!important;
		    margin-top: -7px;
}
}


@media (max-width:1200px) {

  .h1,
  .slider-text h1,
  h1 {
      font-size: calc(2.5rem + 1.5vw)
  }

  .h2,
  h2 {
      font-size: calc(1.8rem + .9vw)
  }

  .h3,
  h3 {
      font-size: calc(1.5rem + .6vw)
  }

  .h4,
  h4 {
      font-size: calc(1.3rem + .3vw)
  }

  .display-1 {
      font-size: calc(1.725rem + 5.7vw)
  }

  .display-2 {
      font-size: calc(1.675rem + 5.1vw)
  }

  .display-3 {
      font-size: calc(1.575rem + 3.9vw)
  }

  .display-4 {
      font-size: calc(1.475rem + 2.7vw)
  }

  .port-caption h3,
  .port-caption-masonry h3 {
      font-size: calc(1.3rem + .3vw)
  }

  .article-title,
  .blog-item-1col .article-title,
  .blog-item-1col-list .article-title,
  .portfolio-slider-caption h2 {
      font-size: calc(1.3rem + .3vw)
  }

  .menu-nav li {
      margin-left: 24px
  }
}

@media (max-width:767px) {

  .h1,
  .slider-text h1,
  h1 {
      font-size: calc(1.8rem + 1.5vw)
  }

  .h2,
  h2 {
      font-size: calc(1.5rem + .9vw)
  }

  .h3,
  h3 {
    font-size: calc(2rem + .6vw);
  }
p {
    font-size: 14px;
}
	.about-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

@media (max-width:1024px) {
  

  .nav-button-holder {
      display: block;
	line-height: 0;
  }

  .logo {
      flex: 1 1 auto
  }

  .header-social-1 {
      flex: 0 0 auto
  }

  .header-2 .header-container {
      display: flex
  }

  .logo-2 {
      text-align: left;
      margin: 0
  }

  .main-header {
      padding: 16px 0
  }

  .logo-menu-5 {
      text-align: left;
      flex: 1 1 0
  }

  .header-social-5 {
      display: none
  }

  .btn-header {
      flex: 0 1 auto;
      margin-left: 16px
  }

  .slider-img {
      height: 600px
  }

  .slider-text {
      width: 100%
  }

  .slider-holder-v2 {
      height: auto;
      flex-wrap: wrap
  }

  .slider-caption-v2,
  .slider-img-v2 {
      width: 100%
  }

  .slider-img-v2 {
      height: 350px
  }

  .slider-caption-v2 {
      height: 330px
  }

  .slider-caption-v2 .slider-text {
      width: auto;
      left: 15px;
      right: 15px
  }

  .blog-item {
      margin-bottom: 54px
  }

  .grid-item-v2,
  .grid-item-v3 {
      width: 50%;
      height: 350px
  }

  .port-caption-v2 h2 {
      font-size: 28px
  }

  #parallax-grid .grid-item-img-v3 {
      background-attachment: scroll
  }

  .grid-item-v4 {
      width: 50%
  }

  .grid-item-v4-style1:nth-of-type(8n+7) {
      height: 350px
  }

  .grid-item-v4-style1:nth-of-type(8n+4),
  .grid-item-v4-style1:nth-of-type(8n+8) {
      width: 100%
  }

  .grid-item-v4-style1:nth-of-type(4n+1) {
      height: 700px
  }

  .home-section6,
  .section-team3 {
      text-align: center
  }

  .section-home41 {
      padding: 150px 0
  }

  .margin-l54 {
      margin-left: 0
  }

  .margin-r54 {
      margin-right: 0
  }

  .margin-bm32 {
      margin-bottom: 32px
  }

  .margin-bm54 {
      margin-bottom: 54px
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .logo img {
      width: 300px;
  }
}

@media (min-width:768px) and (max-width:979px) {
  .blog-item-1col-list {
      display: block
  }

  .blog-item-1col-list .post-holder,
  .blog-item-1col-list .post-image {
      width: 100%
  }

  .blog-item-1col-list .post-image {
      margin-bottom: 32px
  }

  .list-holder {
      position: relative;
      top: auto;
      left: 0;
      right: 0;
      transform: none
  }
}

@media (max-width:375px) {
  .logo img {
      width: 45px
  }
}

@media (max-width:768px) {
  .col-sm-6.col-lg-4.blog-item-masonry.gallery-post {
      position: relative !important;
      left: auto !important;
      top: auto !important
  }
}

@media (max-width:767px) {
  .logo img {
      width: 45px
  }

  .container {
      max-width: 100%
  }

  .title-404 {
      font-size: 81px
  }

  .slider-text {
      font-size: 18px
  }

  .slider-caption {
      padding: 0 50px
  }

  .owl-theme .owl-nav button {
      left: 0px;
	  top:42%;
  }
	.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 80vh;
    object-fit: cover;
}

  .owl-theme .owl-nav button.owl-next {
      right: 0px;
	  top:42%;
  }
	
	
	.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
		transform: translate3d(0,0,0);
}
	
	.owl-carousel .owl-item {
    -webkit-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
	
	.services .item:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -webkit-filter: brightness(100%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease
}
	.owl-theme span.lnr {
color: #ffffffad;
font-size:25px;
}

  #footer-instagram,
  .top-page404 {
      margin-bottom: -72px
  }
	
	


  footer {
      margin-top: 72px
  }

  .footer-widgets {
      padding-top: 72px
  }

  .blog-item-1col-list {
      display: block
  }

  .blog-item-1col-list .post-image {
      width: 100%;
      height: 300px;
      margin-bottom: 32px
  }

  .blog-item-1col-list .post-holder {
      width: 100%
  }

  .blog-item-1col .post-holder {
      padding: 0
  }

  .list-holder {
      position: relative;
      top: auto;
      left: 0;
      right: 0;
      transform: none
  }

  .grid-item-style2:nth-child(6n+1),
  .grid-item-style2:nth-child(6n+6),
  .grid-item-style3:nth-child(7n+1),
  .grid-item-v2,
  .grid-item-v3,
  .grid-item-v4,
  .grid-item-v4-style1:nth-of-type(4n+1),
  .grid-item-v4-style1:nth-of-type(8n+7),
  .grid-item-v4-style2:nth-of-type(7n+1),
  .grid-item-v4-style2:nth-of-type(7n+2),
  .grid-item-v4-style2:nth-of-type(7n+3),
  .grid-item-v4-style3:nth-of-type(6n+1),
  .grid-item-v4-style3:nth-of-type(6n+5) {
      width: 100%
  }

  .grid-item-v4,
  .grid-item-v4-style1:nth-of-type(4n+1),
  .grid-item-v4-style2:nth-of-type(7n+1),
  .grid-item-v4-style3:nth-of-type(6n+1),
  .grid-item-v4-style3:nth-of-type(6n+5) {
      height: 350px
  }

  .portfolio-slider-item {
      height: 400px
  }

  .meta-nav-right {
      margin-top: 32px
  }

  .meta-nav-right.margin-none {
      margin-top: 0
  }

  .section-home11-1,
  .section-home21,
  .section-home42 {
      margin-top: -72px
  }

  .section-contact41,
  .section-home-13-1 {
      margin-top: -72px;
      padding-top: 72px;
      padding-bottom: 72px
  }

  .home-section6,
  .parallax,
  .section-about3,
  .section-home21,
  .section-home42,
  .section-home73 {
      padding: 72px 0
  }

  .section-home31 {
      margin-top: 108px
  }

  .section-home41 {
      padding-top: 108px
  }

  .margin-bm24 {
      margin-bottom: 24px
  }

  .margin-bm32 {
      margin-bottom: 32px
  }

  .margin-bm54 {
      margin-bottom: 54px
  }

  .margin-none,
  .section-home15 {
      margin: 0
  }
}

@media (max-width:568px) {
  .page-links a {
      margin-bottom: 16px
  }

  .slider-text p {
      display: none
  }

  .slider-text h1 {
      margin-bottom: 0
  }

  .section-home-12-1 {
      position: relative;
      height: 450px
  }

  .parallax-content-12-1 {
      position: absolute;
      top: auto;
      bottom: 50px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0)
  }
}

.box-icon.box-icon-small.icon-color {
  color: #8bb8c1;
  font-size: 22px
}

h2.widgettitle {
  font-size: 32px
}

h3.widget-title {
  font-size: 32px;
  font-weight: 700;
}





/**
* #4.# PAGES
*
* 
*/

/* HEADER PAGES */
.top-single-bkg {
display: block;
overflow: hidden;
position: relative;
/*margin-bottom: 108px;;*/
   /* margin-top: 92px;*/
  width: 100%;
    height: 40vh;
background-position: center 50%;
background-repeat: no-repeat;
background-size: cover;
}

.top-single-bkg:before {
content: '';
  background: linear-gradient(151deg, #000000db, #00000012);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.topnoimg{
height: 400px;
background: #e9f5f7;
}
.topnoimg.top-single-bkg:before {
display: none;
}

.top-single-bkg .inner-desc {
position: absolute;
z-index: 4;
width: 100%;
    top: 61%;
text-align: center;

-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

h1.post-title.single-post-title {
  max-width: 700px;
  margin: auto;
  font-weight: 100;
  line-height: 1.2;
  color: #fff;
  /* margin-bottom: 16px; */
  /* font-family: 'Lato', sans-serif; */
  text-transform: uppercase;
  font-size: 3rem;
  letter-spacing: .22em;
  text-shadow: 3px 2px 5px #545b62;
}
@media screen and (max-width:768px) {
h1.post-title.single-post-title {
  font-size: 2rem;
}
}

.post-subtitle,
.page-subtitle {
  font-size: 14px;
font-weight: 600;
color: #fff;
  letter-spacing: 0.05em;
  margin-top: 8px;
  display: block;
line-height: 1.1;
text-transform: uppercase;
}

.topnoimg .single-post-title,
.topnoimg .post-subtitle,
.topnoimg .page-subtitle{
color: #151515;
}

.top-blogfront{
height: auto;
}
.top-blogfront:before{
display: none;
}


/* END HEADER PAGES */

#wrap-content p,
.article-excerpt,
.practice-icon-content,
aside p {
  line-height: 1.7;
    position: relative;
}

.page-holder p,
.blog-post-single p{
margin-bottom: 32px;
}




.breadcrumbs span .current-item span {
  color: white!important;
}
.breadcrumbs span {
  color: #c7c7c7;
transition:0.3s;
}
.breadcrumbs span:hover {
  color: #fff;
}

a.post span .current-item  {
  color: #ffffff!important;
}

.breadcrumbs {
  background: #00000036;
  font-size: 23px;
  color: #f0f8ff87!important;
  width: max-content;
  margin: auto;
  padding: 0 10px;
}


section#wrap-content {
    padding: 0;
}

section.container.blog-holder {
  padding-bottom: 0;
}
aside ul, footer ul, .widget_recent_entries ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tagcloud a, .tags-single-page a {
  display: inline-block;
  font-size: 13px !important;
  color: #fff;
  background: #151515;
  padding: 8px 16px;
  text-align: center;
  margin: 0 4px 8px 0;
  border-radius: 99em;
}
/*** PREV-NEXT PAGE NAVIGATION ***/
.prev-next{
margin-top: 28px;
}
.prev-next,
.page-links {
text-align: center;
font-size: 0;
}

.page-numbers,
.nav-page a {
color: #fff;
background: #151515;
margin: 0 8px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-block;
line-height: 40px;
width: 40px;
height: 40px;
border-radius: 99em;
}

.current-page,
.page-numbers:hover,
.nav-page a:hover {
color: #fff;
background: var(--primary-color);
}
span.nav-page {
  font-family: 'var(--body-font)';
}
span.page-numbers.current {
  font-family: 'var(--body-font)';
}

.page-links {
margin-top: 36px;
}

.page-links a {
margin: 0;
margin-right: 12px;
}

.error-404 {
text-align: center;
}
section.error-404.not-found {
    padding: 0;
}
section.error-404.not-found a {
    color: var(--body-color);
}
.tagcloud a {
    color: white!important;
}


/*** Other PAGE  ***/
input#searchInput {
  border: 0;
  border-bottom: 1px solid;
  padding: 10px 0;
  font-size: 14px;
  font-family: Arial, sans-serif;
  /* color: #333; */
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #222;
  cursor: pointer;
  outline: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
	    width: inherit;

}

button#clearSearch {
  padding: 10px 0;
  font-size: 14px;
  color: #333;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #222;
  cursor: pointer;
  outline: 0;
  transition: all .3s ease;
  text-transform: uppercase;
  letter-spacing: 3px;
	
}
.search-box {
    display: flex;
    max-width: 50%;
    width: 100%;
    margin-bottom: 80px;
    justify-content: center;
}
.row.venue-inner{
	justify-content: center;
}
@media (max-width: 767px) {
.row.venue-inner{
    padding: 0 15px;
}
.search-box {
    display: flex;
    max-width: 100%;
    width: 100%;
    margin-bottom: 16px;
    margin-top: 26px;
    justify-content: center;
}
}








.event-page .item {
    margin-right: 26px;
    position: relative;
    overflow: hidden;
    margin: 0px 13px 26px 13px;
}

.col-lg-4.col-md-6.gallery-item {
  margin-bottom: 3rem;
}

.event-page .item:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
-webkit-filter: brightness(95%);
	filter: rightness(95%);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition:transform 1s ease;
  -ms-transition:transform 1s ease;
  transition: transform 1s ease;
}

.event-page .item:hover .con {
  bottom: 0
}

.event-page .item img {
  -webkit-transition: all .5s;
  transition: all .5s;
-webkit-filter: brightness(95%);
	filter: rightness(95%); 
      width: 100%;
  height: 45vh;
  object-fit: cover;
	transform: scale(1, 1);
	transition:  transform 1s ease;
}




.position-re.serv.o-hidden {
    width: 100%;
    padding-top: 132%;
    position: relative;
    overflow: hidden;
}


.position-re.o-hidden {
    width: 100%; /* Ensures the container takes full width of its parent */
    padding-top: 132%; /* Creates a square aspect ratio */
    position: relative; /* Needed to position the img absolutely within this container */
    overflow: hidden; /* Ensures no part of the img spills out of the container */
}

.position-re.o-hidden img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.position-re {
  position: relative;
  width: 100%; /* Ensure it's responsive */
}

.position-re::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 5%), rgb(0 0 0 / 66%));
  z-index: 2;
}



.event-page .item .con {
  padding: 20px;
  position: absolute;
  bottom: -65px;
  left: 0;
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: left;
  z-index: 20;
  height: auto;
  box-sizing: border-box;
  background: -moz-linear-gradient(to bottom, rgba(255,0,0,0), #00000059);
  background: -webkit-linear-gradient(to bottom, rgba(255,0,0,0), #00000059);
 background: linear-gradient(to bottom, rgba(255,0,0,0), #00000059);
}

.con h4 {
    margin-bottom: 5px;
	    font-size: 22px;
}

.event-page .item .con h6,
.event-page .item .con h6 a {
  position: relative;
  color: #fff;
  font-size: 16px;
  display: inline;
  margin-bottom: 0
}

.event-page .item .con h6 i {
  font-size: 6px;
  margin-right: 2px
}

.event-page .item .con p {
  color: #fff;
padding-bottom: 15px;
  font-size: 22px;
    line-height: 1.4;
}

.event-page .item .con i {
  color: #fff;
  font-size: 18px
}

.event-page .item .con i:hover {
  color: #fff
}

.event-page .item .line {
  text-align: center;
  height: 1px;
  width: 60px;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  margin: auto 0 20px
}

.event-page .item:hover .line {
  width: 100%;
  transition-property: all;
  transition-duration: .8s;
  transition-timing-function: ease-in-out
}

.event-page .facilities ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.event-page .facilities ul li {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2em;
  padding-bottom: 20px;
  float: left
}

.event-page .facilities ul li i {
  margin-right: 10px
}

.event-page .item .con .permalink {
  font-family: 'var(--body-font)', sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline
}

.event-page .item .con .permalink a {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 3px;
	    font-family: var(--headings-font);
	transition: color .3s ease;
}

.event-page .item .con .permalink:hover a,
.event-page .item .con .permalink:hover i {
 color: #b5b5b5;
}

.event-page .item .con .permalink i {
  font-size: 10px;
  text-align: right;
  transition: .5s ease-out
}

.event-page .item .con .permalink:hover i {
  margin-left: 15px
}

.event-page .item .con h5 {
  font-family: var(--headings-font);
  font-weight: 400;
  position: relative;
  letter-spacing: 3px;
  line-height: 0;
	    margin: 0;
}














/**
* #5.# BLOG
*
* 
*/

.posts-holder {

}

.single-post-holder .meta-nav-holder {
    margin-top: 20px!important;
}

.posts-holder-push-right {
order: 2;
padding-right: 0;
padding-left: 24px;
}

.article-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 16px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}

.article-title a {
color: #151515;
display: block;
}

.article-title a:hover {
color: var(--primary-color);
}

.blog-item{
margin-bottom: 72px;
}

.post-holder{
text-align: center;
}

.post-meta {
margin: 0;
font-size: 0;
list-style: none;
margin-bottom: 26px;
}



.post-meta li {
display: inline-block;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #454545;
line-height:1.1;
margin-bottom: 6px;
}

.inner-desc .post-meta {
margin-bottom: 0;
}

.inner-desc .post-meta li{
margin-bottom: 0;
}

.meta-categ a {
color: #454545;
}

.meta-categ a:hover {
color: var(--primary-color);
}

.meta-categ:before {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 8px;
margin-bottom: 2px;
content: '';
vertical-align: middle;
background: var(--primary-color);
border-radius: 99em;

}

.post-meta li.meta-sticky {
background: var(--primary-color);
padding: 6px 12px;
margin-left: 8px;
color: #0e1219;
border-radius: 99em;
}


.single-post-topheader .post-meta{
margin-top: 8px;
}


.single-post-topheader .post-meta li{
font-size: 14px;
}


.topsingleimage .post-meta li,
.topsingleimage .post-meta li a{
color: #ffffff;
}

.post-image {
width: 100%;
    padding-top: 132%;
    position: relative;
    overflow: hidden;
}
img.img-fluid.wp-post-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-image a:before{
content: '';
background: #151515;
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.post-image:hover a:before{
opacity: 0.2;
}

.article-excerpt{
margin-bottom: 42px;
}

.blog-item-1col .post-holder{
padding: 0 54px;
}

.blog-item{
text-align: center;
}

/*** BLOG GRID ***/

.post-sidebar .blog-item-2col-grid{
margin-right: 24px;
}

.post-sidebar .blog-1col,
.post-sidebar .blog-1col-list-left{
margin-right: 24px;
}

/*** END BLOG GRID ***/

/*** BLOG LIST ***/

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    padding-top: 57%;
    position: relative;
    overflow: hidden;
    align-self: inherit;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


section.single-page {
  padding-bottom: 0;
	    padding-top: 60px;
}

.blog-item-1col-list {
display: flex;
}

.blog-item-1col-list .post-image {
width: 35%;
height: 430px;
overflow: hidden;
margin-bottom: 0;
top: 0;
left: 0;
}

.blog-item .list-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}

.blog-item-1col-list .post-holder {
width: 65%;
margin-top: 0;
position: relative;
}

.list-holder {
  position: absolute;
top: 50%;
left: 54px;
right: 54px;
  -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.blog-item-1col-list .article-title,
.blog-item-1col .article-title {
font-size: 2.5rem;
}

.blog-item-1col-list .post-holder-noimg {
width: 100%;
padding: 0;
}

.post-holder-noimg .list-holder{
position: relative;
top: auto;
left: 0;
right: 0;
transform: none;
}

.blog-item-1col-list:last-child {
margin-bottom: 0;
}
/*** END BLOG LIST ***/

.short-blog-3col-grid .article-title{
margin-top: 0;
margin-bottom: 16px;
}

.short-blog-3col-grid .article-excerpt{
margin-bottom: 0;
}

.top-article-single .post-meta li, .top-article-single .post-meta li a{
font-size: 16px;
color: #fff;
}

.single-meta-info {
text-align: center;
}

.author-single-page {
margin-top: 81px;
display: flex;
}

.author-avatar {
display: block;
}

.author-avatar img {
border-radius: 99em;
}

.author-content {
margin-left: 32px;
}

.author-single-page h3 {
font-size: 28px;
font-weight: 700;
letter-spacing: 0.03em;
margin-bottom: 16px;
}

.author-single-page h3 a{
color: #151515;
}

.author-single-page h3 a:hover{
color: var(--primary-color);
}

.author-content .social-media {
margin-top: 8px;
}

.meta-nav-holder {
margin-top: 72px;
align-items: center;
}

.single-post-holder .meta-nav-holder {
margin-top: 81px;
}

.meta-nav {
padding: 0 15px;
}

.meta-nav a {
display: block;
color: #151515;
}

.meta-nav a:hover {
color: var(--primary-color);
}

.meta-nav-subtitle {
font-size: 14px;
letter-spacing: 0.05em;
}

.pn-holder {
display: flex;
align-items: center;
}

.pn-img {
width: 80px;
height: 0;
flex: 0 0 auto;
margin-right: 24px;
overflow: hidden;
border-radius: 99em;
position: relative;
padding-bottom: 80px;
}

.pn-img img {
object-fit: cover;
object-position: center top;
width: 100% !important;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
}

.pn-desc {
width: 100%;
}

.pn-desc h3 {
font-size: 24px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}

.meta-nav-right .pn-desc {
justify-content: flex-end;
text-align: right;
}

.meta-nav-right .pn-img {
margin-left: 24px;
margin-right: 0;
}

.comm-title,
.comment-reply-title {
margin-top: 81px;
}

.comm-title > h3, .comment-reply-title{
font-size: 32px;
font-weight: 700;
margin-bottom: 32px;
}
p.logged-in-as span {
    font-size: 14px;
}

.comment .comment-reply-title{
margin-top: 0;
}

.output2 {
margin-top: 24px;
border: 1px solid #ff0000;
padding: 7px;
color: #ff0000;
}

.antispam {
display: none;
}

.comm-send {
margin-top: 36px;
}

/**** COMMENTS STYLES*****/
input#submit {
  background: transparent;
  border: none;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 767px) {
 input#submit{
   margin-bottom: 70px;
 } 
}

p.comment-form-comment label {
    position: absolute;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  top: -30px;
}

input.search-field {
    border: 0;
    border-bottom: 1px solid;
    padding: 10px 0;
    font-size: 14px;
    font-family: Arial, sans-serif;
    /* color: #333; */
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #222;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: inherit;
}

input.search-submit {
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #222;
    cursor: pointer;
    outline: 0;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: 3px;
}


a.read-more {
    padding: 10px 0;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #333;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #222;
    cursor: pointer;
    outline: 0;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: 3px;
}



.commentlist {
margin: 0;
}

.commentlist>li {
list-style: none;
margin: 0;
margin-top: 24px;
}

.commentlist>li ul.children li {
list-style: none;
}

.children li.depth-2,
.children li.depth-3,
.children li.depth-4,
.children li.depth-5,
.children li.depth-6,
.children li.depth-7,
.children li.depth-8,
.children li.depth-9,
.children li.depth-10 {
margin: 0 0 0 81px;
}

.comment-body {
margin-bottom: 54px;
}

.comment-details {
position: relative;
margin-left: 81px;
}

.comment-avatar {
position: absolute;
left: -81px;
top: 0;
}

.comment-avatar img {
display: block;
border-radius: 50%;
}

.comment-author .author a,
.comment-author .author a:visited {
border: none;
}

.comment-author .author,
.comment-author .author a {
color: #151515;
font-size: 24px;
font-style: normal;
font-weight: 700;
display: block;
}

.comment-author .author{
margin-bottom: 8px;
}

.comment-author .author a:hover{
color: var(--primary-color);
}

.comment-content p:last-child {
margin: 0;
}

.comment-author span.comment-date {
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
font-weight: 600;
color: #151515;
}

.comment-text {
margin-top: 24px;
}

.reply {
position: absolute;
top: 0;
right: 0;
}

.comment-reply-link {
font-size: 13px;
letter-spacing: 0.03em;
font-weight: 600;
color: #151515;
text-transform: uppercase;
padding-bottom: 2px;
}

.comment-reply-link:hover {
color: var(--primary-color);
}

#cancel-comment-reply-link {
display: block;
}

.commentlist .children {
margin: 0;
}

#comments_wrap {
margin-top: 16px;
}

#cancel-comment-reply {
float: right;
margin-top: 16px;
}

.comment-reply-title small {
display: block;
font-size: 18px;
font-weight: 600;
margin-top: 8px;
  line-height: 1;
}

.commentlist li .comment-respond{
margin-bottom: 72px;
}

.pingback .comment-details,
.trackback .comment-details {
margin-left: 0;
}

.pingback .comment-avatar,
.trackback .comment-avatar {
display: none;
}

input::-ms-clear {
display: none;
}

@-ms-viewport {
width: auto;
}
/**** END COMMENTS STYLES*****/





/** SIMPLE LIGHTBOX **/
body.hidden-scroll {
overflow: hidden; }

.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
opacity: 0.8;
display: none;
z-index: 1035; }

.sl-wrapper {
z-index: 1040;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed; }
.sl-wrapper * {
  box-sizing: border-box; }
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer; }
  .sl-wrapper button:hover {
    opacity: 0.7; }
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #464646;
  font-size: 3rem; }
.sl-wrapper .sl-counter {
display: none!important;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #fff;
  font-size: 1rem; }
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none; }
  .sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    width: 22px;
    line-height: 44px;
    text-align: center;
    display: block;
    z-index: 10060;
    font-family: Arial, Baskerville, monospace;
    color: #464646;
 }

    .sl-wrapper .sl-navigation button.sl-next {
      right: 5px;
      font-size: 2rem; }
    .sl-wrapper .sl-navigation button.sl-prev {
      left: 5px;
      font-size: 2rem; }
    @media (min-width: 35.5em) {
      .sl-wrapper .sl-navigation button {
        width: 44px; }
        .sl-wrapper .sl-navigation button.sl-next {
          right: 10px;
          font-size: 3rem; }
        .sl-wrapper .sl-navigation button.sl-prev {
          left: 10px;
          font-size: 3rem; } }
    @media (min-width: 50em) {
      .sl-wrapper .sl-navigation button {
        width: 44px; }
        .sl-wrapper .sl-navigation button.sl-next {
          right: 20px;
          font-size: 3rem; }
        .sl-wrapper .sl-navigation button.sl-prev {
          left: 20px;
          font-size: 3rem; } }
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr; }
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000; }
  .sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0 none;
    width: 100%;
    height: auto; }
    @media (min-width: 35.5em) {
      .sl-wrapper .sl-image img {
        border: 0 none; } }
    @media (min-width: 50em) {
      .sl-wrapper .sl-image img {
        border: 0 none; } }
  .sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none; }
    @media (min-width: 35.5em) {
      .sl-wrapper .sl-image iframe {
        border: 0 none; } }
    @media (min-width: 50em) {
      .sl-wrapper .sl-image iframe {
        border: 0 none; } }
  .sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .sl-wrapper .sl-image .sl-caption.pos-top {
      bottom: auto;
      top: 0; }
    .sl-wrapper .sl-image .sl-caption.pos-outside {
      bottom: auto; }
  .sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060; }








.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }

.sl-transition {
transition: -moz-transform ease 200ms;
transition: -ms-transform ease 200ms;
transition: -o-transform ease 200ms;
transition: -webkit-transform ease 200ms;
transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0; }
50% {
  opacity: 1; }
100% {
  transform: scale(1.2);
  opacity: 0; } }

@keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0; }
50% {
  opacity: 1; }
100% {
  transform: scale(1.2);
  opacity: 0; } }

@-moz-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0; }
50% {
  opacity: 1; }
100% {
  transform: scale(1.2);
  opacity: 0; } }

@-o-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0; }
50% {
  opacity: 1; }
100% {
  transform: scale(1.2);
  opacity: 0; } }

@-ms-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0; }
50% {
  opacity: 1; }
100% {
  transform: scale(1.2);
  opacity: 0; } }




/** GALLERY**/
a.block-p.item-portfolio .gallery-item {
  position: relative;
  color: white; /* Забезпечує білий колір тексту для всіх елементів внутрішнього блоку */
}

a.block-p.item-portfolio .gallery-img {
  display: block;
  width: 100%;
  height: 50vh;
 background-size: cover;
background-position: center;
}

.port-caption-v3{
padding:20px 0;
     border-bottom: 2px solid;
}
.port-caption-v3 {
  display: flex;
  padding: 20px 0;
  border-bottom: 2px solid;
  flex-direction: column;
}
.port-caption-v3 p{
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
letter-spacing: 3px;
  color: #151515;
  font-family: var(--body-font);
}
a.block-p.item-portfolio .port-caption-v3 h3 {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0px 0px 2px 0;
letter-spacing: 3px;
  color: #151515;
  font-family: var(--body-font);
}


.gallery-title p {
    font-family: var(--headings-font);
    line-height: 0.6;
    color: var(--headings-color);
    font-weight: 500;
    margin-bottom: 25px;
    font-size: 24px;
}


section.page-holder.custom-page-template.page-full.fullscreen-page.clearfix.pb-0 {
    padding: 60px 0;
}



section.gallery-img {
padding-top: 26px;
padding-bottom:0;
}
section.aligncm {
  padding-bottom: 0;
	padding-top: 60px;
}


.filters {
      text-align: center;
      margin-bottom: 2rem;
  }

  .filter-button {
  margin:0 10px;
padding: 10px 0;
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #333;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #222;
  cursor: pointer;
  outline: 0;
  transition: all .3s ease;
  text-transform: uppercase;
  letter-spacing: 3px;
  }

  .filter-button.active {
   border-bottom: 1px solid #fff;
  padding: 10px 20px;;
  }

  .gallery {
  margin-top:30px;
  display: flex;
  flex-wrap: wrap;
}
.container.header-cpt p {
    margin: 0;
}

.container.header-cpt {
    padding-bottom: 60px;
    padding-top: 60px;
}
.container.header-cpt.serv {
padding-bottom: 60px;
    padding-top: 60px;
    display: block;
}












.meta-nav-subtitle h3 {
    margin: 0;
}




.meta-nav-holder {
margin-top: 72px;
align-items: center;
}

.single-post-holder .meta-nav-holder {
margin-top: 81px;
}

.meta-nav {
padding: 0 15px;
}

.meta-nav a {
display: block;
color: #151515;
}

.meta-nav a:hover {
color: var(--primary-color);
}

.meta-nav-subtitle {
font-size: 14px;
letter-spacing: 0.05em;
}

.pn-holder {
display: flex;
align-items: center;
}

.pn-img {
width: 80px;
height: 0;
flex: 0 0 auto;
margin-right: 24px;
overflow: hidden;
border-radius: 99em;
position: relative;
padding-bottom: 80px;
}

.pn-img img {
object-fit: cover;
object-position: center top;
width: 100% !important;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
}

.pn-desc {
width: 100%;
}

.pn-desc h3 {
font-size: 24px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}

.meta-nav-right .pn-desc {
justify-content: flex-end;
text-align: right;
}

.meta-nav-right .pn-img {
margin-left: 24px;
margin-right: 0;
}



.insta-image {
    padding:0 3px;
}
.inner-desc span {
    color: aliceblue;
	line-height: 3;
}


div#select-1 {
    padding-top: 20px;
}




/* ===== Clean center for pricing rows ===== */
#offerings-info .pricing-list{
  --row-h: 96px;          /* висота рядка (підженеш 88–108px) */
  --divider-h: 46px;      /* висота вертикальної риски */
  --gutter-x: 2rem;       /* спільний горизонтальний відступ */
}

/* однакова висота рядка + вертикальне центрування */
#offerings-info .pricing-list > li{ padding:0; margin:0; }
#offerings-info .pricing-list .row{
  min-height: var(--row-h);
  align-items: center;
  --bs-gutter-x: var(--gutter-x);
}

/* ліва колонка — центр усередині */
#offerings-info .pricing-list .col-12.col-md-7{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* права колонка — ціна праворуч + рівна риска між колонками */
#offerings-info .pricing-list .price-col {
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding-left: calc(var(--bs-gutter-x) / 1) !important;
}
#offerings-info .pricing-list .price-col::before{
  content:"";
  position:absolute;
  left: calc(var(--bs-gutter-x) * -0.5); /* центр gutter'а — одна лінія для всіх рядків */
  top:50%;
  transform: translateY(-50%);
     width: 2px;
  height: var(--divider-h);
  background: rgba(255,255,255,.32);
}

/* типографіка рівно по оптичному центру */
#offerings-info .day{ text-transform:uppercase; font-weight:700; letter-spacing:.06em; line-height:1.1;
    font-family: 'Playfair Display';
}

#offerings-info .time{ color:rgba(255,255,255,.65); font-size:.88rem; line-height:1.15; }
#offerings-info .price{ font-weight:800; font-variant-numeric:tabular-nums; line-height:1; }

/* мобільно — стекаємо і ховаємо риску */
@media (max-width: 767.98px){
  #offerings-info .pricing-list .row{ min-height:auto; padding:18px 0; }
    #offerings-info .pricing-list .price-col {
        justify-content: center;
        padding-left: 0 !important;
        padding-top: 10px;
    }
  #offerings-info .pricing-list .price-col::before{ display:none; }
}
ul.pricing-list.list-unstyled.m-0 li {
    list-style: none !important;
}




/* рівні блоки 3 в ряд на md+ */
#offerings-info .offerings-grid > [class*="col-"]{ display:flex; }
#offerings-info .offer-btn {
    letter-spacing: 3px;
    padding: 20px 20px 20px 20px;
    font-family: 'Montserrat';
    margin: auto;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
	    line-height: 1.3;
    border-radius: 0;
    background: #fff;
    color: #000;
    font-weight: 600;
    transition: transform .15s 
ease, background-color .2s 
ease, border-color .2s 
ease;
}

#offerings-info .offer-btn:hover{
  background:#e9ecef; border-color:#e9ecef; transform: translateY(-1px);
}
@media (max-width: 575.98px){
  #offerings-info .offer-btn{ height: 52px; }
	.package-box {
        margin-top: 0;
}

}


section#offerings-info ul li {
    text-align: start;
    list-style: disc;
    font-size: smaller;
}
section#offerings-info ul {
margin-bottom:0;
}




 .open-bar-packages {
    background-color: #000; /* чорний фон, як на макеті */
  }
  .package-box {
	text-align:center;  
  }
  .package-box h3 {
    font-weight: bold;
	  font-size:30px;
	text-transform: uppercase;
	  margin: 0;
  }
.package-box p {
    font-size: smaller;
}


.menu-mobile li a,
.permalink a,
.con a,
.header a,
.top-links a,
.header a:hover,
.top-links a:hover,
.header a:focus,
.top-links a:focus,
a.text-decoration-none,
a.text-white,
a.text-decoration-none:hover,
a.text-decoration-underline,
a.text-decoration-underline:hover {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important; /* якщо лінія через shadow */
}

/* на всякий випадок, якщо в контенті є <u> або <ins> */
u, ins { text-decoration: none !important; border-bottom: 0 !important; }



/* === Green theme for FAQ accordion (BS5) === */
:root{
  --faq-green: #19b36b;        /* базовий зелений */
  --faq-green-strong: #12a05f; /* активні стани */
  --faq-green-soft: rgba(25,179,107,.08);
}

/* ===== FAQ: мінімал ===== */
#faq .accordion-item{
  background: transparent;
  border: 0;
  margin: 0;
border-radius: 0;
  border-top: 1px solid rgba(255,255,255,.22);
}
#faq .accordion-item:last-child{
  border-bottom: 1px solid rgba(255,255,255,.22);
border-radius: 0;
}

/* Питання: центр, червоне, uppercase */
#faq .accordion-button{
    margin: auto;
    width: auto;
    text-align: center;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
    text-align: center;
    padding: 1rem 3rem;
    box-shadow: none !important;
    outline: none !important;
    border: 0 !important;
    justify-content: center;
}
#faq .accordion-button:not(.collapsed){
  background: transparent;
  color: #ffffff ;
  box-shadow: none !important;
}

/* Повністю прибираємо фокус-ефекти */
#faq .accordion-button:focus,
#faq .accordion-button:focus-visible{
  box-shadow: none !important;
  outline: none !important;
}

/* Стрілка: сіра (закрито) → біла (відкрито) */
#faq .accordion-button::after{
  width: 1rem; height: 1rem;
  margin-left: auto;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  filter: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23bdbdbd' d='M2.2 5.8L8 11.6l5.8-5.8-.9-.9L8 9.8 3.1 4.9z'/%3e%3c/svg%3e");
}
#faq .accordion-button:not(.collapsed)::after{
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M2.2 5.8L8 11.6l5.8-5.8-.9-.9L8 9.8 3.1 4.9z'/%3e%3c/svg%3e");
}

/* Відповідь */
#faq .accordion-body{
  color: #dcdcdc;
  text-align: center;
  padding: 1rem 2rem;
}

/* Стрілку ближче до тексту */
#faq .accordion-button{
  justify-content: center;   /* текст + стрілка в центрі разом */
	    font-size: var(--headings-h5-size);
}

#faq .accordion-button::after{
  margin-left: .5rem !important; /* було auto, тепер невеликий відступ */
}






 #pricing-compact{
    display: flex;
    margin: 0 auto;
    padding: 10px 0px 20px 0px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    flex-direction: column;
    align-items: center;
  }
 div#pricing-compact p{
	      margin: 0;
	      text-transform: uppercase;
    margin: 0;
    line-height: 1.4;
    font-size: .95rem;
    color: black;
    text-transform: uppercase;
  }
  #forminator-pricing h3.fp-title{
	      text-transform: uppercase;
	  font-size: larger;
    font-weight: 700;         /* жирний “PRICING:” */
    color: #222;              /* темніший */
    margin-bottom: .4rem;
    letter-spacing: .02em;
  }
div#forminator-pricing {
    text-align: center;
}
ul.fp-list {
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	    margin: 0;
}

.event-contact.d-flex.flex-wrap p{
font-size: 16px !important;
}
.contact-card {
    background: #ffffff;
    padding: 40px;
    color: black;
}

.text-white-50 {
    --bs-text-opacity: 1;
      color: rgb(255 255 255) !important;
}