.InviteScreen {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  /*border:4px solid #fff;*/
  /*border-radius:4px;*/
  float: left;
  margin-right: 25px;
  /*border:1px solid #f3f3f3;*/
  overflow: hidden;
  /*opacity:0;*/
  /*display:none;*/
  background-color: white;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  max-width: 640px !important;
}

.TopBg {
  background-image: url("../Template/TopBg.png");
  width: 100%;
  top: -45px;
  position: relative;
  height: 50%;
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.BottomBg {
  background-image: url("../Template/BottomBg.png");
  width: 100%;
  width: 100%;
  bottom: -50px;
  position: relative;
  background-position: top;
  /*height:40%;*/
  height: 50%;
  background-position: bottom;
  background-size: 105%;
  background-repeat: no-repeat;
}

.InviteSplash {
  /*background-image: url('../Template/splash.jpg');*/
  background-size: cover !important;
  /* max-width: 640px!important; */
}

.InviteHome {
  background-image: url("../Template/home.jpg");
}

.InviteBride {
  background-image: url("../Template/Bride.jpg");
}

.InviteGroom {
  background-image: url("../Template/Personal.jpg");
}

.SponserPage {
  background-image: url("../Template/spo.jpg");
  background-size: 85%;
  background-position: center;
}

.InvitePersonalDesign {
  background-image: url("../Template/PersonalBG.png");
}

.PlanePage {
  background-color: white;
}

.InviteHomeDesign {
  background-image: url("../Template/WelcomBG.png");
}

.InviteContainer {
  width: 100%;
  height: 2000px;
}

.InviteStory {
  width: 320px;
  height: 480px;
  max-width: 320px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: hidden;
  float: left;
}

.StoryPointCanvas {
  width: 35px;
  height: 480px;
  float: left;
}

.StoryPoint {
  width: 34px;
  height: 34px;
  margin-right: 10px;
  /*float:left;*/
  cursor: pointer;
  margin: 10px 0px 0px 10px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.SPIndex {
  background-image: url("../Template/Button/Start.png");
}

.SPHome {
  background-image: url("../Template/Button/Welcom.png");
}

.SPBride {
  background-image: url("../Template/Button/Bride.png");
}

.SPGroom {
  background-image: url("../Template/Button/Groom.png");
}

.SPLocation {
  background-image: url("../Template/Button/Location.png");
}

.SPGallery {
  background-image: url("../Template/Button/Gallery.png");
}

.SPComplements {
  background-image: url("../Template/Button/Complements.png");
}

.Wedding_WelcomeText {
  /*width:100%;*/
  text-align: center;
  font-size: 15px;
  font-family: "Times New Roman";
  top: 205px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  width: 90%;
  margin-left: 5%;
}

.Wedding_WelcomeText_Preview {
  /*width:100%;*/
  text-align: center;
  font-size: 15px;
  font-family: "Times New Roman";
  /*top: 265px;*/
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
}

.Wedding_WelcomeTextDesc {
  width: 90%;
  margin-left: 5%;
  text-align: center;
  font-size: 12px;
  font-family: "Times New Roman";
  /*top: 260px;*/
  margin-top: -5px;
  position: absolute;
  text-transform: uppercase;
}

.WeddingGroom {
  width: 50%;
  float: left;
  padding: 5px;
  /*margin-left:1%;*/
  top: 275px;
  position: relative;
  text-align: center;
  font-size: 20px;
}

.WeddingGroomPreview {
  width: 100%;
  float: left;
  padding: 5px;
  text-align: center !important;
  /*top: 300px;*/
  position: relative;
  text-align: center;
  font-size: 23px;
  padding-right: 8px !important;
  font-family: "Script MT";
  font-weight: bold;
}

.WeddingBride {
  width: 50%;
  float: left;
  padding: 5px;
  /*margin-left:1%;*/
  top: 225px;
  position: relative;
  text-align: center;
  font-size: 20px;
}

.WeddingBridePreview {
  width: 48%;
  float: left;
  padding: 5px;
  text-align: left !important;
  /*top: 300px;*/
  float: left;
  position: relative;
  text-align: center;
  font-size: 23px;
  padding-left: 8px !important;
  font-family: "Script MT";
  font-weight: bold;
}

.WeddingGroomAndBride {
  width: 90%;
  float: left;
  padding: 5px;
  margin-left: 5%;
  top: 225px;
  position: relative;
  text-align: center;
  font-size: 20px;
}

.WeddingRel {
  width: 16%;
  float: left;
  padding: 5px;
  /*margin-left:1%;*/
  top: 225px;
  position: relative;
  text-align: center;
  font-size: 10px;
  padding-bottom: 10px;
}

.WeddingRelPreview {
  float: left;
  padding: 5px;
  text-align: center;
  float: left;
  width: 3%;
  /*top: 300px;*/
  position: relative;
  text-align: center;
  font-size: 15px;
  padding-bottom: 10px;
  font-family: "Script MT";
  font-weight: bold;
}

.WeddingDate {
  text-align: center;
  font-size: 15px;
  font-family: "Times New Roman";
  top: 237px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  width: 90%;
  margin-left: 5%;
}

.WeddingDatePreview {
  text-align: center;
  font-size: 15px;
  font-family: "Times New Roman";
  top: 5px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  width: 90%;
  margin-left: 5%;
}

.WeddingDateDesc {
  text-align: center;
  font-size: 12px;
  font-family: "Times New Roman";
  top: 245px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  width: 90%;
  margin-left: 5%;
}

.WeddingDateDescPreview {
  text-align: center;
  font-size: 12px;
  font-family: "Times New Roman";
  /*top: 320px;*/
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  width: 90%;
  margin-left: 5%;
}

.ConsoleTextBox {
  /*padding:1px;*/
  /*font-size:12px;*/
  /*width:90%;*/
  position: relative;
  /*margin-left:5%;*/
  border: 1px solid #f3f3f3;
  border-right: none;
  border-top: none;
}

.BrideDetailsHead {
  width: 90%;
  float: left;
  padding: 5px;
  margin-left: 5%;
  top: 10px;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  font-size: 16px;
  font-family: Tahoma;
}

.BridePhoto {
  width: 88%;
  float: left;
  padding: 5px;
  margin-left: 6%;
  top: 5px;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  font-size: 11px;
  font-family: Tahoma;
  /*left:15%;*/
  height: 200px;
  background-image: url("../Template/Bride_BG.png");
  background-size: 100%;
  cursor: pointer;
}

.GroomPhoto {
  width: 88%;
  float: left;
  padding: 5px;
  margin-left: 6%;
  top: 5px;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  font-size: 11px;
  font-family: Tahoma;
  /*left:15%;*/
  height: 200px;
  background-image: url("../Template/Groom_BG.png");
  background-size: 100%;
  cursor: pointer;
}

.BridePhotoPreview {
  width: 90%;
  float: left;
  padding: 3px;
  margin-left: 5%;
  top: 10px;
  position: relative;
  text-align: center;
  font-size: 11px;
  font-family: Tahoma;
  /*left:15%;*/
  height: 200px;
  background-size: 100%;
  /*background-image:url('../Template/Bride_PreviewBg.png');*/
  overflow: hidden;
}

.BridePhotoPreview img {
  width: 100%;
}

.VenuePhotoPreview {
  width: 90%;
  float: left;
  padding: 3px;
  margin-left: 6%;
  top: 10px;
  position: relative;
  text-align: center;
  font-size: 11px;
  font-family: Tahoma;
  /*left:15%;*/
  height: 160px;
  background-size: 100%;
  /*background-image:url('../Template/Bride_PreviewBg.png');*/
  overflow: hidden;
}

.VenuePhotoPreview img {
  width: 100%;
  height: auto;
}

.BrideName {
  width: 90%;
  float: left;
  padding: 5px;
  margin-left: 5%;
  top: 10px;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  font-size: 18px;
  font-family: Tahoma;
  /*left:15%;*/
  /*height: 200px;*/
  background-size: 100%;
}

.BrideNamePreview {
  width: 90%;
  float: left;
  padding: 5px;
  margin-left: 5%;
  top: 30px;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  font-size: 24px;
  font-family: Tahoma;
  color: #232323;
  /*left:15%;*/
  /*height: 200px;*/
  background-size: 100%;
  font-family: "Script MT";
  margin-bottom: 6px;
}

.PhotoUploadText {
  top: 46%;
  width: 90%;
  margin-left: 5%;
  font-size: 12px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.PersonalSof {
  width: 90%;
  float: left;
  /*padding: 5px;*/
  margin-left: 5%;
  top: 1px;
  position: relative;
  text-align: center;
  /*padding-bottom: 10px;*/
  font-size: 11px;
  font-family: Tahoma;
  /*left:15%;*/
  /*height: 200px;*/
  background-size: 100%;
}

.SeperateLine {
  width: 60%;
  margin: 5px 0px 5px 20%;
  border-bottom: 3px solid #f3a519;
  position: relative;
  top: 0px;
}

.PersonalSofPreview {
  width: 90%;
  float: left;
  padding: 0px;
  margin: 0px;
  margin-left: 5%;
  top: 20px;
  position: relative;
  text-align: center;
  font-size: 12px;
  font-family: Tahoma;
  /*margin-top:-5px !important;*/
  margin: 8px 0px 8px 5%;
}

*:focus {
  outline: 0;
}

.NoBorder {
  border: none;
}

.InviteScreen p {
  margin: 5px 0px 1px 5%;
  margin-bottom: 0px;
  padding: 0px;
  color: #232323;
}

.VenueBg {
  background-image: url("../Template/VenueBG.jpg");
  width: 90%;
  margin-left: 5%;
  height: 165px;
  background-repeat: repeat-x;
  margin-top: 185px;
  /*position:relative;*/
}

.VenueHead {
  top: 0px;
  position: relative;
  font-size: 20px;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  background: transparent;
}

.VenueLine1 {
  top: 0px;
  position: relative;
  font-size: 12px;
  width: 90%;
  margin-left: 5%;
  background: transparent;
  text-align: center;
}

.VenueLine2 {
  top: 0px;
  position: relative;
  font-size: 12px;
  width: 90%;
  margin-left: 5%;
  background: transparent;
  text-align: center;
}

.VenueLine3 {
  top: 0px;
  position: relative;
  font-size: 12px;
  width: 90%;
  margin-left: 5%;
  background: transparent;
  text-align: center;
}

.VenueLine4 {
  top: 0px;
  position: relative;
  font-size: 12px;
  width: 90%;
  margin-left: 5%;
  background: transparent;
  text-align: center;
}

.VenueDetailsPreviewHead {
  width: 90%;
  float: left;
  padding: 0px;
  margin: 0px;
  margin-left: 5%;
  top: 22px;
  position: relative;
  text-align: center;
  font-size: 18px;
  font-family: Tahoma;
  margin-top: -5px !important;
}

.VenueDetailsPreview {
  width: 90%;
  float: left;
  padding: 0px;
  margin: 5px 0px 5px 5%;
  /*margin-left: 5%;*/
  top: 36px;
  position: relative;
  text-align: center;
  font-size: 11px;
  font-family: Tahoma;
  /*margin-top:-5px !important;*/
}

.VenuewMap {
  /*background-image:url('../Template/Map.jpg');*/
  width: 88%;
  margin-left: 6%;
  height: 150px;
  margin-top: 6px;
}

.RemianderTab {
  width: 88%;
  margin-left: 6%;
  background-color: #d6ceb9;
  text-align: center;
  padding: 5px;
  position: relative;
  cursor: pointer;
}

.GalleryThumb {
  width: 98%;
  border: 1px solid #f3f3f3;
  background-color: white;
  float: left;
  /*height:150px;*/
  margin: 1%;
}

.GalleryUploader {
  width: 80%;
  margin-left: 10%;
  padding: 8px;
  background-color: #d02fb4;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  top: 150px;
  position: relative;
  color: white;
  font-weight: bold;
}

.GalleryThumb img {
  width: 100%;
}

.GCol {
  width: 50%;
  float: left;
}

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

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.ScrollDown {
  top: 90%;
  right: 20px;
  position: fixed;
  background-image: url("../Template/Next.png");
  width: 32px;
  height: 32px;
  z-index: 99999;
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  /*border-radius:16px;*/
  /*box-shadow:3px 3px 3px;*/
  /*background-color:white;*/
}

.ScrollUp {
  top: 90%;
  left: 20px;
  position: fixed;
  background-image: url("../Template/Next.png");
  width: 32px;
  height: 32px;
  z-index: 99999;
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  /*border-radius:16px;*/
  /*box-shadow:3px 3px 3px;
    background-color:white;*/
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.WD_HomeData {
  width: 90%;
  height: 150px;
  position: relative;
  top: -65%;
  margin-left: 5%;
  z-index: 900;
}

.CommentView {
  width: 90%;
  /*border: 1px solid #f3f3f3;*/
  padding: 20px;
  height: 80%;
  /*border-bottom: 1px solid #d6ceb9;*/
  margin-left: 5%;
  overflow: scroll;
  overflow-x: hidden;
  /*overflow-y:hidden;*/
  margin-top: 5px;
  padding-bottom: 10px;
}

.CommentBox {
  width: 90%;
  height: 130px;
  margin-left: 5%;
}

.SendBtn {
  background-image: url("../Template/Send.png");
  width: 32px;
  height: 32px;
  z-index: 99999;
}

.LoaderSplash {
  width: 120%;
  height: 100%;
  background-color: white;
  z-index: 999;
  position: fixed;
}

.LoaderSplashLoader {
  width: 100px;
  height: 100px;
  left: 45%;
  top: 40%;
  background-size: 100%;
  background-position: center;
  position: relative;
  z-index: 9999;
  background-image: url("../Template/reload.gif");
}

.CommentUser {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  margin-left: 2px !important;
  color: #ed2155 !important;
}

.CommentText {
  margin-bottom: 10px;
  text-align: left;
  padding-left: 10px;
  font-size: 12px;
  margin-left: 2px !important;
  margin-bottom: 5px !important;
  border-bottom: 1px solid rgba(101, 101, 101, 0.5);
  padding-bottom: 15px;
}

#scrolling {
  /* Carousel Frame */
  overflow: hidden;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

li {
  float: left;
}

.col-xs-12 {
  float: none !important;
}

#frame {
  background-image: url("../Template/10.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.Seperate {
  width: 50px;
  height: 100px;
  float: left;
}

.NFPostDiv {
  /*border: 1px solid #f3f3f3;*/
  width: 90%;
  margin: 5%;
  margin-top: 20px;
  /*height: 100px;*/
}

.NFPostHead {
  width: 100%;
  padding: 6px;
  background-color: #dc4717;
  font-size: 12px;
  font-family: "Trebuchet MS";
  text-align: left;
  padding-left: 10px;
  border-radius: 3px;
  text-align: center;
}

.NFtxtPost {
  padding: 2px 12px 2px 12px;
  width: 100%;
  border: 1px solid #f3f3f3;
  margin-top: 3px;
  max-height: 150px;
  border-radius: 3px;
}

.NFtxtName {
  padding: 3px 12px 3px 12px;
  width: 100%;
  border: 1px solid #f3f3f3;
  margin-top: 3px;
  max-height: 150px;
  border-radius: 3px;
}

.NFBtn {
  margin-top: 10px;
  padding: 3px 15px 3px 15px !important;
  font-size: 11px;
  font-family: "Trebuchet MS";
}

.NFSeperate {
  height: 5px;
  width: 100%;
  margin-top: 1px;
  border-bottom: 1px solid #d6ceb9;
}

.NFAttachContainer {
  margin-top: 3px;
  width: 100%;
  padding: 10px;
  border: 1px solid #f3f3f3;
  height: auto;
  display: none;
}

.NFThumb {
  width: 100%;
}

.NFThumb img {
  width: 100%;

  height: auto;
  max-height: 250px;
}

.CommentHead {
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: #d02fb4;
  color: white;
}

#GalleryPage {
  padding-top: 80px;
}

#CommentsPage {
  padding-top: 80px;
}

#NewsFeeds {
  padding-top: 80px;
}

.InviteGalImgL {
  border: 8px solid white;
  border-radius: 3px;
  width: 70%;
  float: left;
  margin-left: 30px;
  /*border-left:8px solid #ed2155;
    border-bottom:8px solid #ed2155;*/
  box-shadow: 3px 5px 5px #656565;
}

.InviteGalImgR {
  border: 8px solid white;
  border-radius: 3px;
  width: 70%;
  margin: -30px 30px -30px -15px;
  float: right;
  /*border-right:8px solid #ed2155;
    border-top:8px solid #ed2155;*/
  box-shadow: 3px 5px 5px #656565;
}

.AddComment {
  width: 80px;
  height: 80px;
  background-image: url("../Assest/Slice/Add.PNG");
  background-size: 100%;
  background-repeat: no-repeat;
  top: -50px;
  right: 10px;
  left: 76%;
  position: relative;
}

#AddRemainder {
  width: 80px;
  height: 80px;
  background-image: url("../Assest/Slice/Calander.PNG");
  background-size: 100%;
  background-repeat: no-repeat;
  top: -50px;
  right: 10px;
  left: 76%;
  position: relative;
}

.PopUpDiv {
  width: 90%;
  margin-left: 5%;
  top: 5%;
  position: fixed;
  /*height:250px;*/
  background-color: white;
  z-index: 99999;
  padding: 20px;
  display: none;
  border-radius: 2px;
}
.overLay {
  background: #141414;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
}
.HelpScreen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  display: none;
}
.AppHelp {
  background-image: url("../Assest/Slice/help.png");
  background-position: center;
  background-size: cover;
}
.AddToHomeHelp {
  background-image: url("../Assest/Slice/AddToHome.png");
  background-position: center;
  background-size: cover;
}
.PlayStore {
  background-image: url("../Assest/Slice/playstore.png");
  width: 175px;
  height: 48px;
  background-size: 100%;
  position: fixed;
  top: 59%;
  right: 75px;
  cursor: pointer;
}
.HelpGotIt {
  width: 100%;
  height: 50px;
  background-image: url("../Assest/Slice/playstore.PNG");
}