.portfolio_nav { display:none; }
.top_bar.fixed
{
	position: fixed;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	z-index: 999;
	visibility: visible !important;
	top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
	margin-top: 16px;
}

.top_bar.fixed #searchform
{
	margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
	margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
	padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
	max-height: 40px;
	width: auto;
}
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    overflow: auto;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}

#mobile_nav_icon
{
    display: none !important;
}


@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}


.two_cols.gallery .element:hover img, .three_cols.gallery .element:hover img, .four_cols.gallery .element:hover img, .five_cols.gallery .element:hover img, .one_half.gallery2.classic a:hover img, .one_third.gallery3.classic a:hover img, .one_fourth.gallery4.classic a:hover img
{
	-ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}



#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle
{
	padding: 0;
	border: 0;
}

#page_caption.hasbg .page_title_wrapper
{
	background: rgba(0,0,0,0);
}

html[data-style=fullscreen] .top_bar.hasbg, .top_bar.hasbg
{
	border: 0;
}

html[data-style=fullscreen] .top_bar.hasbg, .top_bar.hasbg
{
	background: rgba(0,0,0,0);
}



.bg_gradient::after
{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),color-stop(66%,rgba(0,0,0,0.1)),color-stop(93%,rgba(0,0,0,0.95)),to(rgba(0,0,0,1)));
    background-image: -webkit-linear-gradient(transparent 0%,transparent 60%,rgba(0,0,0,0.1) 66%,rgba(0,0,0,0.95) 93%,rgba(0,0,0,1) 100%);
    background-image: linear-gradient(transparent 0%,transparent 60%,rgba(0,0,0,0.1) 66%,rgba(0,0,0,0.95) 93%,rgba(0,0,0,1) 100%)
}


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
 
.fade-in {
    animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	-ms-animation-name: fadeIn;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	-ms-animation-duration: 0.7s;	

	-webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    
    visibility: visible !important;
}

@media only screen and (min-width: 960px)
{
	#logo_normal.logo_container
	{
		margin-left: -96px;
	}
	#logo_transparent.logo_container
	{
		margin-left: -96px;
	}
}


/* ===============================
   Base Layout
================================*/
.page-title {font-family: cinzel, serif; font-weight: normal;}
body .top_bar {border-color: transparent;}
body > div#wrapper {
  padding: 0 !important;
}
.top_bar .standard_wrapper{
   padding: 0 80px;
   max-width: 100%;
}
.ppb_wrapper {
  max-width: 100%;
  margin: 0 80px;
}

.ppb_wrapper .standard_wrapper {
  padding: 0;
}

.ppb_wrapper .inner > div {
  width: 100% !important;
}

.one.withbg {
  position: relative;
}

/* ===============================
   Header & Navigation
================================*/
.header_style_wrapper #menu_wrapper ul.nav#main_menu > li > a {
   padding: 0 !important;
   color: rgb(48, 49, 49) !important;
   font-family: cinzel, serif;
}
#wrapper .header_style_wrapper:not(.scroll) {
  position: relative;
}

.header_style_wrapper.scroll {
  position: fixed;
}

body.admin-bar .header_style_wrapper {
  /* padding-top: 0 !important;  */
}

/* Header Menu Links */
.header_style_wrapper .top_bar.hasbg #menu_wrapper div .nav > li > a,
.header_style_wrapper #menu_wrapper div .nav > li > a {
  line-height: 50px !important;
  font-size: 14px;
  font-weight: normal;
}

.header_style_wrapper #menu_wrapper div .nav > li > a {font-family: 'Avenir LT', serif;}
.header_style_wrapper #menu_wrapper div .nav > li > a:hover {background-color: #fff;}
.header_style_wrapper .top_bar.hasbg #menu_wrapper div .nav > li > a:not(:hover):not(:focus),
.header_style_wrapper #menu_wrapper div .nav > li > a:not(:hover):not(:focus) {
  color: rgba(158, 158, 158, 1) !important;
}
.header_style_wrapper .top_bar.hasbg #menu_wrapper div .nav > li.current-menu-item > a:not(:hover):not(:focus),  
.header_style_wrapper #menu_wrapper div .nav > li.current-menu-item > a:not(:hover):not(:focus) {
   color: rgba(48, 49, 49, 1) !important;
}
li.current-menu-item a {color: rgba(48, 49, 49, 1) !important;}
.header_style_wrapper #menu_wrapper div .nav > li  > a {padding-right: 0 !important;}
.header_style_wrapper #menu_wrapper div .nav > li > a:hover,
.header_style_wrapper #menu_wrapper div .nav > li > a:focus,
.header_style_wrapper .nav > li > a:hover,
.header_style_wrapper .nav > li > a:focus {
  color: rgba(48, 49, 49, 1) !important;
}

