/*
---- Table of Content ----
     ________________


-Navigation Bar stylesheet
-footer Bar stylesheet
-Home Page stylesheet
-About Page stylesheet
-Blog Page stylesheet
-single Post Page stylesheet
-Contact Page stylesheet

*/
  
  a,
  a:hover,
  a:focus,
  a:active,
  a.active {
      outline: 0;
  }
  
  body {
      font-family: "Raleway", sans-serif;
      padding-top: 0px;
  }
  /*-- Contact Page Stylesheet --*/
  
  .navrangi {
      background-color: rgba(0, 0, 0, 0.5);
  }
  
  #menu.collapse.navbar-collapse.navbar-right ul.nav.navbar-nav li a {
      color: #fff !important;
  }
  
  #menu.collapse.navbar-collapse.navbar-right ul.nav.navbar-nav li a:hover {
      background-color: #257193;
  }
  
  #contact {
      background-image: url('https://gemosonline.com/media/cross-border-payment.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      color: white;
      padding-top: 10%;
  }
  
  .sizesh>li {
      font-size: 17px !important;
      color: rgb(0, 0, 0) !important;
  }
  
  .bbf {
      background-color: rgba(25, 71, 93, 0.8) !important;
      padding-right: 7% !important;
      padding-left: 7% !important;
      padding-top: 4% !important;
  }
  
  @media(max-width:810px) {
      .bbf {
          margin-top: 19%;
      }
  }
  
  #contact h1,
  #contact h3 {
      font-weight: bold;
  }
  
  #contact hr {
      margin: 0 auto;
      float: left;
      width: 10%;
      height: 4px;
      border: none;
      background-color: #a6e1ec;
  }
  
  #contact p {
      margin-top: 40px;
      margin-bottom: 60px;
      font-size: 17px;
      font-family: "calibri light";
      color: #aaa;
  }
  
  #contact .form-horizontal {
      margin-top: 40px;
      margin-bottom: 50px;
  }
  
  #contact .address {
      margin-top: 29px;
  }
  
  #contact .address p {
      margin-bottom: 40px;
  }
  
  #contact .divider {
      float: none;
      background-color: #aaa;
      width: 80%;
      height: 1px;
  }
  
  #contact .btn {
      margin-top: 20px;
      border-radius: 0px;
      background-color: #5763d8;
      border: solid 2px #5763d8;
      color: white;
      font-weight: bold;
  }
  
  #contact .btn:hover,
  #contact .btn:active,
  #contact .btn:focus {
      background-color: #5763d8;
      border-color: #5763d8;
      ;
  }
  
  #contact input {
      background-color: #fff;
      color: #a6e1ec;
      height: 50px;
      border: solid 1px rgba(0, 0, 0, 0.1);
      border-radius: 0px;
      box-shadow: 0px 0px 3px #f1f1f1;
  }
  
  #contact input:focus,
  #contact input:active {
      background-color: rgba(255, 255, 255, 0.1);
  }
  
  #contact label {
      color: #a6e1ec;
      font-size: 17px;
  }
  
  #contact textarea {
      background-color: #fff;
      border: solid 1px rgba(0, 0, 0, 0.1);
      border-radius: 0px;
      color: #a6e1ec;
      height: 150px;
      box-shadow: 0px 0px 3px #f1f1f1;
  }
  
  #contact textarea:focus,
  #contact textarea:active {
      background-color: rgba(255, 255, 255, 0.1);
  }
  
  #contact .ending {
      margin-top: 50px;
      margin-bottom: 80px;
      border: solid 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 2px #f1f1f1;
      color: #aaa;
      padding-top: 20px;
      background-color: rgb(211, 226, 248) !important;
  }
  
  #contact .ending:hover {
      background-color: rgba(255, 255, 255, 0.1);
  }
  
  #contact .ending .contact i {
      color: #535FD7;
  }
  
  #contact .ending p {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  /*-- End of Contact Page Stylesheet --*/