@font-face 
{ 
  font-family: 'RobotoSlab';
  src: url('../fonts/RobotoSlab/RobotoSlab.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/Roboto.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto.woff') format('woff'), url('../fonts/Roboto/Roboto.ttf') format('truetype'), url('../fonts/Roboto/Roboto.svg#Roboto') format('svg'); 
  font-weight: normal; 
  font-style: normal; 
}

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

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

ul,li,a
{
  font-family: 'Roboto'; 
}
body
{
  background-color: #f1f1f1; 
  font-family: Roboto;
}

.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%; 
  z-index: 99;
}
    .logo
    {
      width: 60%;
    }
    .nav_list
    {
      display: block;
    }
    .nav_ul li
    {
      display: inline-block;
        margin: 34px 2.5%;
        float: left;
        text-align: left;
        font-weight: bold;
    }
    .nav_ul li a
    {
      text-decoration: none;
      color: #000; 
    }
    .call
    {
      text-decoration: none;
      color: #000;
      border-radius: 50px;
      border: 1px solid #000;
      padding: 7px 15px;
    }

    .call:hover,.call:focus,.call:visited
    {
      text-decoration: none;
      color: #000;
    }


    #desktop:after
    {
      content: '';
      background-color: #f00;
      width: 100%;
      height: 2px;
      display: block;
    }
    #desktop
    {
      background-color: #fff;
    }
    .nav_ul
    {
      /*height: 100px;
      line-height: 100px;*/
      text-align: center;
      margin: 0;
    }
    .nav_ul li:after 
    {
        display:block;
        content: '';
        border-bottom: solid 2px #f00;  
        transform: scaleX(0);  
        transition: transform 250ms ease-in-out;
    }
.nav_ul li:hover:after
{ 
  transform: scaleX(1);
}

.nav_ul li:last-child::after
{
  display:none;
}

/*.nav_ul li:hover:last-child::after
{
  transform: scaleX(0);
}*/
.margin_top_bottom_5px
{
  margin-top: 5px;
  margin-bottom: 5px;
}
.offer
{
    position: fixed;
    top: 50%;
    right: 1%;
    background-color: #ff0000;
    border-radius: 100px;
    padding: 12px 10px;
    font-size: 14px;
    z-index: 9;
}
.offer_h1
{
  font-size: 12px;
  color: #fff; 
  text-align: center; 
}
.white
{
  color: #fff !important;
}

.overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 99;
        left: 0;
        background-color: rgb(255, 255, 255);
        overflow-y: hidden;
        transition: 0.5s;
        color: #000;
    }

    .overlay-content {
        position: relative;
        top: 25%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    @media(min-width: 0px) and (max-width: 992px)
    {
      #desktop
    {
      display: none;
    }
    .mobile_nav
    {
      display: block;
      background: #fff;
      border-bottom: 2px solid #f00;
    }
    }

  @media(min-width: 992px) 
   {
      #desktop
    {
      display: block;
    }
    .mobile_nav
    {
      display: none;
    }
    }

    @media(min-width: 0px) and (max-width: 360px) {
        .open {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 33px;
            color: #f00;
        }

        .open:hover, 
        .open:focus {
            text-decoration: none; 
        }
        .overlay .closebtn {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 33px;
            color: #f00;
        }
        .logo
        {
          width: 25%;
        }
        .overlay .closebtn:hover, 
        .overlay .closebtn:focus {
            text-decoration: none; 
        }
    }

    @media(min-width: 361px) and (max-width: 520px) {
        .open {
            position: absolute;
            top: 25px;
            right: 15px;
            font-size: 33px;
            color: #f00;
        }
        .open:hover, 
        .open:focus {
            text-decoration: none; 
        }
        .overlay .closebtn {
            position: absolute;
            top: 25px;
            right: 15px;
            font-size: 33px;
            color: #f00;
        }
        .logo
        {
          width: 25%;
        }
        .overlay .closebtn:hover, 
        .overlay .closebtn:focus {
            text-decoration: none; 
        }
    }

    @media(min-width: 520px) and (max-width: 768px) {
        .open {
            position: absolute;
            top: 35px;
            right: 15px;
            font-size: 43px;
            color: #f00;
        }
        .open:hover, 
        .open:focus 
        {
            text-decoration: none; 
        }
        .overlay .closebtn {
            position: absolute;
            top: 35px;
            right: 15px;
            font-size: 43px;
            color: #f00;
        }
        .overlay .closebtn:hover, 
        .overlay .closebtn:focus 
        {
            text-decoration: none; 
        }
        .overlay-content {
            top: 25% !important;
        }
        .logo
        {
          width: 25%;
        }
    }


  @media(min-width: 769px) and (max-width: 992px) 
  {
        .open {
            position: absolute;
            top: 25px;
            right: 15px;
            font-size: 43px;
            color: #f00;
        }
        .open:hover, 
        .open:focus {
            text-decoration: none; 
        }
        .overlay .closebtn {
            position: absolute;
            top: 25px;
            right: 15px;
            font-size: 43px;
            color: #f00;
        }
        .overlay .closebtn:hover, 
        .overlay .closebtn:focus {
            text-decoration: none; 
        }
        .overlay-content {
            top: 15% !important;
        }
        .logo
        {
          width: 15%;
        }
    }


    /*@media screen and (max-height: 450px) {
        .overlay {
            overflow-y: auto;
        }

        .overlay .closebtn {
            font-size: 40px;
            top: 15px;
            right: 45px;
            color: #f00;
        }
    }*/
    .border_line
    {
      border-bottom: 2px solid #f00;
    }
    .coollink_mobile
    {
      font-weight: bold;
    }
    @media (min-width: 0px) and (max-width: 992px)
    {
      .nav_ul li
      {
        margin: 0px 0%;
        width: 100%;
      }
      .nav_ul li a
      {
        width: fit-content;
        margin: 15px 0;
        font-size: 14px;
      }
      .nav_ul li form
      {
        width: fit-content;
        margin: 15px 0;
        font-size: 14px;
      }
      .nav_ul li a:after 
    {
        display:block;
        content: '';
        border-bottom: solid 2px #f00;  
        transform: scaleX(0);  
        transition: transform 250ms ease-in-out;
    }
    .nav_ul li a:hover:after
    { 
      transform: scaleX(1);
    }

    .nav_ul li a:last-child::after
    {
      display:none;
    }
    }


    .overlay-content {
          position: relative;
          top: 13%;
          width: 100%;
          text-align: left;
          margin-top: 0px;
      }

      .overlay-content a {
          /*padding: 8px 30px;*/
          text-decoration: none;
          font-size: 16px;
          color: #000;
          display: block;
          transition: 0.3s;
      }
      .subscription_form_list
      {
        border: none;
        background-color: transparent;
        color: black;
        font-weight: bold; 
      }

      .subscription_form_list:hover,
      .subscription_form_list:focus,
      .subscription_form_list:visited
      {
        border: none;
        background-color: transparent;
        color: black;
        font-weight: bold; 
        outline: none;
      }
  .center
  {
    text-align: center;
    margin: 0 auto;
  }
  .left
  {
    text-align: left;
  }
  .banner_img
  {
    width: 100%;
  }
  .banner_section
  {
    padding: 10px 0;
  }
  .box
  {
    background: #fff;
    border-radius: 5px;
  }
  ._header
  {
    background-color: #c20501;
    color: #fff;
    padding: 10px 0 10px 30px; 
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
  }
  .padding0lr
  {
    padding: 0px !important;
  }
  .padding15px
  {
    padding: 15px !important;
  }
  .font_size15px
  {
    font-size: 15px; 
  }
  .margin_right_ul
  {
    margin: 0 0 20px 20px;
  }
  @media(min-width: 0px) and (max-width: 768px)
  {
    .desktop_view
    {
      display: none;
    }
  }
  @media(min-width: 769px)
  {
    .desktop_view
    {
      display: block;
    }
  }
  .subscription_form
              {
                    position: absolute;
    top: 10%;
    right: 40px;
    padding: 0 15px;
              }
              .subscription_form_1
              {
                position: absolute;
    top: 40%;
    right: 40px;
    padding: 0 15px;
              }
              .subscription_form_2
              {
                      position: absolute;
    top: 70%;
    right: 40px;
    padding: 0 15px;
              }

              .get-subscription-btn
              {
                background: #1d1b1b;
                  border: none;
                  border-radius: 30px;
                  padding: 8px 40px;
                  font-size: 15px;
                  color: #fff;
                  font-weight: bold;
              }

              .get-subscription-btn_1
              {
                background: #1d1b1b;
                  border: none;
                  border-radius: 30px;
                  padding: 8px 13px;
                  font-size: 15px;
                  color: #fff;
                  font-weight: bold;
              }
              .get-subscription-btn_2
              {
                background: #1d1b1b;
                  border: none;
                  border-radius: 30px;
                  padding: 8px 40px;
                  font-size: 15px;
                  color: #fff;
                  font-weight: bold;
              }

              .get-subscription-btn:hover,.get-subscription-btn_1:hover,.get-subscription-btn_2:hover
              {

                background: #c20501;
                transform: scaleX(1);
                transition: transform 250ms ease-in-out;
              }
              .chapters_links
              {
                text-decoration: none; 
              }
              .chapters_links:hover,.chapters_links:focus,.chapters_links:visited
              {
                text-decoration: none; 
              }

              .footer
    {
      background-color: #2d2926;
      padding: 3% 0 0;
      color: #fff;
    }
    .ul_footer
    {
      text-decoration: none;
      /*margin: 0 0 0 15px;*/
    }
    .ul_footer li
    {
      text-decoration: none;
      list-style-type: none;
      padding: 2px 0;
        font-size: 14px;    
    }

    .footer_ul_li_a
    {
      color: #fff; 
    }

    .footer_ul_li_a:hover,
    .footer_ul_li_a:focus
    {
      color: #fff; 
    }

    .red
    {
      color: #ec4d37;
    }

    .logo_footer
    {
      width: 40%;
      padding: 0px;
    }

    .footer_h5
    {
      color: #E94B3C;
    }

    .icons3
    {
      width: 16px;
        margin-right: 15px;
    }
    .margin_top20px 
    {
      margin: 20px 0;
    }
    .margin_bottom_5px
    {
      margin: 5px 0;
    }
    
    .margin_top30px 
    {
      margin: 30px 0;
    }
    .border_bottom
    {
      border-bottom: 2px solid #f00;
      width: 100%;
    }
    .padding0px
    {
      padding: 0px;
    }
    .tel_a
    {
      color: #fff;
    }
    .tel_a:hover,
    .tel_a:focus
    {
      color: #fff;
      text-decoration: none;
    }
    .margin_top5per
    {
      margin-top: 5%; 
    }
    .input_type
          {
            font-size: 14px;
            background-color: #4a4643;
            color: #fff;
          }
          .footer_btn_submit
          {
    padding: 5px 20px;
    background-color: #ed4c34;
    border: none;
    margin-bottom: 5%; 
          }
          .footer_btn_submit:hover,
          .footer_btn_submit:focus
          {    
  padding: 5px 20px;
    background-color: #c20501;
    border: none;
    margin-bottom: 5%;
          }
          .footer_social_ul
        {
          text-align: center;
          list-style-type: none;
          display: inline-block;
          margin: 10px 0;
        }
        .footer_social_ul li
        {
          text-align: center;
          list-style-type: none;
          display: inline;
          margin: 0 2px;
        }
        .footer_social_icon
        {
          width: 7.5%;
        }
        .copyright
        {
          text-align: center;
            margin: 10px 0;
        }

        /* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.h4_text
{
  font-size: 20px;
    font-weight: bold;
}
.h4_containt
            {
              font-size: 20px;
                margin: 0 0 15px 0;
            }
            .margin0px
            {
              margin: 0;
            }

            .form-control:focus,
            .form-control:hover,
            .form-control:visited
            {
              outline: none !important;
              box-shadow: none !important;
            }
            #name_span,
#mobile_span,
#location_span,
#standard_span,
#board_span
{
  color: #f00;
}
#emessage_green
{
  color: green;
}

#emessage_red
{
  color: #f00;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9c9c9c !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9c9c9c !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9c9c9c !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9c9c9c !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #9c9c9c !important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #9c9c9c !important;
}