/* Menu Structure */
#main_menu a {font-size: 18px !important;font-weight: normal; letter-spacing: 0em;}
#menu_wrapper .nav li.arrow > a:after,
#menu_wrapper div .nav li.arrow > a:after {
  display: none;
}

.header_style_wrapper #menu_wrapper ul.nav > li > a,
#menu_wrapper div .nav > li > a {
  padding: 0 0 0 60px !important;
  margin-right: 0;
}

#menu_wrapper div .nav > li > a:last-child {padding-right: 0 !important;}

/* Dropdown Menus */
.header_style_wrapper #menu_wrapper .nav ul li ul,
.header_style_wrapper #menu_wrapper div .nav li ul {
  background-color: rgba(var(--bgDrop, var(--color_11, color_11)), var(--alpha-bgDrop, 1));
  border-radius: 0;
  border: 0;
  box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, 0.6));
}

.header_style_wrapper #menu_wrapper div .nav li ul {
  max-width: 100px;
  text-align: center;
}

.header_style_wrapper #menu_wrapper div .nav li ul.sub-menu {
  margin-left: 35px;
  background-color: #fff;
  max-width: 110px;
}

.header_style_wrapper #menu_wrapper div .nav li ul.sub-menu li a {
  font-weight: normal;
  width: fit-content;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}
.header_style_wrapper #menu_wrapper div .nav li ul.sub-menu li a:hover {background-color:#fff;color: rgb(48, 49, 49);}
.header_style_wrapper #menu_wrapper div .nav li ul li a {font-family: 'Avenir LT', serif !important;}
.header_style_wrapper #menu_wrapper div .nav li ul li a:hover {
  background-color: #fff;
  color: rgb(48, 49, 49);
}

/* ===============================
   Hero Section
================================*/
.ppb_wrapper #home-hero img {
  border-radius: 0;
  position: relative !important;
}

.ppb_wrapper #home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(39, 58, 78, 0.42);
  pointer-events: none;
}

/* ===============================
   Home Content
================================*/

.home .ppb_wrapper   {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

.home-content .home-text {
  color: #fff;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
}

.main-header {
  color: #fff;
  font-size: 65px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.1em;
font-family: cinzel, serif;
font-weight: normal;
}

h3.sub-header {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.55em;
  margin-bottom: 13px;
}

/* ===============================
   Buttons & Links
================================*/
.redirect-portfolio a {
  width: 142px;
  padding: 12px 42px;
  color: #fff;
  font-size: 18px;
}

.redirect-portfolio a:hover,
.redirect-portfolio a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.42);
  transition: background-color 0.3s ease;
}

/* ===============================
   Footer
================================*/
footer .elementor-icon {
  font-size: 24px;
}



/* ===============================
   Fix Issue
================================*/
body.elementor-editor-active .e-n-tab-title * {
  pointer-events: none;
}
:root { --sticky-offset: 0px; }
html { scroll-padding-top: var(--sticky-offset); }
.elementor-widget-tabs,
.elementor-tab-content { scroll-margin-top: var(--sticky-offset); }

/* (optional) if header overlays content and you want to keep space above the page */
body.has-sticky-padding { padding-top: var(--sticky-offset); }

/* ===============================
   About Page
================================*/

