body
{
  font-family: Domine!important
}
.logo
{
  background-color: #fff!important;
  position: absolute;
  /*padding:26px 25px 38px;*/
  padding: 50px 25px 15px
}
.logo::after 
  {
    content: '';
    border-bottom: 38px solid #4d4848;
    border-left: 30px solid transparent;
    right: 0!important;
    bottom:0px;
    position: absolute;
    top:0px!important;
}
.navbar
{
  margin-bottom: 5px!important
}
.nav>li
{
  
  padding: 20px 20px!important
}
.nav>li>a
{
  font-size: 18px;
  padding-top: 20px;
  color: #fff;
  padding: 20px 30px!important
}
.nav>li.active>a
{
  
  color: #FFC107!important;
  border-bottom: 5px solid #FFC107!important;
  border-radius: 20px
}
.line
{
  border-bottom:5px solid #FFC107;
  width: 100px;
  border-radius: 50px;
  margin: 25px auto;
}
.linelatest
{
  border-bottom:5px solid #FFC107;
  width: 100px;
  border-radius: 50px;
  margin: -80px 0px;
}
/*overlays*/

.ovrly10 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.ovrly10 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.ovrly10 .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: -195%;
    width: 170%;
    top: 0;
    position: absolute;
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    transform: skewX(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ovrly10 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ovrly10 .buttons .fa {
    background: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(50, 50, 50, 0.9);
    display: inline-block;
    margin: 0 1px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.2s 0.3s;
    -moz-transition: all 0.2s 0.3s;
    -o-transition: all 0.2s 0.3s;
    transition: all 0.2s 0.3s;
    opacity: 0;
}
.ovrly10:hover .ovrly {
    left: -35%;
}
.ovrly10:hover .buttons .fa {
    opacity: 1;
}
.spans
{
  position: absolute;
    right: -65px;
    top: 0;
    border-style: solid;
    border-width: 74px 0 65px 65px;
    border-color: transparent red;
    z-index: 1;
}
.spans1
{
  position: absolute;
    right: -65px;
    top: 0;
    border-style: solid;
    border-width: 65px 0 65px 65px;
    border-color: transparent yellow;
    z-index: 1;
}
.spans2
{
  position: absolute;
    right: -65px;
    top: 0;
    border-style: solid;
    border-width: 65px 0 65px 65px;
    border-color: transparent orange;
    z-index: 1;
}
#myBtn
{
  background-color: #ffc107;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  float: right
}
#myBtn>i
{
  margin: 5px 8px!important
}
.dropdown-menu {
    position: absolute;
    top: 80%!important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 220px!important;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
    display: block;
    padding: 20px 20px!important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
@media screen and (max-width: 1899px)
{
      .nav>li:nth-child(1)
        {
          margin-left: 75px!important
        }
        .nav-pills>li:nth-child(1)
        {
          margin-left: 1px!important
        }
        
}
@media screen and (max-width: 1650px)
{
.logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:26px 25px 36px;*/
      padding: 50px 25px 12px
    }
    .nav-pills>li:nth-child(1)
        {
          margin-left: -20px!important
        }
}
@media screen and (max-width: 1434px)
{
    .mail
    {
      margin-left: -20%!important
    }
    /*.logo
    {
      background-color: #fff!important;
      position: absolute;
      padding:26px 25px 20px;
    }*/
    .nav>li
        {
          padding: 20px 15px!important
        }
        .nav-pills>li:nth-child(1)
        {
          margin-left: -20px!important
        }
}
@media screen and (max-width: 1368px)
{
    .mail
    {
      margin-left: -20%!important
    }
    .logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:26px 25px 19px;*/
      padding: 50px 25px 10px;
      margin-left: -20px!important
    }
   .nav>li
        {
          padding: 20px 10px!important
        }
        .nav>li>a
        {
          padding: 20px 25px!important
        }
        .nav-pills>li:nth-child(1)
        {
          margin-left: -10px!important
        }
}
@media screen and (max-width: 1280px)
{
    .mail
    {
      margin-left: -20%!important
    }
    .logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:26px 25px 18px;*/
      margin-left: -20%!important
    }
   .nav-pills
        {
          margin-left: -120px!important
        }
}
@media screen and (max-width: 1234px)
{
    .mail
    {
      margin-left: -80px!important
    }
    .logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:26px 25px 18px;*/
      margin-left: -20%!important
    }
   .nav>li>a
        {
          padding: 20px 20px!important
        }
}
@media screen and (max-width: 1199px)
{
    
   .nav>li:nth-child(1)
        {
          margin-left: 148px!important
        }
        .nav-pills>li:nth-child(1)
        {
          margin-left: 30px!important
        }
}
@media screen and (max-width: 1140px)
{
    .mail
    {
      margin-left: -250px!important;

    }
    .mob
    {
      margin-left: -120px!important;

    }
    .logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:26px 25px 15px;*/
      /*padding: 72px 25px 12px;*/
      margin-left: -20%!important
    }
   .nav
        {
          margin-left: -200px!important;
          margin-top: 2%!important
        }
        .imgs
    {
      margin-top: 100px!important
    }
    .nav-pills>li:nth-child(1)
        {
          margin-left: -1px!important;

        }
        .nav-pills
        {
          margin-top: -5px!important;
          margin-left: 20px!important
        }
}
@media screen and (max-width: 1086px)
{
    .nav-pills
        {
          margin-top: -5px!important;
          margin-left: -50px!important
        }

}
@media screen and (max-width: 1063px)
{
    .logoname
    {
      font-size: 25px!important
    }
    .logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:26px 25px 21px;*/
      margin-left: -20%!important
    }

}
@media screen and (max-width: 1009px)
{
    .nav-pills
        {
          margin-top: -5px!important;
          margin-left: -50px!important;

        }
        .nav-pills>li>a
        {
          padding: 10px 15px!important
        }

}
@media screen and (max-width: 993px)
{
  .mail
    {
      margin-left: -180px!important;
    }
    .mob
    {
      margin-left: -50px!important;
    }
    .logoname
    {
      font-size: 25px!important
    }
    .logo
    {
      background-color: #fff!important;
      position: absolute;
      /*padding:56px 25px 5px;*/
      margin-left: -20%!important
    }
    .logo::after 
      {
        content: '';
        border-bottom: 35px solid #4d4848;
        border-left: 30px solid transparent;
        right: 0!important;
        bottom:0px;
        position: absolute;
        top:0px!important;
    }
    .nav
    {
      margin-top: 5%!important
    }
     .nav-pills
        {
          margin-top: -5px!important;
          margin-left: -50px!important;

        }
        .nav-pills>li>a
        {
          padding: 10px 5px!important
        }
}
@media screen and (max-width: 927px)
{
  .mail
    {
      margin-left: -280px!important;
    }
    .mob
    {
      margin-left: -50px!important;
    }
    .logo
{
  background-color: #fff!important;
  position: absolute;
  /*padding:56px 15px 5px;*/
}
.logo::after 
      {
        content: '';
        border-bottom: 33px solid #4d4848;
        border-left: 30px solid transparent;
        right: 0!important;
        bottom:0px;
        position: absolute;
        top:0px!important;
    }
}
@media screen and (max-width: 900px)
{
  .mob
    {
      margin-left: -120px!important;
    }
  .navbar-nav>li>a
  {
    padding: 20px 13px!important
  }
  .logo
  {
    background-color: #fff!important;
    position: absolute;
    /*padding:56px 25px 5px;*/
    width: 300px
  }
   .nav-pills
        {
          margin-top: -5px!important;
          margin-left: -80px!important;

        }
        .nav-pills>li
        {
          padding: 10px 4px!important
        }
}
@media screen and (max-width: 849px)
{
.nav-pills
        {
          margin-top: -5px!important;
          margin-left: -80px!important;

        }
        .nav-pills>li
        {
          padding: 10px 4px!important
        }
}
@media screen and (max-width: 831px)
{
  .mob
    {
      margin-left: -120px!important;
    }
  .navbar-nav>li>a
  {
    padding: 20px 10px!important
  }
  .logo
  {
    background-color: #fff!important;
    position: absolute;
    padding:56px 25px 2px;
    width: 300px
  }
  .nav-pills
        {
          margin-top: -5px!important;
          margin-left: -80px!important;

        }
        .nav-pills>li>a
        {
          padding: 5px 5px!important
        }
}
@media screen and (max-width: 799px)
{
  .nav-pills
    {
      /*margin-top: -5px!important;*/
      margin-left: -50px!important;
/*width: 1920px!important;*/
    }
    .nav-pills>li>a
    {
      padding: 5px 3px!important
    }
}
@media screen and (max-width: 785px)
{
  .mail
    {
      margin-left: -300px!important;
    }
    .mob
    {
      margin-left: -50px!important
    }
  .navbar-nav>li
  {
    padding: 20px 15px!important;
  }
  .navbar-nav
  {
    margin-left: -210px!important
  }
  .logo
  {
    background-color: #fff!important;
    position: absolute;
    padding:56px 25px 5px;
    width: 300px
  }
  .nav-pills
    {
      /*margin-top: -5px!important;*/
      margin-left: -50px!important;
/*width: 1920px!important;*/
    }
    .nav-pills>li>a
    {
      padding: 5px 2px!important
    }
}
@media screen and (max-width: 767px)
{
  .mail
    {
      margin-left: 150px!important;
    }
    .mob
    {
      margin-left: 150px!important
    }
  .navbar-nav>li
  {
    padding: 20px 15px!important;
  }
  .navbar-nav
  {
    margin-left: -210px!important
  }
  .logo
  {
    background-color: #fff!important;
    position: absolute;
    padding:105px 25px 2px;
    width: 300px;
    margin-left: 140px!important
  }
  .navbar-nav>li,.navbar-nav>li:nth-child(1)
  {
    margin: 0 auto!important;
    width: 200px!important
  }
  #myBtn>i
    {
      margin: 5px -2px!important
    }
.nav-pills
    {
      /*margin-top: -5px!important;*/
      margin-left: -10px!important;
/*width: 1920px!important;*/
    }
    .nav-pills>li>a
    {
      padding: 5px 1px!important
    } 
}
@media screen and (max-width: 666px)
{
.nav-pills
    {
      /*margin-top: -5px!important;*/
      margin-left: 10px!important;
/*width: 1920px!important;*/
    }
    .nav-pills>li>a
    {
      padding: 5px 15px!important
    } 
}
@media screen and (max-width: 550px)
{
  .mail
    {
      margin-left: -10px!important;
      font-size: 20px!important
    }
    .mob
    {
      margin-left: -10px!important
    }
  .navbar-nav>li
  {
    padding: 20px 15px!important;
  }
  .navbar-nav
  {
    margin-left: -10px!important;
  }
  .logo
  {
    background-color: #fff!important;
    position: absolute;
    padding:98px 25px 2px;
    width: 300px;
    margin-left: -15px!important
  }
  .navbar-nav>li,.navbar-nav>li:nth-child(1)
  {
    margin: 0 auto!important;
    width: 200px!important
  }
.fea
{
  font-size: 30px!important
}
.linelatest
{
  border-bottom: 5px solid #ff9000;
  border-radius: 50px;
  width: 100px;
  margin: 5px auto
}
}