:root {
  --max-width: 700px;
  --light: #fff;
  --secondary-color: #ee4b20;
  --primary-color: #f59121;
}

/*LOGO*/
#u_content_custom_logo_1 .d-logo-box {
    top: -15px;
    left: 4em !important;
    position: absolute;
}

/*NAV*/
header ul.menu {
    text-transform: uppercase;
}

header ul.menu li::after {
    content: '';
    position: absolute;
    inset: auto 10px 0 10px;
    height: 2px;
    background: linear-gradient(to left, black 16%, white 16%, var(--secondary-color) 23%);
    transform-origin: left;
    transform: scale(0);
    transition: all 150ms cubic-bezier(0.57, 0.88, 0.37, 1.13);
}

header ul.menu li:hover::after {
    transform: scale(1);
}

header #u_content_custom_navLinks_2 .d-nav-links-info.d-header-nav ul.menu>li>div.selected {
    font-weight: 700;
}

header #u_content_custom_navLinks_2 .d-nav-links-info.d-header-nav ul.menu>li>div.selected::after {
    position: absolute;
    inset: auto 10px 0 10px;
    height: 2px;
    background: linear-gradient(to left, black 16%, white 16%, var(--secondary-color) 23%);
    content: '';
}

.d-con-mobile-navbar li {
    text-align: center;
    text-transform: uppercase;
}


/* HEADER == HEADER == HEADER == HEADER == HEADER == HEADER */
header {
  border-bottom: solid thin var(--border);
  box-shadow: 0 0 2rem #3e37375c;
}

.top-bar-container {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-evenly;
}

.top-bar-container div {
  flex:1;
  display: flex;
  align-items: center;
  height: 100%;
}

.top-bar-socials, .top-bar-info {
    background: #040707;
}

.top-bar-container a, .top-bar-container p {
    color: white;
    text-transform: uppercase;
}

.phone-container > * {
    padding-left: 10px !important;
}

.top-bar-container a:hover {
    color: var(--primary-color);
}

.phone-container a:hover {
    color: black;
}

.top-bar-container strong {
    color: var(--primary-color);
}

.top-bar-socials .phone-container {
    background: linear-gradient(240deg, var(--primary-color) 84%, white 10%) !important;
    justify-content: center;
}

.top-bar-empty {
    background: white !important;
}

.top-bar-info {
    flex: 2 !important;
    justify-content: space-evenly;
}

.top-bar-socials div {
  display: flex;
}

.top-bar-socials-container a {
    border-right: solid thin var(--light);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
}

.fa-phone {
  color: var(--light);
}

.phone-container {
  background: var(--header-phone-container) !important;
}
.phone-container a {
  font-size: 1.125rem;
 font-weight: 700;
}
 .fa-phone{
    font-size: 2rem;
    margin-left: 2rem;
    color: white;
}

@media screen and (min-width: 995px) {
  .d-logo {
  position: relative;
  top: -40px;
  }
}
@media (max-width: 1180px) {
    #u_content_custom_logo_1 .d-logo-box {
        left: 1.5em !important;
    }
}
@media screen and (max-width: 1400px) {
  .phone-container a {
    font-size: 12px;
  }

header .top-bar-info a, header .top-bar-info p, header .top-bar-socials div, header .phone-container a, header .phone-container i {
    font-size: 12px !important;
}
/*
  .fa-phone{
    display: none !important;
  }

header div#u_row_12 {
    display: none;
}
*/
}

/* DROPDOWN ==  DROPDOWN == DROPDOWN == DROPDOWN == DROPDOWN */
.navbar {
  display: flex;
  align-items: center;
  justify-content: center; 
  background: var(--navbar-background);
}
.navbar a, .drop-down-container p, .drop-down nav a {
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-color);
  padding: 5px;
  margin: auto 10px;
  transition-property: color; 
  transition-duration: 1s;
}
.navbar a:hover, .drop-down-container p:hover, .drop-down nav a:hover {
  color: var(--secondary-color) !important;
  cursor: pointer;
}