
 @font-face {
    font-family: 'BrandonThin';
    src: url('../fonts/BrandonThin.otf');
}

.brandonthin{
    font-family: BrandonThin;
    font-weight: 100;
}

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
} 
html,body{
    overflow-x: hidden;
}
.w-35{
    width: 255px;
}
.fa-circle{
    font-size: 10px;
}
svg{
     fill: #8f8f8f;
}
.font-45{
    font-size: 33px;
}
.font-30{
    font-size: 23px;
    font-weight: 600;
}
.font-25{
    font-size: 19px;
     font-weight: 600;
}
.font-10{
    font-size: 10px ! important;
}
.mt-115{
    margin-top: 115px;
}
.ml-115{
    margin-left: 147px;
}
.svgicon{
    padding: 3px;
    border: 1px solid #8f8f8f;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.ml-51{
  margin-left: 50px;
}
.mt-35{
    margin-top: 35px;
}
.mt-80{
    margin-top: 80px;
}
.rightimg{
  transform: scaleX(-1);
}
    hr.new2 {
  border-top: 1px dashed gray;
}



.navbar-light{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

/* background-image: linear-gradient(to right top, #b8b8bd, #9c9c9c, #b1afaf, #d0caca, #fda8a8); */
 
}
.mt-140{
    margin-top: 80px;
}
.wled{
    width: 350px;
    height: 607px;
}
.w-350{
    width: 350px;
}
.mt--115{
        margin-top: -115px;

}
.mt-200{
    margin-top: 30px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
}

 .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
    top: 5px;
}
.dropdown-submenu>.dropdown-menu {
    top: 50px;
    left: 0%;
    margin-top: -6px;
}

.dropdownmenu{
       top: 0px ! important;
    left: 100% ! important;
    margin-top: -6px;

}
.dropdown-item:hover{
    background-color: transparent;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
   /* transform: rotate(-90deg);*/
} 

 .order{
         list-style:unset;
         margin-left: 30px;
        }
        .mlr{
            margin-left: -18px;
    margin-right: -16px;
        }
