/*@font-face
{
    font-family: 'Helvetica'; 
    src:url('../fonts/Helvetica/Helvetica.eot?#iefix') format('embedded-opentype'),url('../fonts/Helvetica/Helvetica.woff') format('woff'),url('../fonts/Helvetica/Helvetica.ttf') format('truetype'),url('../fonts/Helvetica/Helvetica.svg#Helvetica') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}*/

@font-face {
  font-family: 'RobotoSlab';
  src: url('../fonts/RobotoSlab/RobotoSlabd41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/RobotoSlab/RobotoSlab.woff') format('woff'), url('../fonts/RobotoSlab/RobotoSlab.ttf')  format('truetype'), url('../fonts/RobotoSlab/RobotoSlab.svg#RobotoSlab') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face 
{ 
    font-family: 'Roboto'; 
    src: url('../fonts/Roboto/Robotod41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto.woff') format('woff'), url('../fonts/Roboto/Roboto.ttf') format('truetype'), url('../fonts/Roboto/Roboto.html#Roboto') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

h1,h2,h3,h4,h5,h6
{
    font-family: 'Arial';
}

html,body,p,a,div,td,tr,th
{
    font-family: 'Arial'; 
}

ul,li,a
{
    font-family: 'Roboto'; 
}


    body
    {
      background-color: #f1f1f1; 
      font-family: Arial;
    }
    .logo
    {
      width: 150px;
    }
    .center
    {
      text-align: center;
      margin: 0 auto;
    }
    .bgred
    {
      background-color: #ff0000;
    }
    .paddingtb4per
    {
      padding: 2% 0;
    }
    .nav
    {
      width: 100%;
      background-color: #fff;
      /*background-image: -webkit-linear-gradient(to top, rgb(255,153,29), rgb(213,24,0));
        background-image: linear-gradient(to top, rgb(255,153,29), rgb(213,24,0));*/
    }
    .nav  li
    {
      display: inline;
      padding: 1% 83px;
      color:#fff;
  
    }
    .nav  li:hover
    {
     background-color: #F9C70C;
  
    }
    .nav  li:last-child
    {
      border-right: 0px solid #081e2c;
    }

    .a_li
    {
      color: black;
      text-decoration: none;
      font-size:18px; 
      font-weight: bold;
    }
    .a_li:hover
    {
      color: #000;
      text-decoration: none;
      background-color: #F9C70C;
    }
    p
    {
      color: #757575;
    }


    .navbar {
  width: 100%;
  background-color: #ffe3c5;
  overflow: auto;
  padding: 0;
}

.navbar a {
  float: left;
  padding: 12px;
  color: black;
  text-decoration: none;
  font-size: 17px;
  width: 25%; /* Four links of equal widths */
  text-align: center;
  font-weight: bold;
}

.navbar a:hover {
  background-color: #F9C70C;
}

.navbar a.active {
  background-color: #4CAF50;
}

@media screen and (max-width: 500px) {
  .navbar a {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
  }
}
.Options_ul
  {
    list-style: none;
  }

 .box
    {
      background-color: #fff;
      margin: 0% 0;
      padding: 2% 2%;
    }
    .h1_tag
    {
      background-color: #b10501;
      font-size:22px;
      padding: 10px 15px;
      color: #fff;
    }
    .h2_tag
    {
      font-size:22px;
    }
    .img_tri
    {
      width: 100%;
    }
    .ul_rectangle li
    {
      list-style-type: none;
          color: #757575;
    }
    .sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

.img_banner
    {
      width: 100%;
    }
    @media (min-width: 0px) and (max-width: 768px)
    {
      .mobile_baner
      {
        display: block;
      }
      .desktop_baner
      {
        display: none;
      }
    }
    @media (min-width: 769px)
    {
      .mobile_baner
      {
        display: none;
      }
      .desktop_baner
      {
        display: block;
      }
    }