* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}


/* -------------------------------main-container-css------------------------ */

.Fb-container {
    height: 100vh;
    display: flex;
    flex-direction: column;

}

/* ----------------------------------nav-area-css------------------------------ */

.nav-fb {
    flex: 1;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* --------------------------------nav-right(logo and input css) ------------------------------- */

.left {
    display: flex;
    align-items: center;
}
.search-area {
    padding: 5px 6px;
    border-radius: 30px;
    background-color: rgb(216, 224, 226);
}

.fa-search {
    font-size: 25px;
    color: gray;
}
.search-area input {
    border: none;
    padding: 7px 8px;
    font-size: 16px;
    background-color: rgb(216, 224, 226);
}

.search-area input:focus {
    outline:none;
}

/* -------------------------------nav-mid(mid icons css)------------------------------ */

.mid {
    margin-right: 125px;
}

.mid ul {
    display: flex;
    list-style: none;
}

.mid ul a {
    color: black;
    margin: 0px 5px;
    padding: 15px 18px;
    transition: 00.25s;
}

.active {
    border-bottom: 3px solid black;
}

.active:visited {
    color: blue;
    border-bottom: 5px solid blue;
}

.hover:hover {
    background-color: rgb(241, 241, 241);
    border-radius: 10px;
}

/* -------------------------------nav-right(icons css)----------------------- */

.right {
    display: flex;
    margin-right: 20px;
}

.nav-right {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: rgb(216, 224, 226);
    margin: 0px 4px;
    transition: 0.25s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-nav {
    height: 40px;
    width: 40px;
    margin: 0px 4px;
    border-radius: 100%;
    background-image: url(./pic/547184212_760011576925586_7021730304361916162_n.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.circle-nav:hover {
    opacity: 0.9;
}

.nav-right:hover {
    background-color: rgb(199, 207, 209);
}

.nav-right a {
    color: black;
}

.nav-right img {
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
}

/* --------------------------------------fb-body-css----------------------------- */

.fb-body {
    flex: 10;
    display: flex;
    background-color: rgb(247, 248, 248);
}

/* -------------------------fb-body(right part css)-------------------------------- */

.fb-icons {
    margin-top: 75px;
    height: 88%;
    position: fixed;
    left: 0;
    overflow: scroll;
}

.fb-icons a {
    text-decoration: none;
    color: rgb(36, 36, 36);
}

.fb-icons-flex,
.fa-circle-chevron-down,
.fa-smile-o {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    margin: 0px 5px;
    transition: 0.2s;
}

.fb-icons-flex:hover {
    background-color: rgb(223, 232, 235);
    border-radius: 10px;
}

.icons-name {
    margin: 0px 8px;
    font-weight: bold;
    font-size: 16px;
}

.icons-name h4 {

    margin-top: 15px;
    margin-left: 10px;
    color: rgb(122, 117, 117);
}

/* -----------------------------------------fb-body(mid part css)---------------------------------------- */

.fb-contents {
    flex: 2.5;
    margin-top: 65px;
}

.fb-messanger {
    height: 87%;
    width: 23%;
    overflow: scroll;
    flex: 1;
    scroll-behavior: smooth;
    margin-top: 70px;
    position: fixed;
    right: 0;
}

/* ----------------------------------------midpart(story area css)--------------------------------- */

.story-contents {
    height: 300px;
    width: 700px;
    border-radius: 10px;
    box-shadow: none;
    margin: 0px auto;
    margin-top: 30px;
    background-color: none;
}

.story-head {
    height: 58px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.story-head a {
    color: black;
    text-decoration: none;
}

.story-head h4 {
    padding: 15px 54px;
    color: rgb(122, 117, 117);
    transition: 00.2s;
}

.story-head h4:hover {
    background-color: rgb(241, 241, 241);
    border-radius: 8px;
}

.story-part {
    display: flex;
    margin-left: 10px;
}

.right-arrow-cirlce {
    height: 52px;
    width: 52px;
    border-radius: 100%;
    background-color: white;
    margin: 0px 4px;
    position: absolute;
    top: 75px;
    right: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-arrow-cirlce:hover {
    background-color: rgb(241, 241, 241);
}

.story- {
    height: 200px;
    width: 115px;
    margin: 20px auto;
    border-radius: 8px;
    box-shadow: 0px 2px 3px grey;
    transition: 00.25s;
    position: relative;
}

.story-:hover {
    height: 205px;
    width: 115px;
    opacity: 0.9;
    cursor: pointer;
}

.create-story {
    height: 50px;
    background-color: white;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: 150px;
    position: relative;
}

.create-story:hover {
    height: 55px;
}

.create-story p {
    text-align: center;
    color: black;
    position: absolute;
    top: 25px;
    left: 19px;
    font-size: 17px;
}

.c-s-plus {
    height: 43px;
    width: 43px;
    border: 4px solid white;
    border-radius: 100%;
    background-color: blue;

    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 130px;
    left: 37px;
}

.story-circle-1 {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 4px solid blue;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 10px;
}

.fixed {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.story-circle-2 {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 4px solid blue;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 10px;
}

.story-circle-3 {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 4px solid blue;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 10px;
}

.story-circle-4 {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 4px solid blue;
    background-image: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 10px;
}

#story-1 {
    background-image: url(pic/547184212_760011576925586_7021730304361916162_n.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#story-2 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/487876748_23942873038646962_7027213718083166260_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=833d8c&_nc_eui2=AeF34dF4wM4qIdg2SUfWCUUY_GTOibB6SgH8ZM6JsHpKAUXWA2T1gR9DdS9aTkoPjVQGwceBGXvK106n7am4Eg6O&_nc_ohc=n4BRpuq7MhsQ7kNvwG1GPyC&_nc_oc=AdkBM7GROkHSSHrON8Adl-j09Yp-qCVr0qt3rhC0f-Zd02vYqKa1-v4aH7nDPvsI0RM&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=oa7nmrHzGOp9qP8w5BqS1A&oh=00_Afma96ltFtw5peoSjmkkvmZU95aSttI4b_Py1EflqNkKog&oe=6954ADC8);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#story-3 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/541680622_1224350873065343_2117795422103262002_n.jpg?_nc_cat=103&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeHnRC51CkQp7_bNt2WhglVZ2Ucvissq5UvZRy-KyyrlS8QkcdbbOcAuhPfVdPKTJBTVI7JUxmK0jhGNzCdXI4p9&_nc_ohc=mTmBDHdSkO4Q7kNvwGhB8ON&_nc_oc=AdkADl1WkQ_B0OMSmnZkxXYCaf5OkSenpW7NsLhCY4G3hR423qTUQCGuuwmWnrbfjco&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=Y3Fc5W8muqromr7q6L-ppA&oh=00_Afn2Ne2d697xOJ6F1LeotqeE7iYssevGsYul5oWzhrQtVg&oe=6954B02A);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#story-4 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-6/340080789_940007327040821_3436157344917021173_n.jpg?_nc_cat=1&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeF6_oM7RNPUAg0gx3oPpL1VPiv5Ixole1g-K_kjGiV7WHEy2PLQS2jvTwjK0qw_m7H_dkrLYBu6rHMgLEZF-wDJ&_nc_ohc=n47E1Weqxq8Q7kNvwGyT9RV&_nc_oc=Adl_DtKMyui0KYFqb3QCRAKyEyYB3QZ8JZqIgwdY7gab4NzhYtFC3Z_y9DN3JQAgr_U&_nc_zt=23&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=i6RJWj2lGNHwkE9kjH_4jQ&oh=00_AflyoL-A_Hi7hgdnxzX4w24dy1txMpCxRibTrZ1G9MrpWw&oe=69549785);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#story-5 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-6/589506626_122099254881137557_2888003543809331749_n.jpg?_nc_cat=1&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeF9pKl1yFPntlP_jwffH-mi-HdHhZTnbcn4d0eFlOdtybPy_oZOaZ2T9YzNdRmeU4ZVlJu2uekl4Ahavm_eGpbr&_nc_ohc=eTlKazT1F1wQ7kNvwF56LV9&_nc_oc=AdnoLqztHAvLIWwSwGtr6IjNldbB1qLFMqL8NuJoQwIFcJwqHDyytbthl0exsW4VLYI&_nc_zt=23&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=h_LAA_mafd19_ewiPI4ehA&oh=00_AfnHPN4cH_r8e0c4eoxShHmGRSFLKZ6c8nXKI03KVM0gdg&oe=6954969C);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* -----------------------------------midpart(mypost area css)---------------------------- */

.fst-contents {
    height: 60px;
    width: 680px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px grey;
    margin: 0px auto;
    margin-top: 20px;
    background-color: white;

}

.my-inputs {
    height: 57px;
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.circle-1 {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-image: url(./pic/547184212_760011576925586_7021730304361916162_n.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: 00.25s;
}

.circle-1:hover {
    opacity: 0.9;
    cursor: pointer;
}

.inputs {
    padding: 12px 0px;
    padding-right: 250px;
    margin: 0px 6px;
    border-radius: 20px;
    border: none;
    background-color: rgb(216, 224, 226);
    font-size: 16px;
    color: grey;
}

.inputs:hover {
    cursor: pointer;
}

.inputs p {
    margin: 0px 8px;
}

.gallery {
    height: 57px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.g-part {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 15px;
    border-radius: 8px;
    transition: 00.25s;
}

.g-part:hover {
    background-color: rgb(241, 241, 241);
}

.g-part a {
    text-decoration: none;
}

.g-part h4 {
    color: grey;
    margin-left: 7px;
}

/* ---------------------------------midpart(post area css)----------------------------- */

.post-1 {
    width: 650px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px gray;
    margin: 0px auto;
    margin-top: 10px;
    background-color: white;
}

.post-head {
    
    height: 600;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.p-head-icon {
        margin-left: auto;
}

.p-head-img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 2px solid blue;
}

#p-head-image-1 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-6/326600233_732115255217816_2766056807227283065_n.jpg?_nc_cat=1&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeFwzsgy9Ni-an_Z_wMJpUzDd3RMZhAn2qN3dExmECfaoyZ8WGb6bbCmkJ3PNRGlTJ6QrGu0XPLSCKSZFzyIrMMf&_nc_ohc=YlW32tDetocQ7kNvwHPO2We&_nc_oc=Adm-VrvZYdHVDDsItAkGSIViGPkutUbB3Ujj49KD1WneewsFusayBDctfJdQV0B7BPA&_nc_zt=23&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=cLiV8-kOhnHP7ueUVw4hmw&oh=00_AfklaM6SPoBdf3cvk6sqE1FHxKz7xp5ZzL2mlNTCDGvTwA&oe=69548BF1);
    background-repeat: no-repeat;
    background-size: 35px;
    height: 10;
}

#p-head-image-2 {
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
}

#p-head-image-3 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/541746409_122165560886793125_6518292954203668294_n.jpg?_nc_cat=1&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeFaAPEwEwpYsjcvnRUAMmfVmbJNDUm7MTKZsk0NSbsxMgKuvkTx4Vvzgs6B9T68_Rwm6cFMKJ8UTVMu7rK4A1_P&_nc_ohc=HUHkpQBwxwEQ7kNvwF16rHN&_nc_oc=Adky5uCVLAOGG1TgY_iSKLME6NMuUAnQL9O0HORYtwhv4-EOWRi_TpK5lvGADIXzgsY&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=Z7kZuznvI1JnBgHErLK38g&oh=00_AfkO6JAqbK2yLUQrcZTvunhj7RCNtovqekibPr6MAzAtLQ&oe=6956048B);
    background-repeat: no-repeat;
    background-size: cover;
}

.p-head-img:hover {
    opacity: 0.9;
}

.p-head-heading a {
    color: black;
    text-decoration: none;
}

.p-head-heading h4 {
    margin-left: 7px;
    margin-bottom: 5px;
}

.p-head-heading h4:hover {
    text-decoration: underline;
}

.p-head-heading h5 {
    color: grey;
    margin-left: 7px;
}

.post-para {
    height: auto;
    margin: 0px 15px;
}

.post-emoji {
    margin: 5px 0px;
    margin-left: 10px;
}

.post-image {
    height: 450px;
}

#post-image-1 {
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#post-image-2 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/607953339_1198905875735143_6916304104852332571_n.webp?stp=dst-jpg_tt6&_nc_cat=103&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeFYq1rLSWFXh-BROYhhINZT_foS4ibYpfn9-hLiJtil-Ux_WJSGvtmBHbD8vXPhmMXxT9k92S5dqQEmfRAQsald&_nc_ohc=wIrFGYHWxMMQ7kNvwGSFXHU&_nc_oc=AdmjkB3fe_lQBCpGd_eCeN9NpUfJ2dYWcEWhXY6uEgHCGbhh3fNlJ3uPcPD6u4Jur0Q&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=oPTLfm5Lrl1YzcpFF4Md6Q&oh=00_AfkktyP_fzcrvXqZvnzwV4lkGGeYyfBTsp8f3v_VWMcC9g&oe=695628D8);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#post-image-3 {
     background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-6/601913325_122188039502793125_4977169017870689155_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeEZ_BDKompPOhlWb_ZD50VizFOV3AEpvxHMU5XcASm_EVSJIUMrJO6Io9CCaZe7diNLW-kSlDDtWmXIxhO5H1jV&_nc_ohc=4HiKPrv-WYwQ7kNvwF6Jd6X&_nc_oc=AdlV14vPEH9uQ0CSAQ3kVsrgrYSJaZR0T_fohQ9voXgjyetVYxHiNlk2XenOzgxM_68&_nc_zt=23&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=yMy-frhwdd8cvTG20ObKjA&oh=00_AfmgxPRKLPZU9SiHLt0EKa8fx17d9mDTpt6Bt_XcQ5FbiQ&oe=6956052D);
    
    background-repeat: no-repeat;
    background-color: rgb(248, 228, 172);
    background-position: 100px;
    background-size: contain;
}
.post-like {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-like-emoji div {
    margin-left: 10px;
}

.p-like-emoji div a {
    color: gray;
    text-decoration: none;
}

.p-like-emoji div a:hover {
    text-decoration: underline;
}

.p-like-no a {
    display: flex;
    color: gray;
    text-decoration: none;
}

.p-like-no p {
    margin: 0px 8px;
}

.p-like-no p:hover {
    text-decoration: underline;
}

.p-like-section {
    height: 45px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.p-like-part {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 25px;
    transition: 00.25s;
}

.p-like-part:hover {
    background-color: rgb(241, 241, 241);
    border-radius: 10px;
}

.p-like-part a {
    text-decoration: none;
    color: gray;
    margin: 5px;
}

.post-2 {
    width: 650px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px grey;
    margin: 0px auto;
    margin-top: 30px;
    background-color: white;
}

.post-3 {
    width: 650px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px grey;
    margin: 0px auto;
    margin-top: 30px;
    background-color: white;
}

/* -----------------------------fb-body(left part css)-------------------------------- */


.mess-contact {
    display: flex;
    justify-content: space-between;
    margin: 15px 10px;
}

.mess-contact a {
    text-decoration: none;
}

.contact-head h4 {
    color: rgb(114, 112, 112);
}

.contact-icons {
    margin-top: -6px;
    margin-right: 8px;
}

/* ----------------------messenger circle for all image------------------------- */

.messenger-contact {
    margin-bottom: 15px;
}

.messenger-contact a {
    color: black;
    text-decoration: none;
}

.mess-icons-flex {
    display: flex;
    align-items: center;
    padding: 8px 5px;
    margin: 0px 5px;
    transition: 0.2s;
}

.mess-icons-flex:hover {
    background-color: rgb(223, 232, 235);
    border-radius: 10px;
}

.circle-2 {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    position: relative;
}

#mess-img-1 {
    background-image: url(data:image/jpeg;base64,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);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-2 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-1/514316374_587707274392933_4125537876504067099_n.jpg?stp=dst-jpg_s100x100_tt6&_nc_cat=111&ccb=1-7&_nc_sid=e99d92&_nc_eui2=AeFBUZ_qtHqBdEvEF1k4DtSC7WTSEDrXriztZNIQOteuLHxJW1vDY7ZNAe_vbl-1451MMJlNuRuxZRaM9c5yr9lY&_nc_ohc=2ZoiH0xerd0Q7kNvwGCtIoc&_nc_oc=AdmBg6fbw_kRdyn22rl9kVw-P9U9Qfy5qE-LTvMiZHpTloHNqE-4NHhZLhGipkb2PS8&_nc_zt=24&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=_lItzZlUY4CmoRGnI2OTvQ&oh=00_AfkU9NO9dTAAIxeLgMjJadjqvXgMXczER3cJEmZx6-cMUg&oe=6954A975);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-3 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-1/590920353_122234024360252193_6195935113330350908_n.jpg?stp=dst-jpg_s100x100_tt6&_nc_cat=110&ccb=1-7&_nc_sid=e99d92&_nc_eui2=AeHK5WqrxyJDV0LdxL-1rQHV87W1_nrTCwjztbX-etMLCD3sDC3Y5ql-9qxfwTaX4tpkp18vvJnT-QdNOPMGqW8N&_nc_ohc=Y7yC3S9QUMIQ7kNvwGAwByx&_nc_oc=AdnQR9lqpdgIvGGBEDoZQ3i6lhihdtEc6n0stVBIcvD_GXITP02FDazYII-DrZmVVfg&_nc_zt=24&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=L1o7ZA72190hwvQ5XphNpg&oh=00_Afnph4qrS3qf3VvjJvsSoPLVojxnJ5YWvEStZEgP1QlbVQ&oe=6954AB95);
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid blue;
}

#mess-img-4 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-1/589138712_122183095370389033_2293074780002919840_n.jpg?stp=dst-jpg_s100x100_tt6&_nc_cat=101&ccb=1-7&_nc_sid=e99d92&_nc_eui2=AeHOfDcFZ7-9tP2W1Vn2WD5-0ekl5o8UD1zR6SXmjxQPXJS9ziA5zxwH54N6wgJeeMevh4uHMrnCXhgjX4F-M0iL&_nc_ohc=-qa9TmRc05YQ7kNvwFqNNXZ&_nc_oc=AdnsMZYYNccK6IBNNdl7lxsz1dBblGbfWIKBLJvVMzkmvPwNFQlDwDZ6RGL6zQ4SBBI&_nc_zt=24&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=KEX61R56xt5mc1AjfXGNig&oh=00_AfkcZjuBKQMlNl_dqb0Iedc9JiRm4s0zKCFAmNxyBtBFrg&oe=69549BD7);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-5 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-1/306482333_392407059763398_1378514840800835305_n.jpg?stp=dst-jpg_s200x200_tt6&_nc_cat=100&ccb=1-7&_nc_sid=e99d92&_nc_eui2=AeG6i0PsjkkJFp7Qj1-u-e9ukaEtl5PretCRoS2Xk-t60A5p2t38Kp0eE9JW-VPn348nAY08wR0DW9Q-z9YLDg9B&_nc_ohc=0xneUn6M4-8Q7kNvwEqU9u1&_nc_oc=AdkA3BjDueOpduwXltlS--HfGW4cKLyo4VQSbNZUSqvnTCsDKgQ5ZvuN25xdiWccjog&_nc_zt=24&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=y9lIBncFjks7DweuavsxsA&oh=00_AfnS_xR-fAQw1FpdA3dpmpClWvwx5bYY3hoVSr8xkKOvwQ&oe=6954AED3);
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid blue;
}

#mess-img-6 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-1/471201739_581955724542107_5902828649663109970_n.jpg?stp=c0.0.1024.1024a_dst-jpg_s200x200_tt6&_nc_cat=103&ccb=1-7&_nc_sid=1d2534&_nc_eui2=AeHAZxIdrPO3pYKPcphsxFNSkQegOlUv1WCRB6A6VS_VYHopoNaQ4IFwBPxLa4J_5HUdDkdUpuD9FT3AVULwKeMG&_nc_ohc=MBjRE4WwekkQ7kNvwFth5Ln&_nc_oc=AdkTNJ6bn8JjMEBHywBrSAY_qAf9ec-1uKr2LbgGDUBcR7Fo5t9QdaxPQKtIZMD_r_A&_nc_zt=24&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=aB9ajb6YX5eDYiqIDbFQAw&oh=00_AflnaMfCDL7yEw5cYMtC0lFHz712uf8x19OT6B-Ep33E8A&oe=6954A8AE);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-7 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-1/509278070_122163833012503972_211348969268330700_n.jpg?stp=cp0_dst-jpg_s60x60_tt6&_nc_cat=109&ccb=1-7&_nc_sid=1d2534&_nc_eui2=AeHugUmZwvUHu4Xpji42SaZ4qxWAEnaLxZmrFYASdovFmf-KDY5-0DtVZ5jhuJU7xGr7mF7wo_RWjW7cGM5Vtrwf&_nc_ohc=qFsaZtCUN5wQ7kNvwHw4stD&_nc_oc=Adm4Z_r-XHlCONCuA881E9hpInOmWrfe1kW2fJj9hYaN78XHaDq2yDCgse3A7D_zPe0&_nc_zt=24&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=r4LarMEKOUCQE5UUMU1EHw&oh=00_AfmpKlJZuEkaFAjHqjkS-edXMu-de55P_o4-tBJ3_vJk_w&oe=6954A28B);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-8 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-1/413008591_122098052192162224_4960203744312409024_n.jpg?stp=cp0_dst-jpg_s60x60_tt6&_nc_cat=102&ccb=1-7&_nc_sid=e99d92&_nc_eui2=AeHCa9rGyelMp0ccrMYqkiRlYst5eh9ldvpiy3l6H2V2-kyKMhqyL-dUd5co5bbYobYuLV3PR1FSf-LoUlyEgpcB&_nc_ohc=iEDtgNXgsFMQ7kNvwEURZI6&_nc_oc=Adm_3luumGe0Lok3PdZl9_Q-oBDkn9A1C3lvd5areC6bTp8Bq363sSxs2nu3e8U2zzc&_nc_zt=24&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=tkcK_IkLjvCrQ_bhwV8tcw&oh=00_Afm674fp50DDeVTSGad6Wp7PZ4vF2VDF87wLMudf0MbPbw&oe=6954AA27);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-9 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t1.6435-1/66418917_2284035191913244_2691047209968861184_n.jpg?stp=dst-jpg_s100x100_tt6&_nc_cat=108&ccb=1-7&_nc_sid=e99d92&_nc_eui2=AeE35WG5LSNOixhexSX5a5f4-mxUWxIEG5T6bFRbEgQblIvMgjOF1CVLhckdnVU1ShBCLNM3AUZTPXrAgcQO9B-q&_nc_ohc=TR0usvw_Q1sQ7kNvwHvzZDf&_nc_oc=Adna9JD2GXkOSHJPh-H-E-pNR_gAkU9pnKQ345UuGMMzDghEq6Z78MdKxKk9uVQVP48&_nc_zt=24&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=_YrHrYrx_rJMDHIisntXLw&oh=00_Afn9BjXMDJqA63mtkBgIOUNaHOnRKrlbCr2PPH-4v4gI6w&oe=6976672F);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-10 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-1/511190893_703429782749805_6009307851595997341_n.jpg?stp=cp0_dst-jpg_s60x60_tt6&_nc_cat=100&ccb=1-7&_nc_sid=1d2534&_nc_eui2=AeHH8PYLuv2YHQmnwchrNBV3xGQuzzEIehvEZC7PMQh6GznS0ovjsYUVi_wnvuZ-vryJ61fCEmRrXspg5Uy9PQMq&_nc_ohc=Bg5ZNX2fUFIQ7kNvwHnAi36&_nc_oc=AdnZGUY1KWw2kntPXLGJ1D85X5Y2QG5F5LsvzxFDe1WiXol5qxT931gN-md-cVim4Fg&_nc_zt=24&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=xXfczKqzr8RrFdwW4sOxRQ&oh=00_AfkG8_BZ4TXpDZ-TwFqbpnr0ptsVHsasnVkYfYX8VDVm8g&oe=6954BF19);
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid blue;
}

#mess-img-11 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/449997146_393515837068398_2414591635213377718_n.jpg?stp=c51.0.616.616a_cp0_dst-jpg_s64x64_tt6&_nc_cat=103&ccb=1-7&_nc_sid=33e84f&_nc_eui2=AeGA0wA411W0QT_FNmzqq45fapbUFrI48qpqltQWsjjyqqXA1ZMML3yjmY4dWLTTaMxH-ZZUXVd-cBtQU4O7ay3w&_nc_ohc=SWI9I8idNfEQ7kNvwGaq1rV&_nc_oc=AdkO591eww_DMnucJ5RUHStna8q96GtoCz7R6sw37liELIZ-ANvYd7VpTlTMjMUafaY&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=GRbclXTEimPnzY9-1-F_Hw&oh=00_AflALYCO8z8OknvEfG-RsrBWez8H9i5mval2lK_FovNDAQ&oe=6954A066);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-img-12 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-1/505477401_122257666274211129_5487143646854722541_n.jpg?stp=cp0_dst-jpg_s60x60_tt6&_nc_cat=110&ccb=1-7&_nc_sid=1d2534&_nc_eui2=AeEb1ok_1JVPtIWAtXHLBOa946IXLArIm_HjohcsCsib8X9T-hE8Z68LI8_K4AweTlobqjQ-Kk4_5xAYAa2zCFZK&_nc_ohc=Ta9zsS9rV_sQ7kNvwHvMiZJ&_nc_oc=AdnWlY554XyB8RH2LYv54rA_1a0oXxHiK28USAc3rMaNnlGh4vpKoO7OmWoYq3qH_PM&_nc_zt=24&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=GfAlPa9qamJiJ9cvX5Esgg&oh=00_AflWP1fO97q91dvlauwsfNKJ8uauZkrpj86nXvlLEi9Q4A&oe=6954B326);
    background-repeat: no-repeat;
    background-size: cover;
}

/* ----------------------messenger Group Css----------------------------- */
.messenger-group a {
    text-decoration: none;
    color: black;
}

.Group-heading h4 {
    color: gray;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 15px;
}

#mess-group-p1 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t1.6435-9/93407187_10158204381442962_7146366714828029952_n.jpg?stp=c143.0.429.429a_cp0_dst-jpg_s64x64_tt6&_nc_cat=107&ccb=1-7&_nc_sid=33e84f&_nc_eui2=AeE1bCrYaTr6IUGHduZHqOokj7jnVJFbGmuPuOdUkVsaa8pteXk7zqiMdsHNg8ajZhyA99ZAuDOvhzjdlmQhkMAG&_nc_ohc=-9ixBTaMWW4Q7kNvwET8GJB&_nc_oc=AdkaMHxGIbVMtD280B26wii4jxzU_onJkYP7l1T5UVcIo8hzmlNBK3Sb_0K1aM1SmHE&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=M86zR0O9N-hVQR2vvj4wVw&oh=00_AfnW-vRTasWphRxa8Ofyk1PFwffPomLjxWf53iEPcNwLhA&oe=69766D3A);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-group-p2 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/445191776_122106597230329138_4808482670206579114_n.jpg?stp=c41.0.638.638a_cp0_dst-jpg_s64x64_tt6&_nc_cat=1&ccb=1-7&_nc_sid=33e84f&_nc_eui2=AeGEmdzlwR90Vu3_angtp5iY1uca5v3YeNnW5xrm_dh42QSDBFoxRUg-bQ53qFzwF0GG5XkqaXP58C3qZhzx6AMF&_nc_ohc=G0mBGA3023oQ7kNvwH13tK6&_nc_oc=Adk9EaCIr_FHDvDyFeN2IlPU_w58YeXsybpdj9trkwH3y-f9bokzsY1yCeZpO3vACdo&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=vsFz9cXfnoIH7LJVL6ZwQA&oh=00_Afk0oTaAyJSgOmpPVXl4WHS32PL4nM_iNziw8_Q7Y3L1dA&oe=69549BB1);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-group-p3 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/265986203_4736433053080110_1822651780570053888_n.jpg?stp=c42.0.876.876a_cp0_dst-jpg_s64x64_tt6&_nc_cat=100&ccb=1-7&_nc_sid=33e84f&_nc_eui2=AeE2SFD56CN09RfY1sI5hdYBUodAGbvWGbhSh0AZu9YZuK7_b1HllOlbKy5xUb34AHC2tfHTb0kIR9NHGKPaw2JD&_nc_ohc=p6oa9NAW0FsQ7kNvwH3euMe&_nc_oc=AdkwNjcUlz4qN4AlgjrhfrdjhWZbA70RlgynqRTRaphw-dIHBO0fgFw-CV2Tq_5p0J8&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=cWA2LDmcP4lk_UKi6X1pRg&oh=00_AfnT8AIiQp3bbf7RVB5JQ5bQVceX6-TXuAjyRM3OOdki2w&oe=6954B48A);
    background-repeat: no-repeat;
    background-size: cover;
}

#mess-group-p4 {
    background-image: url(https://scontent.fkhi16-2.fna.fbcdn.net/v/t39.30808-6/444769804_350372104737628_2288906522427119910_n.jpg?stp=c132.0.438.438a_cp0_dst-jpg_s64x64_tt6&_nc_cat=1&ccb=1-7&_nc_sid=33e84f&_nc_eui2=AeEIvCWKL--KX64JLGQrc4qPgarhbUssHA6BquFtSywcDvjZQfTO3z5Ms_onzq0QhG-WMqPGqY7yLWmS9y6rMvbz&_nc_ohc=8lTKt-UwqAYQ7kNvwGacz2-&_nc_oc=AdlmhPWYCv3WHBkEICaQUdYv0ZM_6anTuKjLDUptqlT55AfILmAQEceFvjqPE88RBvw&_nc_zt=23&_nc_ht=scontent.fkhi16-2.fna&_nc_gid=opUY5SUUe0GYtZq5oEbT4w&oh=00_AfmayPAVAsdfV5kgy8BSlzfjAMGztR7XBa67MVSm9PyrRQ&oe=6954AA27);
    background-repeat: no-repeat;
    background-size: cover;
}
#mess-group-p5 {
    background-image: url(https://scontent.fkhi16-1.fna.fbcdn.net/v/t39.30808-6/432274506_122119063340226721_3677608337499506491_n.jpg?stp=c113.0.281.281a_cp0_dst-jpg_s64x64_tt6&_nc_cat=100&ccb=1-7&_nc_sid=33e84f&_nc_eui2=AeFCmOQRKUhMPMSH9PVs-Zot-29bn0xOh0j7b1ufTE6HSPgMnwYfVH2CZhuypIrFU-ll9Fk7gdoUnVJmn--rzkmB&_nc_ohc=dRDlRTIDysAQ7kNvwE6pjVH&_nc_oc=Adlg8Izp47-WAqtoU9027UqxrB_x3nB5QgFOP_DlE5tHnebxZKENFBTLWaBHb5yyt6k&_nc_zt=23&_nc_ht=scontent.fkhi16-1.fna&_nc_gid=KTvWzXUaAsaNEkEEW0KdTA&oh=00_AfmogYeUF0R4bVy-RjnEWBXOnIPEVSC13lNYtXhFdZ6_7A&oe=6954A216);
    background-repeat: no-repeat;
    background-size: cover;
}
/* -----------------------------nav-left-css------------------------/ */
.logo img {
    height: 46px;
    margin: 5px 8px;
}

/* --------------------------all-icons css--------------------------------- */

.fa-ellipsis-vertical,
.fa-facebook-messenger,
.fa-bell {
    font-size: 18px;
}

.fa-house,
.fa-caret-square-o-right,
.fa-shopping-basket,
.fa-users,
.fa-plus-square-o {
    font-size: 23px;
    margin: 0px 25px;
}

.fa-circle-chevron-down,
.fa-smile-o {
    font-size: 18px;
    margin: 5px 5px;
}

.fa-plus {
    color: white;
    font-size: 25px;
}

.fa-plus-circle {
    font-size: 21px;
    margin: 0px 7px;
}


.fa-chevron-right {
    color: gray;
    font-size: 20px;
}

.fa-video-camera {
    color: rgb(192, 36, 36);
    font-size: 22px;
    opacity: 0.9;
}

.fa-file-image-o {
    font-size: 22px;
    color: green;
    opacity: 0.8;
}

.fa-face-smile {
    color: rgb(221, 182, 8);
    font-size: 25px;
}

.fa-ellipsis {
    font-size: 22px;
    color: gray;
    margin-left: 300px;
    padding: 7px 9px;
    transition: 000.25s;
}

.fa-ellipsis:hover {
    background-color: rgb(241, 241, 241);
    border-radius: 100%;
}

.fa-thumbs-o-up,
.fa-comment,
.fa-share {
    font-size: 22px;
    color: gray;
}

.fa-gift {
    color: #56c0eb;
    font-size: 20px;
    margin-right: 10px;
}

.fa-video,
.fa-magnifying-glass,
.fa-ellipsis-h {
    color: gray;
    font-size: px;
    padding: 9px 9px;
    transition: 000.25s;
}

.fa-video:hover,
.fa-magnifying-glass:hover,
.fa-ellipsis-h:hover {
    background-color: rgb(241, 241, 241);
    border-radius: 100%;
}

.circle {
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background-image: url(./pic/547184212_760011576925586_7021730304361916162_n.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.copy-right {
    color: rgb(223, 232, 235);
    margin: 5px 10px;
}

.all-p {
    color: white;
    position: absolute;
    top: 170px;
    left: 7px;
}

.all-p-I {
    color: white;
    position: absolute;
    top: 140px;
    left: 7px;
}

.line {
    border: none;
    height: 1px;
    background-color: lightgrey;
}

.show-online {
    height: 9px;
    width: 9px;
    border: 1px solid white;
    border-radius: 100%;
    background-color: rgb(19, 179, 19);
    position: absolute;
    top: 20px;
    right: 0px;
}




@media only screen and (max-width: 800px) {
    .fb-icons,.fb-messanger{
        display: none;
    }
    
    .logo{
        display: none;
    }
    .search-area{
        display: none;
    }

    .right{
        display: none;
    }

    .nav-fb{
        height: 75px;
    }

    .mid{
        margin: auto;
    }
  }