.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;
    width: 100%;
}

.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.50);
    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:.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');
}