body {
      margin: auto;
      cursor: url(../img/cursor.png), default;
    }

    .bg-pink-dark {
      background-color: #9C086B;
    }

    .bg-pink-normal {
      background-color: #C20282;
    }

    .bg-pink-extra-dark {
      background-color: #7D0756;
    }

    .box1 {
      min-height: 150px;
    }

    .pad2 {
      padding: 2px 2px;
    }

    .pad10 {
      padding: 10px 10px;
    }

    .pad20 {
      padding: 20px 20px;
    }

    .margin5 {
      margin: 5px 5px;
    }

    .widgets {
      display: flex;
      justify-content: space-around;
    }

    .bg-imp-green {
      background-color: chartreuse;
      color: black;
    }

    .bg-imp-yellow {
      background-color: yellow;
      color: black;
    }


    .imp {
      font-size: 20px;
      font-style: italic;
    }

    .abt-text {
      font-family: sans-serif;
      font-size: 16px;
    }

    .canvas {
      background-image: url('http://bethlehemhostel.in/img/canvas.jpg');
      background-repeat: repeat;
    }

    .text-white {
      color: #fffff;
    }

    .text-pink-dark {
      color: #9C086B;
    }

    .text-pink-normal {
      color: #C20282;
    }

    .text-pink-extra-dark {
      color: #7D0756;
    }

    .margin3 {
      margin: 3px;
    }

    .margin5 {
      margin: 5px;
    }

    .btn-beth {
      background-color: #C20282;
      color: #ffffff;

    }

    .btn-beth:hover {
      background-color: #9C086B;
      color: #ffffff;

    }

    .foot-font {
      font-size: 20px;
    }

    .foot ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .foot ul li {
      list-style: none;
      display: block;
      color: #fff;
      padding: 2px 2px;
    }

    .foot ul li a {
      text-decoration: none;
      color: #fff;
    }

    .foot ul li a:hover {
      text-decoration: none;
      color: #fff;
      background-color: #650a2d;
      display: block;
    }

    .foot a {
      text-decoration: none;
    }

    .foot a:hover {
      text-decoration: none;

    }

    .box-shadow {
      -webkit-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.75);
    }

    .min-h20 {
      min-height: 20px;
    }

    .min-h50 {
      min-height: 50px;
    }

    .min-h100 {
      min-height: 100px;
    }

    .min-h150 {
      min-height: 150px;
    }

    .min-h200 {
      min-height: 200px;
    }

    .min-h250 {
      min-height: 250px;
    }

    .min-h300 {
      min-height: 300px;
    }

    .min-h350 {
      min-height: 350px;
    }

    .min-h400 {
      min-height: 400px;
    }

    .min-h450 {
      min-height: 450px;
    }

    .min-h500 {
      min-height: 500px;
    }

    .min-h550 {
      min-height: 550px;
    }

    .min-h750 {
      min-height: 750px;
    }

    .min-h1000 {
      min-height: 1000px;
    }

    .min-h2000 {
      min-height: 2000px;
    }

    .navbar {
      background-color: #f9f9f9;
      font-size: 18el;
      font-weight: bold;
    }

    .navbar .navbar-brand {
      color: #c20282;
    }

    .navbar .navbar-brand:hover,
    .navbar .navbar-brand:focus {
      color: #ffffff;

    }

    .navbar .navbar-text {
      color: #c20282;
    }

    .navbar .navbar-text a {
      color: #c20282;
    }

    .navbar .navbar-text a:hover,
    .navbar .navbar-text a:focus {
      color: #ffffff;
      background-color: #c20282;
    }

    .navbar .navbar-nav .nav-link {
      color: #c20282;
      border-radius: .25rem;
      margin: 0 0.25em;
    }

    .navbar .navbar-nav .nav-link:not(.disabled):hover,
    .navbar .navbar-nav .nav-link:not(.disabled):focus {
      color: #ffffff;
      background-color: #c20282;
    }

    .navbar .navbar-nav .dropdown-menu {
      background-color: #f9f9f9;
      border-color: #c20282;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-item {
      color: #c20282;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
    .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
    .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
      color: #ffffff;
      background-color: #c20282;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-divider {
      border-top-color: #c20282;
    }

    .navbar .navbar-nav .nav-item.active .nav-link,
    .navbar .navbar-nav .nav-item.active .nav-link:hover,
    .navbar .navbar-nav .nav-item.active .nav-link:focus,
    .navbar .navbar-nav .nav-item.show .nav-link,
    .navbar .navbar-nav .nav-item.show .nav-link:hover,
    .navbar .navbar-nav .nav-item.show .nav-link:focus {
      color: #ffffff;
      background-color: #c20282;
    }

    .navbar .navbar-toggle {
      border-color: #c20282;
      padding: 5px 5px;
      margin: 0 0.25em;
    }

    .navbar .navbar-toggle:hover,
    .navbar .navbar-toggle:focus {
      background-color: #c20282;
    }

    .navbar .navbar-toggle .navbar-toggler-icon {
      color: #c20282;
      background-color: #c20282;
    }

    .navbar .navbar-collapse,
    .navbar .navbar-form {
      border-color: #c20282;
    }

    .navbar .navbar-link {
      color: #c20282;
    }

    .navbar .navbar-link:hover {
      color: #ffffff;
    }

    @media (max-width: 575px) {
      .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #c20282;
      }

      .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
      .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #ffffff;
      }

      .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #ffffff;
        background-color: #c20282;
      }
    }

    @media (max-width: 767px) {
      .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #c20282;
      }

      .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
      .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #ffffff;
      }

      .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #ffffff;
        background-color: #c20282;
      }
    }

    @media (max-width: 991px) {
      .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #c20282;
      }

      .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
      .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #ffffff;
      }

      .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #ffffff;
        background-color: #c20282;
      }
    }

    @media (max-width: 1199px) {
      .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #c20282;
      }

      .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
      .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #ffffff;
      }

      .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #ffffff;
        background-color: #c20282;
      }
    }

    .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #c20282;
    }

    .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #ffffff;
    }

    .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #ffffff;
      background-color: #c20282;
    }




    .navbar-toggler {
      border-color: rgb(255, 102, 203);
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }





    card-img-top {
      width: 60px;
      height: 60px;
      margin: 0 auto;
      border-radius: 50%;
      overflow: hidden;
    }

    .card:hover {
      -webkit-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 2px 20px 1px rgba(0, 0, 0, 0.75);
      background-color: #9C086B;
      color: #fff;
    }

    .card {
      border: 0px;
    }


    .fes {

      margin: 0;
    }

    .fes ul {
      padding-left: 0;
      margin: 0;
      list-style: none;
      /* columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  list-style: none;*/
    }

    .fes ul li {


      margin: 5px;
      padding: 5px 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

    .fes ul li:hover {


      margin: 5px;
      padding: 5px 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #9C086B;
    }

    .zoom {

      transition: transform .2s;
      /* Animation */
      width: 30px;
      height: 30px;
      margin: 0 auto;
    }

    .zoom:hover {
      transform: scale(3.5);
      /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

    headlink {
      color: #9C086B;
      text-decoration: none;
    }

    headlink h4 a {
      text-decoration: none;

    }

    headlink h4 a:hover {
      text-decoration: none;
      background-color: #9C086B;
      color: #fff;
    }

    //
    ::-webkit-scrollbar {
      width: 10px;
    }

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

    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #C20282;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #9C086B;
      ;
    }

    .img-s {
      margin: 0 auto;
      width: 300px;
    }

    .img-s:hover {
      animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      perspective: 1000px;
    }

    @keyframes shake {

      10%,
      90% {
        transform: translate3d(-1px, 0, 0);
      }

      20%,
      80% {
        transform: translate3d(2px, 0, 0);
      }

      30%,
      50%,
      70% {
        transform: translate3d(-4px, 0, 0);
      }

      40%,
      60% {
        transform: translate3d(4px, 0, 0);
      }
    }


    .hostel-building {
      background: url('../gallery/building1.jpg') no-repeat center center;
      background-size: cover;

      width: device-width;
      height: device-height;
      min-height: 800px;

      /* filter: blur(8px);
     -webkit-filter: blur(8px);*/

    }



    /*Social Icons*/

    .fa {
      padding: 10px 10px;
      font-size: 20px;
      width: 40px;
      height: 40px;
      text-decoration: none;
      vertical-align: middle;
      text-align: center;
      margin: 5px 2px;

    }

    .fa:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white;
    }

    .fa-facebook {
      background: #3B5998;
      color: white;
    }

    .fa-twitter {
      background: #55ACEE;
      color: white;
    }

    .fa-google {
      background: #dd4b39;
      color: white;
    }

    .fa-linkedin {
      background: #007bb5;
      color: white;
    }

    .fa-youtube {
      background: #bb0000;
      color: white;
    }

    .fa-instagram {
      background: #125688;
      color: white;
    }

    .fa-pinterest {
      background: #cb2027;
      color: white;
    }

    .fa-snapchat-ghost {
      background: #fffc00;
      color: white;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    .fa-skype {
      background: #00aff0;
      color: white;
    }

    .fa-android {
      background: #a4c639;
      color: white;
    }

    .fa-dribbble {
      background: #ea4c89;
      color: white;
    }

    .fa-vimeo {
      background: #45bbff;
      color: white;
    }

    .fa-tumblr {
      background: #2c4762;
      color: white;
    }

    .fa-vine {
      background: #00b489;
      color: white;
    }

    .fa-foursquare {
      background: #45bbff;
      color: white;
    }

    .fa-stumbleupon {
      background: #eb4924;
      color: white;
    }

    .fa-flickr {
      background: #f40083;
      color: white;
    }

    .fa-yahoo {
      background: #430297;
      color: white;
    }

    .fa-soundcloud {
      background: #ff5500;
      color: white;
    }

    .fa-reddit {
      background: #ff5700;
      color: white;
    }

    .fa-rss {
      background: #ff6600;
      color: white;
    }



    .dyna {
      color: white;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
    }

    .dyna a {
      text-decoration: none;
      color: white;
    }

    .dyna a:hover {
      text-decoration: none;
      color: white;
    }



    .effect1 {
      -webkit-box-shadow: 0 10px 6px -6px #777;
      -moz-box-shadow: 0 10px 6px -6px #777;
      box-shadow: 0 10px 6px -6px #777;
      background-color: crimson;
      border-radius: 25px;
      color: white;
    }

    .enq-tel {
      color: white;
      font-size: 16px;
      font-weight: bold;
    }

    .enq-tel a {
      text-decoration: none;
      color: white;
    }

    .enq-tel a:hover {
      color: coral;
    }



    /*    */

    @brand-color: #b20000;

    #tcb-testimonial-carousel {
      a {
        color: @brand-color;
      }

      .text-brand {
        color: @brand-color;
      }

      margin-top: 30px;

      .carousel-indicators .active {
        background: @brand-color;
      }

      .no-margin {
        margin: 0;
      }

      .carousel-indicators li {
        border: 1px solid #ccc;
      }

      .carousel-control {
        color: @brand-color;
        width: 5%;
      }

      .carousel-control:hover,
      .carousel-control:focus {
        color: @brand-color;
      }

      .carousel-control.left,
      .carousel-control.right {
        background-image: none;
      }

      .item {
        padding: 15px 40px;
        background: #f8f8f8;
      }

      .media-object {
        margin: auto;
      }

      @media screen and (max-width: 768px) {
        .media-object {
          margin-bottom: 15px;
        }
      }
    }

    .margin-top10 {
      margin-top: 10px;
    }

    /* Tetinominals */

    .testinominal {
      width: 100%;
      /*min-height: 150px;*/
      font-size: 14px;


    }

    .testi-head {
      font-size: 16px;
      font-weight: bold;
      color: darkmagenta;
      text-decoration: none;
    }

    .testi-text {
      font-size: 18px;
      color: black;
      text-decoration: none;
      font-style: italic;
      vertical-align: middle;
      padding-left: 50px;
    }

    .testi-textsection {
      color: darkgray;
      font-size: 40px;
      font-weight: bold;

    }

    .bg-testinominal {
      background-color: antiquewhite;
    }