.top-buffer { margin-top: 30px; }

.hidden {
  display: none;
}

h1 {
    color: #737373;
    margin-top: 10px;
}
.navbar-text {
        position: absolute;
       
        left: 50;
        top: 0;
        text-align: left;
        margin: auto;
        font-size: 20px;
        
        font-weight: 400;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.navbar-text2 {
        position: absolute;
       
        left: 50;
        top: 24;
        text-align: left;
        margin: auto;
        font-size: 13px;
        color: #767676;
        font-weight: 400;
        
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        
    }    
div.row .border { 
  border: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;  
  border-left: 1px solid;  
}
.col-centered{
    float: none;
    margin: 0 auto;
}

.top-section {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  background: #5E7A9B;
  background: -webkit-linear-gradient(top, #355069 0, #5E7A9B 100%);
  background: -moz-linear-gradient(top, #355069 0, #5E7A9B 100%);
  background: -o-linear-gradient(top, #355069 0, #5E7A9B 100%);
  background: linear-gradient(top, #355069 0, #5E7A9B 100%);

  padding-bottom: 20px; }
  .top-section .header {
   
    text-align: left; }
  .top-section .header a {
    text-decoration: none }
    @media (max-width: 991px) {
      .top-section .header {
        margin-bottom: 5px; } }
    .top-section .header h2 {  
      margin-top: 50px;
      font-size: 34px;
      color: #fff;
      line-height: 25px;
      font-weight: 400;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      @media (max-width: 767px) {

        .top-section .header h3 {
          font-size: 24px;
          line-height: 29px; }
          .header h2 {  
          margin-top: 5px;
          margin-bottom: 0px;
          font-weight: 400;
           }
          .header p {  
              margin-top: 0px;
           
              
               }          
           
      
      }
    .top-section .header p {
      font-size: 24px;
      margin-top: 15px;
      color: #F0F0F0;
      font-weight: 400;
      line-height: 25px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .top-section .header li {
      font-size: 24px;
      margin-top: 15px;
      color: #F0F0F0;
      font-weight: 400;
      line-height: 25px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }      
    .top-section .header img {
      float: left;
      margin-top: 45px;
      border: 0; 
      width: 100px;
      height: 100px;
    }

 .navbar.qrrd { 
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  z-index: 999;
  position: absolute;
  width: 100%;
  top: 90; }
  @media (min-width: 768px) {
    .navbar.qrrd {
      background: transparent;
      padding-top: 10px; }
      .navbar.qrrd .navbar-nav > .active > a {
        background: transparent;
        color: #fff; } }
  .navbar.qrrd .navbar-nav > li.dropdown > a .caret {
    border-top-color: #EBEBEB; }
  .navbar.qrrd .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
    font-weight: 500;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    .navbar.qrrd .navbar-nav > li > a:hover {
      color: #fff; 
    color: #fff !important;
    background-color: rgba(247, 245, 246, 0.6);
    border-radius: 4px 4px 4px 4px; 
    }
  .navbar.qrrd .navbar-nav > li.open > a {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 4px 4px 0 0; }
  @media (max-width: 767px) {
    .navbar.qrrd .navbar-nav > li.open ul.dropdown-menu a {
      color: #fff;
      padding: 12px 18px 12px 30px; } }
  .navbar.qrrd .navbar-nav > li ul.dropdown-menu {
    text-align: left;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: none;
    padding: 5px 0 8px 0;
    border-radius: 4px 0 4px 4px;
    border: 0px; }
    .navbar.qrrd .navbar-nav > li ul.dropdown-menu li a {
      color: #fff;
      padding: 10px 18px; }
      .navbar.qrrd .navbar-nav > li ul.dropdown-menu li a:hover {
        color: #e9e9e9;
        background: none; } 
        
 .read-section {
  padding-bottom: 40px;
  min-height: calc(100vh - 259px);
  }      
 .read-section .header {
    text-align: left; }
    .read-section .header h2 {
      color: #555;
      font-weight: 400;
      font-size: 27px; }
      @media (max-width: 767px) {
        .read-section .header h2 {
          font-size: 25px; } }
    .read-section .header p {
      font-size: 17px;
      color: #757575; }
    .read-section .textarea {
      margin-top: 10px;
    }
    .read-section .textarea p {
      font-size: 15px;
      color: #757575; 
      white-space:nowrap;
      vertical-align: middle;
    }
    .read-section .right-sec {
    text-align: center; }
    .read-section .right-sec p {
      text-align: center;
      font-size: 17px;
      color: #757575; 
    
    }
    
    
    
 .bottom-section {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  background: #000000;
  background: -webkit-linear-gradient(top, #000000 0, #000000 100%);
  background: -moz-linear-gradient(top, #000000 0, #000000 100%);
  background: -o-linear-gradient(top, #000000 0, #000000 100%);
  background: linear-gradient(top, #000000 0, #000000 100%);

  padding-bottom: 20px;
  padding-top: 20px;
 
    
    bottom : 0;
    width: 100%;
 
 }
  .bottom-section .header {
   
    text-align: center; }
  .bottom-section .header a {
    text-decoration: none }
    @media (max-width: 991px) {
      .bottom-section .header {
        margin-bottom: 25px; } }
    .bottom-section .header h1 {  
      margin-top: 50px;
      font-size: 34px;
      color: #fff;
      line-height: 25px;
      font-weight: 400;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      @media (max-width: 767px) {
        .bottom-section .header h3 {
          font-size: 24px;
          line-height: 29px; } }
    .bottom-section .header p {
      font-size: 15px;
      margin-top: 15px;
      color: #F0F0F0;
      font-weight: 400;
      line-height: 25px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .bottom-section .header img {
      float: right;
      margin-top: 45px;
      border: 0; }
    
@media only screen and (max-device-width:480px){
           /* styles for mobile browsers smaller than 480px; (iPhone) */
     .top-section .header h1 {  
      margin-top: 5px;
      font-size: 20px;
      color: #fff;
      line-height: 25px;
      font-weight: 400;
      margin-bottom: 0px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
     }
     h1 {
         font-size: 20px;
         margin-top: 5px;
        }
       .top-section .header p {
      font-size: 15px;
      margin-top: 3px;
      color: #F0F0F0;
      font-weight: 400;
      line-height: 15px;
      margin-bottom: 0px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
     }
     .top-section .header img {
      float: left;
      margin-top: 5px;
      margin-right: 15px;
      border: 0; 
      width: 60px;
      height: 60px;
      margin-bottom: 0px;
    }
    .top-section {
      border-top: 1px solid #EAEAEA;
      border-bottom: 1px solid #EAEAEA;
      background: #5E7A9B;
      background: -webkit-linear-gradient(top, #355069 0, #5E7A9B 100%);
      background: -moz-linear-gradient(top, #355069 0, #5E7A9B 100%);
      background: -o-linear-gradient(top, #355069 0, #5E7A9B 100%);
      background: linear-gradient(top, #355069 0, #5E7A9B 100%);

      padding-bottom: 0px; 
    }
}