/* h1, h2, h3, h4, h5, h6, #logo, #primary-menu ul li > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, #top-search form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .counter, label, .nav-tree li a, .wedding-head .first-name, .wedding-head .last-name, .font-primary, body, small, #primary-menu ul ul li > a, .wp-caption, .feature-box.fbox-center.fbox-italic p, .skills li .progress-percent .counter, .entry-meta li, .entry-link span, .entry blockquote p, .more-link, .comment-content .comment-author span, .button.button-desc span, .testi-content p, .team-title span, .before-heading, .wedding-head .first-name span, .wedding-head .last-name span, .nav-tree ul ul a, .font-body, p, span {
    font-family: avenir, helvetica, sans-serif;

} */


.row {
  margin-right: 0;
  margin-left: 0;
}


/* HEADER */

#wrapper{
  background-color:transparent !important;
}

#header{
  margin-top:  0px;
  border-bottom: 0;
  background-color:rgb(80, 100, 130)!important;
  height:81px!important;
}

#wrapper.clearfix{
 animation-duration: 0ms!important; 
}

#header, #header #header-wrap, #logo img {
height: 81px;
}

#header:not(:hover), #header.dark:not(.transparent-header), #header:not(:hover) #header-wrap, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) {
  height: 81px;
  background-color:transparent!important;
}
  
#header.transparent-header.floating-header {
  margin-top:  30px;
  background-color: transparent!important;
  border-bottom: 0;
}

@media (max-width: 575px) {
  #header.transparent-header.floating-header {
    margin-top:  10px;
    height: 60px!important;
  }
}

#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark){
  border-radius: 0px;
  background-color: rgba(80, 100, 130, 0.85)!important ;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}



#header.dark.transparent-header.floating-header .container {
  width: calc(100% - 0px)!important;
  margin: auto;
  max-width: 95%;
/*   max-width: 1190px; */
  height:81px!important;
  padding: 0 40px;
  border-radius: 12px;
  background-color: rgba(80, 100, 130, 0.85) ;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) ;
  height:81px!important;
}

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap {
/*   background-color: rgba(80, 100, 130, 0.80) !important;
  -webkit-backdrop-filter: blur(5px); */
/*   backdrop-filter: blur(8px); */
  height:81px!important;
}

@media (max-width: 575px) {
  #header.dark.transparent-header.floating-header .container, .dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap {
    height:60px!important;
  }
}


#header.transparent-header.floating-header.sticky-header .container {
  backdrop-filter: blur(0px)!important;
  -webkit-backdrop-filter: blur(0px)!important;
  border-radius: 0px!important;
  background-color: transparent !important;
  box-shadow: 0 0 !important;
  height:81px!important;
}


/* LOGO */

#header #logo {
  margin-right:0
}

#header .image-logo{
  float: left!important;
  margin-right:10px;
}

#header .image-logo img{
  float: left!important;
  width:50px; /* you can use % */ 
  height: auto!important; 
  padding-top:27px
}

@media (max-width: 575px) {
   #header .image-logo img{
       padding-top:17px
  }
}

#header .text-logo {
  height: 80px!important;
  float: left!important;
/*   padding-top: 12px; */
}

#header .text-logo h2{
/*   padding-top: 14px;
  margin-bottom: 0;
  line-height: 34px; */
}

#header .text-logo h5{
  font-weight:200;
}

#header .text-logo h3{
  font-size: 1.5rem!important;
}

#header .text-logo h1 span{
/*   font-weight: 800!important;
  color:white;
  margin: 0 0 0px 0; */
}

.header-extras {
  margin: 0px 0 0 0!important;
}

.header-extras li {
  margin: 20px 0px 0 30px!important;
}

.header-extras li .he-text {
text-align: left;
}

.dropdown-menu-language {
  background-color: white!important;
  border:0;
  top: 0px;
  left: -50px!important;
}

.dropdown-menu-language li {
  margin: 5px 0 5px 0!important;
  border-left: 0!important;
  padding-left: 0px!important;
  margin-left: 0px!important;
}

.nav-link {
  padding: 0.5rem 0rem!important;
}


/* Nav */

#header-nav .container{
  background-color: rgba(245, 245, 245, 1)!important;
  border:0;
  border-radius: 0 0 4px 4px;
}

#primary-menu.style-2 > div > ul > li > a {
    padding-top: 11px;
    padding-bottom: 19px;
}

#primary-menu.style-2 {
  float: none;
  max-width: none;
  border:0
}


#header-nav .header-buttons {
  display: inline-block;
  float: right;
  margin: 7px 0;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  padding-left: 1.5rem;
}

.dark #header-nav:not(.not-dark) #top-search form input {
  color: #EEE;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

@media (max-width: 991.98px){
  #primary-menu .container #primary-menu-trigger {
      top: -57px;
      z-index: 1000;
      left: calc(100% - 70px);
      color: white;
  }
  #primary-menu {
      display: block;
      width:100%;
      float: none;
      position: absolute;
      z-index: 10000;
      background-color: white;
  }
  #primary-menu > div > ul {
    padding: 20px!important;
  }
  #primary-menu ul ul li > a, #primary-menu ul ul li:hover > a {
    font-size: 14px;
    color: #000 !important;
    font-weight: 500;
    text-shadow: none;
}
}


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