#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}
.text-primary {
  color: #D27F67 !important;
}

.btn-primary {
  background-color: #D27F67;
}

.btn-primary:hover {
  background-color: #434b40;
}
.list-group-item:hover{background-color:black !important;color:white !important;}

.btn-primary:focus,
.btn-primary.focus {
  background-color: #434b40;
}
.call a:hover{
  background-color:black !important;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  background-color: #242923;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(50%);
}

.navbar-scroll .navbar-brand {
        color: black;
        font-weight: bolder;
      }
      .navbar-scrolled {
          background-color: rgba(255, 255, 255, .95);
      }
      .navbar-scrolled .navbar-brand,
      .navbar-scrolled .nav-link,
      .navbar-scrolled .fa-bars {
        color: #000 !important;
      }
    @media (max-width: 991px) {
      .navbar-scrolled {
       background-color: rgba(255, 255, 255, .95);
      }
        }
        @media (max-width: 991px) {
          .navbar-nav button {
          font-size: 10px;
          }
            }
            .nav-pills > li > a.active {
                background-color: darkorange !important;
                color: black !important;
            }
           .nav-icon > a.hover {
                background-color: black !important;
                color: white !important;
            }

.orng {
  color: black;
  background-color: darkorange;
}
.orange {
  color: darkorange;
}
.nav-scroll {
  backdrop-filter: blur(5px);
  background-color: rgba(255, 155, 35, .25);

}

.mask-custom1 {
  backdrop-filter: blur(1px);
  background-color: rgba(255, 255, 255, .35);
}

.navbar-brand {
  font-size: 1.75rem;
  letter-spacing: 3px;
}

.nav-item {
  color: black;
  font-weight: bolder;
}

.pic4{border:solid 2px darkorange;box-shadow:2px 2px 15px white;}

a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: darkorange;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
a.left:hover:before {
  visibility: visible;
  width: 100%;
}

a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: darkorange;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
a.left:hover:before {
  visibility: visible;
  width: 100%;
}
.icon-bar{width:36px;height:2px;background-color: black; display:block;transition:all 0.2s;margin-top:4px}
.navbar-toggler{border:none;background:!important;}
.navbar-toggler .top-bar{transform:rotate(45deg);transform-origin:10% 10%;}
.navbar-toggler .middle-bar{opacity:0;}
.navbar-toggler .bottom-bar{transform:rotate(-45deg);transform-origin:10% 90%;}
.navbar-toggler.collapsed .top-bar{transform:rotate(0);}
.navbar-toggler.collapsed .middle-bar{opacity:1;}
.navbar-toggler.collapsed .bottom-bar{transform:rotate(0);}
.icona:hover{background-color: white; color:#3b5998!important;font-size:26px; border-radius: 35px;}
.iconb:hover{background-color: white; color: black!important;font-size:26px; border-radius: 35px;}
.iconc:hover{background-color: white; color:#f74e00!important;font-size:26px; border-radius: 35px;}
.icond:hover{background-color: white; color:#0876bf!important;font-size:26px; border-radius: 35px;}
.donb:hover{background-color: white!important; color: black!important;}
.don:hover{background-color: darkorange!important; color: white!important;font-size:14px;}
.callb:hover{
  background-color: black!important;
  color: white!important;
  font-size:13px;
}
.click:hover{
  color: black!important;
}
.other:hover {
  color: #fbad50!important;
}

.emailb:hover{
  background-color: white!important;
  color: black!important;
  font-size:13px;
}
.snd:hover{
  background-color: black!important;
  color: white!important;
  font-size:16px;
}
.res:hover{
  color: black!important;
  background-color: cornflowerblue!important;

}
.jjy:hover{
  background-color: black!important;
  color: white!important;
}
.dir:hover{
  background-color: #f74e00!important;
  color: white!important;

}
.top:hover{
  background-color: white!important;
  color: black!important;
  border-radius: 50%;
  outline-style: solid;
  outline-color: darkorange;
}
.jjy2:hover{
  font-size:12px;
  outline-style: solid;
  outline-color: black;
}
.video {
  height: 100%;
  width: 100%;
}
.serve:hover {
  background-color: black !important;
  color: white !important;}
.dropdown-menu a:hover{ background-color:darkorange !important; text-align: center;}
.dropdown-menu{text-align: center;}

@media only screen and (max-width : 991px) {
    .navbar-collapse {
    background: white;
  }
  ul.dropdown-menu{
      margin-left: 22%;
      margin-top: 5%;
      background-color: darkorange!important;

  }
  .ui .navbar {
    padding-bottom: 15px;
  }
  .video {
    max-width: 50%;
  }
}
@media only screen and (min-width : 767px) {
    .jrny {
    background-attachment: fixed;
  }

}