body.about .ppb_wrapper  {margin: 0;}
body.about .about-content {padding:0;}
body.about .about .about-image img {border-radius: 0;}
h1.elementor-heading-title, body.about span.e-n-tab-title-text {font-family: cinzel, serif; letter-spacing: normal;}
span.e-n-tab-title-text  {font-size: 15px; line-height: 20px; letter-spacing: 1.5px;font-family: cinzel, serif; }
.about .ppb_wrapper  > .wp-page > ,elementor-element {
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.about .e-con-inner {
    display: flex;
    flex-direction: row;
    margin: 0;
    width: 100vw;
    max-width: 100%;
}
.about-image {
  min-height: 728px;
}

body.about .about-main_content {padding: 48px 10%;}
body.about .elementor-widget-n-tabs .e-n-tabs-heading {row-gap:0; column-gap: 19px;}
body.about .about-main_content h5 {font-weight: normal;letter-spacing: 0.05em; font-size:11px;}
body.about .about-main_content ul {padding-left: 10px; margin-left: 5px;}
body.about .about-main_content .elementor-widget-n-tabs .e-n-tabs {gap: 18px;}
body.about .about-main_content h5:not(:first-child), body.about .about-main_content br {
  margin-top: 15px;
}

/* ===============================
   Contact Page
================================*/

body.contact .ppb_wrapper{    max-width: calc(100% - 160px); margin: 0 auto;}
body.contact h1 {font-family: cinzel, serif; font-weight: normal;}
.contact_form-intro h1 {
  font-size: 35px;
   font-weight: normal;
margin-bottom: 21px;
    letter-spacing: 0.05em;
    line-height: 1.1em;
}
.contact_form-intro p {
    line-height: 1.5em;
    font-size: 16px;
    font-weight: normal;
}
.contact_form-intro p:first-of-type{margin-bottom: 21px;} 
body.contact .elementor-widget-photography-contact-form {margin-top: 5px;}
body.contact .photography-contact-form-content-wrapper form label {font-family: 'Avenir LT', serif;}
body.contact .photography-contact-form-content-wrapper form p:not(:last-of-type) input {padding: 3px 3px 3px 12px;}
body.contact .e-con.e-con>.e-con-inner>.elementor-widget.contact_form-closure,
body.contact .photography-contact-form-content-wrapper form input,
body.contact .photography-contact-form-content-wrapper form textarea {max-width: 380px;}
body.contact .photography-contact-form-content-wrapper form textarea {height: 126px;}
body.contact .photography-contact-form-content-wrapper form textarea:hover,
body.contact .photography-contact-form-content-wrapper form textarea:focus ,
body.contact .photography-contact-form-content-wrapper form input:hover,
body.contact .photography-contact-form-content-wrapper form input:focus {
  border-width: 2px;
  border-color: #000;
}
body.contact .photography-contact-form-content-wrapper form p {margin-bottom: 0;}
body.contact .photography-contact-form-content-wrapper form label {margin-bottom: 8px;text-transform: capitalize;} 
body.contact .contact_form-closure h1 {letter-spacing: 0.05em; font-size: 35px; line-height: 1.1em; color: rgb(48,49,49,1); margin-bottom: 12px;font-weight: normal;}
body.contact .contact_form-closure  p {line-height: 1.5em; font-weight: normal; font-size: 14px;
    text-align: justify; max-width: 400px;}

body.contact input.wpcf7-text, body.contact  input[type=text], body.contact textarea{   border: 1px solid; }

/* ===============================
Portfolio
================================*/
body.single-portfolios #page_content_wrapper .inner div.sidebar_content.full_width {margin-top: 0;}
body.portfolio  #page_content_wrapper .inner .sidebar_content.full_width {width: 100vw}
body.portfolio #page_content_wrapper {padding: 0; max-width: 100vw;}
body.portfolio .inner_wrapper{display: inline-block;}
body.portfolio #page_content_wrapper .inner .sidebar_content .portfolio-classic-img img, body.portfolio #page_content_wrapper .inner .sidebar_content  .portfolio-classic-content {transform: none !important;width: 216px;}
body.portfolio .portfolio-classic-img a:hover:after {opacity: 1;}
body.portfolio .portfolio-classic-img a:after {
   border-radius: 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    background-color: rgba(48,49,49,0.5);
transition: opacity 0.4s ease 0s;
width: 100%;
}
.portfolio-list { margin: 0 auto;}
body.portfolio .portfolio-classic-content-wrapper {display: flex;justify-content: space-evenly;flex-direction:row;flex-wrap: wrap;}
body.portfolio .portfolio-classic-content-wrapper .portfolio-classic-grid-wrapper {width: fit-content; margin-right: 0; margin-bottom: 0;}
body.portfolio .portfolio-classic-content-wrapper br.clear {display:none;}
body.portfolio #page_content_wrapper .portfolio-classic-subtitle  {margin-top: 9px;}
body.portfolio #page_content_wrapper .portfolio-classic-subtitle p {padding: 0;}
body.portfolio .elementor-heading-title, body.portfolio .portfolio-classic_title a {font-family: cinzel, serif; letter-spacing: normal;}
.portfolio-content.e-con>.e-con-inner {gap: 0;} 
.portfolio-gallery{width: 750px; margin: 0 auto; }

.blog #page_caption { display:none;}
.blog .content {font-size: 16px;}
.blog .content h2 {font-size: 24px;}
.blog .content, .blog .content h2 {
  font-family: cinzel, serif; font-weight: normal;
}

.portfolios #page_caption {display: none !important;}
body .mobx-title {
  font-size: 35px;
font-family: cinzel, serif; font-weight: normal;
color: rgb(48,49,49);
margin: 18px 0;
}
body .mobx-desc {
  font-size: 16px;
font-weight: normal;
   margin-bottom: 12px;
color: rgb(48,49,49);
}

body .mobx-desc a , 
body .mobx-desc a:hover{ 
  font-family: HelveticaNeue;
color: rgb(48,49,49);
font-size: 15px;
    line-height: 23px;
}
 

@media only screen and (min-width: 768px) and (max-width: 959px) {
.main-header { 
  font-size: 55px;
}

body.contact .ppb_wrapper {
  max-width: 100vw;
  margin: 0;
}
body.about .about-main_content { padding: 30px 1%; }
body.portfolio.elementor-page.page-template-default #page_content_wrapper {padding: 0;}
html[data-menu=centeralogo] body #logo_wrapper #menu_wrapper, html[data-menu=centeralogo] body #logo_wrapper #menu_wrapper #nav_wrapper, .nav_wrapper_inner {
  width: 100%;
}
#menu_wrapper .nav ul#main_right_menu, #menu_wrapper div .nav, html[data-menu=centeralogo] body #menu_border_wrapper_right, #menu_border_wrapper {display: block !important;}
#logo_right_button {display: none !important;}}

@media only screen and (max-width: 767px) {
body.portfolio .sidebar_content.full_width {
   margin-left: 0;
}
body.portfolio.elementor-page.page-template-default #page_content_wrapper {padding: 0;}
html[data-menu=centeralogo] body #logo_wrapper #menu_wrapper, html[data-menu=centeralogo] body #logo_wrapper #menu_wrapper #nav_wrapper, .nav_wrapper_inner {
  width: 100%;
}
li.menu-item-has-children { position: relative; }
.nav_wrapper_inner {
        display: flex ;
        justify-content: space-between;
}

.current-menu-item a { background-color: rgba(240,243,246,1)}
.mobile_menu_wrapper li a { padding-left: 19px; }

#menu_border_wrapper {display: block !important;}
.main-header { 
  font-size: 28px;
}

body .mobile_main_nav li.menu-item-has-link.menu-item-has-children > a.menu-item-icon-link {
  top: 18px !important;
  right: 0 !important;
  left: inherit !important;
}

body .mobile_main_nav li a, body #sub_menu li a {
    color: #000 !important;
    font-weight: 400 !important; 
    text-transform: capitalize;
    font-family: 'Avenir LT';
    font-size: 20px;
}
body .mobile_main_nav .fa.fa-angle-down {font-size: 32px;}
h3.sub-header { 
    font-size: 9px; 
    letter-spacing: 3.85px;
}
.home-content .home-text {
  top: 35%;
}
.top_bar #mobile_nav_icon {
  border-color: #000 !important;
}

body .elementor-widget-n-tabs .e-n-tabs-heading { 
 display: flex;
 flex-direction: column;
 width: fit-content;
}

body .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title { margin-top: 0 !important;  padding: 0 20px; line-height: 20px;}
body .elementor-widget-n-tabs .e-n-tab-title-text {font-size: 20px; line-height: 20px;}
.sidebar_content.full_width {margin: 0 20px;}

footer.e-con {margin: 11px 0;
    padding: 0;}

body.contact .ppb_wrapper {
  max-width: 100vw;
  margin: 0;
}

.contact_form-intro h1 {margin-bottom: 7px;}

body.about .e-n-tab-title{
    justify-content: flex-start;
    width: fit-content;
    padding: 0 20px;
    font-weight: normal;
}

body.about .elementor-widget-n-tabs .e-n-tab-title-text {
font-weight: normal;
letter-spacing: 1.5px;
font-size: 15px;
}

.header_style_wrapper #menu_wrapper ul.nav#main_menu > li > a {background: transparent;}}

@media only screen and (min-width: 480px) and (max-width: 767px) {
}