.wide-content #main-content.container-fluid {
  padding-bottom: 52px!important;
}

.blurImg {
  height: 100%!important;
}

.blurImg>div {
  height: 100%!important;
  position: initial!important;

}
/* back ground photo */
.new-design #main-container {
  background-image:url(https://tbassetsmedia.s3.amazonaws.com/refer-a-friend/mountain-travellers.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: 60% 50%;
}

/* min height the height of the form */
  #main-container, #main-content {
    min-height: 590px;
  }

.footer-banner {
  height: initial!important;
}

    body.citytrips {margin-top:0px;padding-top:0px;border-top-width:0px;}
    .citytitle h1 {margin:4.46em 0 0 !important;}

    .citytrip-deal-box:hover .ticks {font-size:15px;line-height:22px;
        background-color:rgba(0,0,0,0) !important;    
  background: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6));
  background: -o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6));
  background: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6));
        background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6));}
    
 a.button.yellow:hover {
  background: white !important;
  color: #333 !important;
  border-color: white !important;
}
    .citytrip-deal-box .photo a img {
     padding-bottom: 1px;
}
    
    .title h3::after{background:none !important;

    }

    /* form styling */


        fieldset{border:none;}
        div .control-group{margin-top:20px;margin-bottom:20px;}
        div .control-group:last-child {margin-bottom:0;}

        .formcontainerpadding {
          padding: 100px 48px; 
          position: absolute!important;
          display: table;
          top: 0;}

          .formcontainerpadding .vertical-alignment {
            display: table-cell;
           vertical-align:middle;
          }

          .formcontainer {  
            width: 330px;
            margin-left: -400px;
            left: 50%;
            position: relative;
            padding: 40px;
            background: rgba(255,255,255,0.5);
          }

          .formcontainer h1{
            font-weight: 100;
            margin: 0; 
          }
          .formcontainer input {
            border-radius: 4px !important;
            border: 1px solid #DDDDDD !important;
            outline: 0 !important;
          }
            .formcontainer button {
              border: 0;
              background-color: #25a8e0 !important;
              float:right;
              color:white;
              font-weight: 500;
              padding: 8px 18px !important;
            }


            /* place holder text style */

            .formcontainer ::-webkit-input-placeholder {
                 color: #888888;
              }

             .formcontainer :-moz-placeholder { /* Firefox 18- */
                 color: #888888; 
              }

              .formcontainer ::-moz-placeholder {  /* Firefox 19+ */
                 color: #888888;  
              }

              .formcontainer :-ms-input-placeholder {  
                 color: #888888;  
              }
        
    

    @media screen and (max-width: 960px){

      .formcontainer{  
          margin-left: 0;
          left:0;
        }
      }

      @media screen and (max-width: 499px){

        #main-content {
          background-color: rgba(255,255,255,0.5)
        }
        .formcontainerpadding {
          padding:46px 0;
        }

      .formcontainer{  
          width:100%;
          background-color: initial;
        }

      .formcontainerpadding .vertical-alignment {
        vertical-align:middle; }

        /* min height the new height of the form */
      #main-container, #main-content {
        min-height: 580px;
      }
  }