@font-face {

    font-family: 'DINPro';

    src: url('../fonts/DINPro-Regular.woff2') format('woff2'),

        url('../fonts/DINPro-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

*{margin:0px;padding:0px;}

html, body{

    width:100%;

    height:100%;

}

body{font-family:'DINPro' !important;}

.no-padding{padding:0px !important;}

.base-wrapper{

    display: flex;

    flex-direction: column;

    background:url('../images/login-bg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

    height:100%;

}

.floatcenter-wrap{

    justify-content: center;

    align-items: center;

}

.floatcenter-block{

    flex-direction:column;

    background-color:#fff;

    box-shadow:0px 3px 3px rgba(0,0,0,0.5);

    border-radius:8px;

    padding:60px 40px;

    width:480px;

    height:auto;  

}

body .report-sec { padding : 18px 20px!important;padding-bottom: 0px !important;}

body .report-sec p {border:1px solid #e2e2de; padding:20px 18px 40px 18px !important; font-weight: bold; 

               font-size: 22px;margin-top: 18px;}

body .report-sec span{  font-size:18px;}

body .modal-footer { border-top: 0px solid #e9ecef;justify-content: flex-start !important; padding: 0px !important;}

body .modal-footer .btn-report{background:#4c9aa0;  border: transparent; width: 50%; ;align-items: initial !important;

                            padding: 16px 23px !important;margin-right:0 !important;border-radius:0px;

                            font-size:18px;border-bottom-left-radius: 20px !important;}

body .butn-cancel{background:#e74c3c !important;  float: none; color: #000;text-shadow: none;opacity: 1;

            padding: 20.5px 23px !important;width:50%;margin-right:0 !important;margin-left:0 !important;

            border-radius:0px; color:#fff;font-size:18px;font-weight:lighter;border-bottom-right-radius: 20px !important;}

body .butn-cancel:hover{color:#fff !important; background: #e74c3c !important;opacity: 1 !important;}

body .modal-content {

    border-radius: 20px !important;

}

.blocklistall

{

    display: none;

}

.blocklistall .news2

{

    margin-top: 35px;

}

.logo-1{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom:60px;

}

.form-wrap{

    position:relative;

    margin-bottom:20px;

    flex-direction: column;

}

.form-wrap  .form-input{

    background-color:#f4f5fd;

    width:100%;

    border:none;

    outline:none;

    padding:25px 70px;

    position: relative;

    margin-bottom:2px;   

    color:#212121;

    font-size:17px;

    font-weight:500;

}

.form-wrap  .form-input::placeholder, .form-wrap  .form-input:-moz-placeholder, .form-wrap  .form-input::-webkit-input-placeholder{

    color:#8d8d8d;

    font-size:17px;

    font-weight:500;

}

.form-wrap  .form-input.user-input{

    background: url('../images/icons/user-icon.png') #f4f5fd center no-repeat;

    background-position: 6%;

}

.form-wrap  .form-input.pswd-input{

    background: url('../images/icons/password-icon.png') #f4f5fd center no-repeat;

    background-position: 6%;

}

.form-wrap  .form-input.mail-input{

    background: url('../images/icons/mail.png') #f4f5fd center no-repeat;

    background-position: 6%;

}

.form-wrap  .form-input.mobile-input{

    background: url('../images/icons/phone.png') #f4f5fd center no-repeat;

    background-position: 6%;

}

.form-wrap .gender-input{

    background: url('../images/icons/gender.png') #f4f5fd center no-repeat;

    background-position: 6%;

}

.form-wrap  .fashion-input{

    background: url('../images/icons/fashion.png') #f4f5fd center no-repeat;

    background-position: 6%;

}

.form-action-wrap{

    flex-direction: row;



}

.forgot-paswd-wrap{

    justify-content: center;

    align-items: center;

    display: flex;

}

.forgot-paswd-wrap a{

    color:#848484;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

}

.forgot-paswd-wrap a:hover{

    color:#333333;

    text-decoration: underline;

}

.btn-wrap{

    align-items: center;

    justify-content: center;

    display: flex;

}

.pri-btn{

    color:#fff;

    font-size:15px;

    font-weight:normal;

    background-color:#4c9aa0;

}

.or-divider{

    font-weight:14px;

    text-align: center;

    color:#848484;

    position:relative;

}

.or-divider:before,.or-divider:after{

    position: absolute;

    height:1px;

    background-color:#848484;

    width:45%;

    top:50%;

}

.or-divider:before{

    left:0px;

}

.or-divider:after{

    right:0px;

}



/* Reset Password Stylesheet */

.reset{

    display: flex;

    flex-direction: column;

    background:url('../images/login-bg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

    height:100%;

}

.reset1

{

   box-shadow:0px 3px 3px rgba(0,0,0,0.5);

    background: white;

    border-radius: 25px;

    margin: 0;

    -ms-transform: translate(0%, -50%);

    transform: translate(0%, 40%);

}

.reset1 h2

{

    margin-top: 30px;

    font-family:'DINPro';

     text-align: center;

}

.reset1 .form-control

{

    padding-left: 31px;

    height: 60px!important;

    background: #f4f5fd!important;

    border: none!important;

    border-radius: none!important;

}

.reset1 .mb-3

{

    padding-right: 20px;

        padding-left: 20px;

    margin-bottom: 2px!important;

}

.reset1 .resetbtn

{

  padding-bottom: 13px!important;

    padding-top: 13px!important;

}

.resetbtn

{

    letter-spacing: 1px;

        font-weight: bold!important;

    background: #4c9aa0;

    color: white;

    width: 250px;

        font-family:'DINPro';

border-radius: 5px!important;

}

.reset1 form

{

    margin-top: 30px;

}



/* Sign Up Stylesheet */

.signup{

    display: flex;

    flex-direction: column;

    background:url('../images/signupbg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

    padding-bottom: 50px;

}

.login{

padding-bottom: 150px!important;

    flex-direction: column;

    background:url('../images/login-bg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

}



#about

{

    /* display: flex; */

}

/*.logbtn

{

    width: 0%!important;



}*/

.forgotlabel

{

    font-size: 17px;

    color: #848484;

padding-top: 15px;

}

input[type="checkbox"] + label:before {

    content: '';

    background: url(checking.png) no-repeat;

    position: absolute;

    width: 20px;

    height: 20px;

    left: 0;

    top: 20px;

}

.nav-link

{

 border: 1px solid transparent;

}

.otherlog h4

{

    font-size: 14px;

    color: #333333;

    text-align: center;

}

.otherlog h4:before

{

  content: "";

  position: absolute;

  height: 5px;

  border-bottom: 1px solid #adadad;

  top: 5px;

  left: 20px;

width: 40%;

}

.otherlog h4:after

{

  content: "";

  position: absolute;

  height: 5px;

  border-bottom: 1px solid #adadad;

  top: 5px;

right: 20px;

width: 40%;

}

.checkingbox

{

    display: none;

}

.logos

{

margin-top: 50px;

}

.input-pop-focus

{

margin-top: 50px;

}

.signup1

{

    box-shadow:0px 3px 30px rgba(0,0,0,0.5);

    margin-top: 50px;

    height: 100%;

    background: white;

    border-radius: 25px;

}

.signup1 h2

{

    margin-top: 30px;

    font-family:'DINPro';

     text-align: center;

}

.signup1 h1

{



        padding-left: 20px;

    font-size: 18px;

    margin-top: 25px;

    margin-bottom: 25px;

    font-family:'DINPro';

}

.signup1 .input-group-text

{

    background: #f4f5fd;

    border: none!important;

    border-radius: none;  

}

.red

{

    background: red;

}

.signup1 .form-control

{

height: 61px!important;

    background: #f4f5fd!important;

        border: none!important;

    border-radius: none!important;

    padding-left: 20px;



}

/*.alreadybutton

{

    padding-right: 0px!important;

}

*/

.signup1 .mb-3

{

    padding-right: 20px;

        padding-left: 15px;

    margin-bottom: 2px!important;

}

.signup1 .btn

{

    width: 100%;

    height: 45px;

}

.signup1 .btngroup

{

    margin-top: 50px;

    padding-bottom: 30px;

}

.signupbtn

{

        padding-top: 15px!important;

    padding-bottom: 38px!important;

    background: #4c9aa0;

    color: white;

       align-self: center;

        font-family:'DINPro';

border-radius: 5px!important;

}

.btngroup

{

    align-self: center;

}

.alreadybtn

{

        font-weight: bold!important;

letter-spacing: 1px;

        padding-top: 15px!important;

    padding-bottom: 38px!important;

    background: #34516d;

    color: white;

    align-self: center;

        font-family:'DINPro';

border-radius: 5px!important;

}

.signup form

{

    margin-top: 30px;

}



/* Usertype Stylesheet */

.usertype{



    flex-direction: column;

    background:url('../images/userbg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

height: 100%;

    padding-bottom: 30px;

}

.useryes

{

    padding-left: 40px!important;

}

.userno

{

    padding-right: 40px!important;

}

.usertype1

{

       box-shadow:0px 3px 3px rgba(0,0,0,0.5);

    top: 50%;

    -ms-transform: translate(0%, 45%);

    transform: translate(0%, 45%);

    background: white;

    border-radius: 25px;

}

.usertype1 h1

{

text-align: center;

    font-size: 21px;

    margin-top: 25px;

    margin-bottom: 25px;

    font-family:'DINPro';

}

.yesbtn

{

        letter-spacing: 2px;

        font-weight: bold!important;

    width: 100%;

    height: 46px;

    background: #4c9aa0;

    color: white;

        font-family:'DINPro';

border-radius: 5px!important;

}

.nobtn

{

    letter-spacing: 1px;

        font-weight: bold!important;

    width: 100%;

    height: 46px;

    background: #34516d;

    color: white;

        font-family:'DINPro';

border-radius: 5px!important;

}

.userbtn

{

padding-bottom: 30px;

}

.usertype1 img

{

    margin-top: 30px;

}



/* Waiting Approval Stylesheet */

.approve{

    flex-direction: column;

    background:url('../images/userbg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

/*height: 100%;*/

    padding-bottom: 330px;

}

.approve1

{

       box-shadow:0px 3px 3px rgba(0,0,0,0.5);

    top: 50%;

    -ms-transform: translate(0%, 30%);

    transform: translate(0%, 30%);

    background: white;

    border-radius: 10px;

}

.approve1 h1

{



text-align: center;

    font-size: 30px;

    margin-top: 35px;

    margin-bottom: 25px;

    font-family:'DINPro';



}

.approve1 h3

{

    margin-top: 5px;

padding-right: 20px;

padding-left: 20px;

line-height: 1.5;

text-align: left;

    font-size: 20px;

color: #666666;

    font-family:'DINPro';

}

.okbtn

{

    font-weight: bold!important;

    font-size: 18px;

    width: 50%;

 height: 50px!important;

    background: #4c9aa0;

    color: white;

    align-self: center;

    margin-top: 20px;

        font-family:'DINPro';

border-radius: 5px!important;

}

.approve1 img

{

    margin-top: 30px;

}



/* Designer Sign Up Stylesheet */

.design{

    display: flex;

    flex-direction: column;

    background:url('../images/signupbg.jpg') no-repeat center;

    background-size: cover;

    width:100%!important;

padding-bottom: 30px;

height: auto;

}

.design1

{

       box-shadow:0px 3px 3px rgba(0,0,0,0.5);

    margin-top: 30px;

    background: white;

    height: 100%;

    border-radius: 10px;

}

.design1 .designsignup

{

    font-weight: bold;

}

.design1 h2

{



    margin-top: 30px;

    font-family:'DINPro';

     text-align: center;

}



.design1 h1

{



        padding-left: 20px;

    font-size: 18px;

    margin-top: 25px;

    margin-bottom: 25px;

    font-family:'DINPro';



}



.design1 .input-group-text

{

width: 60px;

    background: #f4f5fd!important;

border: none!important;

    border-radius: none;

}



.design1 .form-control

{



height: 60px!important;

    background: #f4f5fd!important;

        border: 1px solid #f4f5fd!important;

    border-radius: none!important;

}



.design1 .mb-3

{

    padding-right: 20px;

        padding-left: 15px;

    margin-bottom: 2px!important;

}



.design1 .btn

{

    width: 100%;

    height: 45px;

}



.btngroup

{

    margin-top: 30px;

    padding-bottom: 30px;

}



.signupbtn

{

    letter-spacing: 1px;

    font-weight: bold!important;

    background: #4c9aa0;

    color: white;

       align-self: center;

        font-family:'DINPro';

border-radius: 5px!important;

}



.btngroup

{

    align-self: center;

}



.alreadybtn

{

    background: #34516d;

    color: white;

    align-self: center;

        font-family:'DINPro';

border-radius: 5px!important;

}



.design form

{

    margin-top: 30px;

}



.designer2

{

    margin-top: 20px;

}

.designer2 img

{

    padding-left: 20px;

}



.designer2 h2

{

    font-size: 20px!important;

    display: inline;

    padding-left: 25px;

}



.category .active

{

    background: #f2fcfe;

    border: 1px solid black;

}



.designer2 .nav-item

{

    cursor: pointer;

}



.designer2 .nav-pills .nav-link.active, .nav-pills .show > .nav-link

{

    color: #333333;

    background: #f2fcfe!important;

    border: 1px solid #4c9aa0;

    border-radius: none;

}



.maledesigner:after

{

   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:-1px 0 0 3px;

}



.femaledesigner:after

{

   background:url('../images/icons/femaled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:-1px 0 0 3px;

}



/* Activated Stylesheet */



.activated{

    display: flex;

    flex-direction: column;

    background:url('../images/userbg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

height: 100%;

    padding-bottom: 30px;

}



.activated1

{

       box-shadow:0px 3px 3px rgba(0,0,0,0.5);

  position: absolute!important;

    top: 50%;

    left: 50%;

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

 

    background: white;

    border-radius: 10px;

}



.loginn1

{



    -ms-transform: translate(0%, 10%);

    transform: translate(0%, 10%);

}





.activated1 h1

{



text-align: center;

    font-size: 30px;

    margin-top: 25px;

    margin-bottom: 25px;

    font-family:'DINPro';



}



.activated1 h3

{

padding-right: 20px;

padding-left: 20px;

line-height: 1.5;

text-align: left;

    font-size: 20px;

color: #666666;

    font-family:'DINPro';



}



.activatedbtn

{

    letter-spacing: 1px;

    font-weight: bold!important;

    font-size: 18px;

    width: 50%;

 height: 50px!important;

    background: #4c9aa0;

    color: white;

    align-self: center;

    margin-top: 20px;

        font-family:'DINPro';

border-radius: 5px!important;

}





.activated1 img

{

    margin-top: 30px;

}



/* OTP Stylesheet */



.otp{

padding-bottom: 350px;

    flex-direction: column;

    background:url('../images/login-bg.jpg') no-repeat center;

    background-size: cover;

    width:100%;

    height: 100%;

    top: 50%;



}



.otp1

{

    padding-right: 44px!important;

    padding-left: 44px!important;

   box-shadow:0px 3px 3px rgba(0,0,0,0.5);

    top: 5%;

    -ms-transform: translate(0%, 23%);

    transform: translate(0%, 23%);

    background: white;

    border-radius: 20px;

    padding-bottom: 43px;

        padding-top: 35px;

}



.otps1

{

    -ms-transform: translate(0%, 42%)!important;

    transform: translate(0%, 32%)!important;

}



.otp1 h2

{

    font-family:'DINPro';

     text-align: center;

}



.otp1 .form-control

{



height: 60px!important;

    background: #f4f5fd!important;

        border: 1px solid #f4f5fd!important;

    border-radius: none!important;

    padding-left: 31px;

}







/*.otp1 .resend

{

    padding-left: 0px!important;

}



.otp1 .submit

{

    padding-right: 0px!important;

}

*/

.checkyour

{

    padding-bottom: 20px;

}

.otp1 .mb-3

{

    padding-right: 20px;

        padding-left: 20px;

    margin-bottom: 2px!important;

}



.otp1 .btngroup

{

    margin-top: 43px!important;

        padding-bottom: 0px;

}

.otpbtn

{

    background: #4c9aa0;

    color: white;

    width: 220px;

        font-family:'DINPro';

border-radius: 5px!important;

}



.otp1 form

{

    margin-top: 30px;

}



.otp1 p span

{

    color: black;

}



.otp1 p

{

padding-top: 23px;

padding-bottom: 5px;

  font-size: 17px;

  line-height: 1.5;

  color: #86878b;

}



.otp1 .otpvali

{

    color: #000000;

    font-size: 20px;

    padding-left:  5px;

}



.otpgroup .form-check-input

{

    margin-top: 8px;

}

.otpgroup 

{

    padding-left: 60px!important;

}



.otp1 #otp

{

    color: #000000;

    text-align: center;

    font-size: 20px;

    letter-spacing: 20px;

}



.resendbtn

{

    letter-spacing: 1px;

        font-weight: bold!important;

    width:100%;

    height: 45px;

    background: #34516d;

    color: white;

       align-self: center;

        font-family:'DINPro';

border-radius: 5px!important;

}



.submitbtn

{

    letter-spacing: 1px;

        font-weight: bold!important;

    width: 100%;

    height:  45px;

    background: #4c9aa0;

    color: white;

       align-self: center;

        font-family:'DINPro';

border-radius: 5px!important;

}





/* Newsfeed Stylesheet */

#newsfeed

{

    background: #f9f9f3;

}



.newsfeed1

{

   box-shadow:0px 3px 3px rgba(220, 193, 193, 0.5);

    position: fixed;

    margin-top: 50px;

    padding-bottom: 20px;

    background: white;

    border-radius: 10px;

    height: 100%

}



.newsfeed1 .btn-default

{

        padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 20px;

    border: 1px solid #d0cccc;

        background: #f9f9f3;

            border-left: 1px solid #f9f9f3;

    margin-left: -4px;

    border-top-right-radius: 25px;

        border-bottom-right-radius: 25px;

}





.newsfeed1 #srch-term

{

    padding-top: 10px;

    padding-bottom: 10px;

        border-top-left-radius: 25px;

        border-bottom-left-radius: 25px;

    border-top: 1px solid #d0cccc;

    border-bottom: 1px solid #d0cccc;

    border-left: 1px solid #d0cccc;

    border-right: 1px solid #f9f9f3;

        background: #f9f9f3;

}





.newsfeed1 .input-group 

{

    margin-top: 20px;

}



.newsfeed1 h2

{

    font-size: 20px;

}



.newsfeed1 .news a

{

    font-size: 15px;

    color: #898989;

    text-decoration: underline;

float: right;

}



.news

{

    margin-top: 20px;

}



.news1

{

    margin-top: 15px;

}



.news1 h3

{

  font-size: 18px;



}



.news1 h4

{

float: left;

  font-size: 15px;

  color: #737373;

}



.news1 .maledesigner

{

    color: #4c9aa0!important;

}



.news1 .femaledesigner

{

    color: #fd94b1!important;

}



.news1 .profi

{

    padding-left: 0px!important;

    padding-right: 0px!important;

}



.news1 .following img

{

  margin-left: -4px;

}



.news1 .follow img

{

  margin-left: -4px;

}



.news1 .follow:hover

{

    background: #4c9aa0!important;

}



.news1 .following:hover

{

        background: #e0e0e0;

            color: #6e6e6e;

}

.news1 .following

{

width: 100%;

    padding-right: 20px;

    background: #e0e0e0;

    font-size: 10px;

    color: #6e6e6e;

    border-radius: 50px;

    border: none;

    margin-top: 9px;



}



.news2 h3

{

  font-size: 18px;

  color: #fd6693;

}



.news2 h4

{

float: left;

  font-size: 15px;

  color: #737373;

}



.news2 .profi

{

    padding-left: 0px!important;

    padding-right: 0px!important;

}



.news2 .follow

{

        width: 100%;

    background: #4c9aa0;

    font-size: 10px;

    color: white;

    border-radius: 50px;

    border: none;

    margin-top: 9px;

    text-align: center;

}



.news2

{

    margin-top: 15px;

}



.profi img

{

    margin-top: -5px;

}



.newsfeed1 h4

{

    margin-top: -2px;

}



#newsfeed .justify-content-end

{

    padding-bottom: 30px;

}



.copyright h5

{

    padding-top: 30px;

  color: #b3b3af;

  text-align: right;

}



/* Newsfeed Search Stylesheet */

#newsfeed

{

    overflow: hidden;

}

.newsfeeds1

{

       box-shadow:0px 3px 3px rgba(220, 193, 193, 0.5);

margin-top: 50px;

  margin-right: 20px;

  height: auto;

  background: white;

  border-radius: 10px;

}



.newsfeedsdetail

{

       box-shadow:0px 3px 3px rgba(220, 193, 193, 0.5);

margin-top: 50px;

  margin-right: 20px;

  height: auto;

  background: white;

  border-radius: 10px;

}



.newsfeeds1 ul

{

    padding-top: 20px;

    border-bottom: 1px solid #e5e5e5;

}



.newsfeeds1 .tab-pane p

{

    font-size: 18px;

    color: #666666;

}



.newsfeeds1 .nav-pills .nav-link.active, .nav-pills .show > .nav-link

{

    background: none!important;

    color: #333333;

    border-bottom: 2px solid #4c9aa0;

    border-radius: 0px!important;

}



.newsfeeds1 .nav-pills .nav-link

{

    font-weight: bold;

    background: white!important;

    color: #333333;

}



.newsfeeds1 .tab-pane h3

{

  font-size: 18px;



  margin-left: 60px;

}



.newsfeeds1 .tab-pane h4

{

  font-size: 15px;

  color: #737373;

    margin-left: 60px;

    margin-top: -4px;

}



.newsfeeds1 .tab-pane .follow

{

    background: #4c9aa0;

    font-size: 12px;

    color: white;

    border-radius: 50px;

    border: none;

    width: 50%;

    margin-top: 9px;

    text-align: center;

}



.newsfeeds1 .tab-pane .leimg

{

    float: left;

}



.newsfeedsdetail .leimg

{

    float: left;

}



.searchcontent

{

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #f1f1f1;

}



.newsfeeds1 .tab-pane h3 img

{

    margin-top: -5px;

    padding-left: 10px;

}



.newsfeeds1 .tab-pane .following

{

    background: #e0e0e0;

    font-size: 10px;

    color: #6e6e6e;

    border-radius: 50px;

    border: none;

    margin-top: 9px;

    width: 50%;

}



.newsfeeds1 .maledesigner

{

    color: #4c9aa0!important;

}



.newsfeeds1 .femaledesigner

{

    color: #fd94b1!important;

}



.newsfeeds1 ul li

{

  padding-right: 30px;

}



.otpforgot

{

    font-weight: bold;

}



.paymentcontrol

{

    background: #f4f5fd!important;

    border: none!important;

    height: 60px!important;

    color: #4c9aa0!important;

    font-size: 23px!important;

}

.payment-back
{
    padding-top: 20px;
}



/*@media only screen and (max-height: 595px)

{

    .otp

    {

        height: 400%

    }

}*/

@media only screen and (max-width: 575px)

{



    .alreadybutton {

    padding-right: 15px!important;



}



.signupbutton {

    padding-left: 15px!important;

     padding-bottom: 10px;

}

}



.messages-dropdownes

{

    padding-bottom: 0px!important;

}



/*.navbar-collapse .dropdown-menu {

    padding-bottom: 10px!important;

}*/



.signupbold

{

    font-weight: bold;

    color: #333333!important;

}



.tabing .nav-pills .nav-link.active, .nav-pills .show>.nav-link

{

        color: #000;

    background-color: transparent;

}



.tabing .nav-item .active

{

        border-bottom: 2px solid #4c9aa0;

        border-radius: 0px!important;

}



.tabing .nav-item

{

    text-align: center;

}



.pubimg1

{

    margin-top: 0px!important;

    border-top-left-radius: 0px!important;

        border-top-right-radius: 0px!important;

}



.reactsfollowing

{

    background: white;

    padding-top: 50px;

    padding-bottom: 50px;

    border-radius: 10px;

        border-top-left-radius: 0px!important;

        border-top-right-radius: 0px!important;

    border-bottom-left-radius: 10px!important;

        border-bottom-right-radius: 10px!important;



}



.tabing .nav-link img

{

    margin-top: -5px;

}

.tabing .nav-link

{

    color:#444444!important;

    font-weight: bold;

}

.commentsfollowing

{

    background: white;

    padding-top: 50px;

    padding-bottom: 50px;

    border-radius: 10px;

    border-bottom-left-radius: 10px!important;

        border-bottom-right-radius: 10px!important;

}



.tabing .nav-link

{

    padding-bottom: 15px;

}

.tabing .nav-pills

{

    background: white!important;

    margin-top: 20px;

        border-top-left-radius: 10px!important;

        border-top-right-radius: 10px!important;

}

.tabing

{

    padding-left: 29px!important;

    padding-right: 30px!important;

}



.tabing .nav-pills

{

    border-bottom: 1px solid #e3e3e3;



}



.tabing .nav-item {

padding-left:40px;



    padding-top: 7px;

}



@media only screen and (min-width: 1199px)

{

    .designame

    {

        margin-left: -15px;

    }

}

@media only screen and (max-width: 768px)

{





.signup

{

    height: 100%;

}





}







@media only screen and (max-width: 993px)

{









    #newsfeed .justify-content-end

    {

        margin-top: 20%;

    }

}



@media only screen and (max-width: 768px)

{



    .container.child-image p

    {

        width: 280px;

    }







    .tabing .nav-item {

padding-left:30px;



    }



.messagedetail {

    margin-top: 80px!important;

}

}



@media only screen and (max-width: 435px)

{





.tabing .nav-item {

padding-left:5px;



    }



.signup

{

    height: auto!important;

}



.otp

{

    height: auto!important;

    padding-bottom: 300px;



}







.otp1 .form-control::placeholder

{

    font-size: 15px!important;

}





}





@media only screen and (max-width: 381px)

{

input[type=file]::-webkit-file-upload-button {



    padding:5px 10px;

}







.file-upload

{

    width:  100%!important;

    font-size:  13px;

}

}



@media only screen and (max-width: 320px)

{

        

.resendbtn

{

    width:auto;

}



}

 body .m-4

    {

        margin-left: 10px!important;

    }



    @media (min-width: 992px)

{



    .resend

{

    padding-right: 0px!important;

}





       

    .newsfeed1

{

    flex: 0 0 29%!important;

    max-width: 25%!important;

}

}



@media only screen and (max-width: 992px)

{

        .resend

{

    padding-bottom: 20px;

}

                .signupbutton

{

padding-bottom: 20px;

}

}



.setting-profile .tab-section-right

{

    margin-top: -30px;

}



@media only screen and (max-width: 576px)

{

    .resendbtn

    {

        width: 100%!important;

    }



    body .resend

    {

        padding-bottom: 20px;

        padding-left: 15px!important;

    }

    .setting-profile .tab-section-right

{

    margin-top: 0px;

}



.logbtn

{

   width: 100%!important;

}

.setting-profile

{

        flex-direction: column;

    }

body .publishing

{

    padding-left: 20px!important;

    padding-bottom: 20px;

}



.newsfeedmiddle .publish

{

    padding-left: 30px!important;

    padding-right: 30px!important;

}

}



@media only screen and (max-width: 994px)

{



 body .m-4

    {

        margin: 0px!important;

    }





}



/*@media only screen and (max-width: 500px)

{



#newsfeed .justify-content-end {

    padding-bottom: 30px;

    margin-top: 280px;

    margin-left: -70px;

}

}*/



.tab-content .tab-section-right

{

    padding-bottom: 30px!important;

}



@media only screen and (max-width: 404px)

{

    body .top-buttons

    {

            margin-left: -38%;

            margin-top: 54%!important;

    }

}





@media only screen and (max-width: 358px)

{

    body .top-buttons

    {

            margin-left: -42%;

            margin-top: 60%!important;

    }

}



body .pl-2{

    padding-left: 21px!important;

    font-weight: bold;

}



@media only screen 

and (max-height: 500px) 

and (orientation : landscape)

 {



    .aligncore

{

    padding-top: 12px;

}

.reset

{

    height:  auto;

    padding-bottom: 530px!important;

}



.approve

{

    height:  auto;

    padding-bottom: 330px!important;

}

}



@media only screen 

and (max-height: 500px) 

and (orientation : landscape)

 {



.dropdown-menu.dropdown-menu-right.profile-dropdown

{

    height: 130px;

    overflow: auto;

}



.msg-popup .msg-popup-block

{

     height: 123px!important;

    overflow-y: auto!important;   

    overflow-x: hidden;

}

}



@media only screen 

and (max-height: 320px) 

and (orientation : landscape)

 {



.dropdown-menu.dropdown-menu-right.profile-dropdown

{

    height: 90px!important;

    overflow: auto;

}



.msg-popup .msg-popup-block

{

     height: 81px!important ;

    overflow-y: auto!important;   

    overflow-x: hidden;   

}

}



.chatoptions h5

{

    font-weight: bold;

}

.chatoptions h5:nth-of-type(3) {

    color: red;

}



@media only screen and (max-width: 320px)

{



    .approve

    {

        padding-bottom: 830px;

    }

    body .top-buttons

    {

            margin-left: -58%;

            margin-top: 60%!important;

    }

}



@media only screen and (max-width: 767px)

{











    #newsfeed .justify-content-end

    {

        margin-top: 45%;

    }







    .top-buttons

    {

            margin-left: -23%;



        padding-left: 0px!important;

        padding-right: 0px!important;

    }



.profile-dropdown.show a

{

    margin-left: -13px;

}



.body-color-main

{

    margin-top: 30px;

}





.txt-header

{

        margin-top: 80px;

    /* text-align: center; */

    margin-left: -110px;

}

.descriptionfeed p

{

    padding-left: 80px!important;

}



.pubimg h4

{

    padding-left: 13px;

}



.pubimg .maledesigner

{

    padding-left: 9px;

}



    body .private

{

    width: 100%!important;

}



   .newsother

{

    padding-top: 30px!important;

}



   

.newsfeeds1

{

    margin-right: 0px!important;

}



.messagedetail

{

    margin-left: 0px!important;

}



.chatrecord

{

    margin-left: 0px!important;

}



.newsfeeds1 ul li

{

  padding-right: 0px!important;

}



}





.messages

{

text-align: center;

}



.messagedetail

{

   box-shadow:0px 3px 3px rgba(220, 193, 193, 0.5);

margin-left: 20px;

margin-top: 20px;

padding-bottom: 20px;

    background: white;

    border-radius: 10px;

    position: fixed;

    height: 100%;

}







.msg

{

    overflow-y: scroll!important;

}





.messagedetail #srch-term

{

    padding-top: 10px;

    padding-bottom: 10px;

        border-top-left-radius: 25px;

        border-bottom-left-radius: 25px;

    border-top: 1px solid #d0cccc;

    border-bottom: 1px solid #d0cccc;

    border-left: 1px solid #d0cccc;

    border-right: 1px solid #f9f9f3;

        background: #f9f9f3;

}



.messagedetail .btn-default

{

        padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 20px;

    border: 1px solid #d0cccc;

        background: #f9f9f3;

            border-left: 1px solid #f9f9f3;

    margin-left: -4px;

    border-top-right-radius: 25px;

        border-bottom-right-radius: 25px;

}



.messagedetail .topbar img

{

    margin-left: auto!important;

}



.newsfeedsdetail .topbar img

{

    margin-left: auto!important;

}







.messagedetail .topbar h2

{

    font-size: 24px;

}



.newsfeedsdetail .topbar h2

{

    font-size: 24px;

}



.messagedetail .topbar

{

    margin-top: 20px;

}



.newsfeedsdetail .topbar

{

    margin-top: 20px;

}



.messagedetail .searcher

{

    margin-top: 20px;

    margin-left: 0px;

}



.newsfeedsdetail .adder h3

{

    font-size: 18px;

    text-align: left;

    color: #666666;

}





.messagedetail .adder a

{

color: black;

    font-size: 19px;

}



.newsfeedsdetail .adder a

{

color: black;

    font-size: 19px;

}



.messagedetail .adder .marker

{

 text-align: right;

}



.newsfeedsdetail .adder .marker

{

 text-align: right;

}



.messagedetail .adder

{

    margin-top: 20px;

    padding-bottom: 20px;

}



.newsfeedsdetail .adder

{

    margin-top: 20px;



}



.newsfeedsdetail .searchcontent h3 {

    font-size: 18px;

        margin-left: 60px;

}





.messagedetail .searchcontent

{

    padding-top: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #ecdfdf;

}



.messagedetail .leimg

{

    float: left;

}



.chatrecord .leimg

{

    float: left;

}





.chatrecord .me .msges p span

{



    padding-right: 20px;

        padding-left: 20px;

    padding-top: 10px;

    font-size: 18px;

      background: #edf5f5;

      border-top-left-radius: 20px;

            border-bottom-right-radius: 20px;

                  border-bottom-left-radius: 20px;

margin-right: 5px!important;

        padding-bottom: 10px;

        color: #454646;

        text-align: right;  

        float:  right;  

        margin-top:  -15px;

}



.you .msges p span

{



    padding-right: 20px;

        padding-left: 20px;

    padding-top: 10px;

    font-size: 18px;

      background: #f9f9f3;

          border-top-right-radius: 20px;

                  border-bottom-left-radius: 0px;

                            border-top-left-radius: 20px;

                  border-bottom-right-radius: 20px;

        padding-bottom: 10px;

        color: #454646;



text-align:     left;

        float:  left;  

        margin-top:  -15px;

}







.chatrecord .maledesigner

{

    font-size: 18px;

    margin-top: 5px;

    margin-left: 70px;

    color: #4c9aa0!important;

}



.messagedetail .maledesigner

{

    font-size: 18px;

    margin-top: 5px;

    margin-left: 70px;

    color: #4c9aa0!important;

}



.chatrecord .femaledesigner

{

    font-size: 18px;

    margin-top: 5px;

    margin-left: 70px;

    color: #fd94b1!important;

}



.messagedetail .femaledesigner

{

    font-size: 18px;

    margin-top: 5px;

    margin-left: 70px;

    color: #fd94b1!important;

}



.messagedetail .chatting h3

{

        margin-top: 5px;

    font-size: 18px;

    margin-left: 70px;

    color: black;

}



.chatrecord .online h3

{

        margin-top: 5px;

    font-size: 18px;

    margin-left: 70px;

    color: black;

}



.messagedetail .chatting h4

{

    font-size: 15px;

    color: #737373;

    margin-left: 70px;

    margin-top: 4px;

}



.chatrecord .online h4

{

    font-size: 15px;

    color: #737373;

    margin-left: 70px;

    margin-top: 4px;

}



.chatrecord .me

{

    margin-top: 30px;

}



.chatrecord .you

{

    margin-top: 30px;

}



.chatrecord .me .time h4

{

    font-size: 15px;

    color: #737373;

text-align: center;

    margin-top: 4px;

}



.chatrecord .you .time h4

{

    font-size: 15px;

    color: #737373;

text-align: center;

    margin-top: 4px;

}



.messagedetail .ago img

{

    margin-top: -15px;

}



.chatrecord .ago img

{

    margin-top: -15px;

}



.messagedetail .ago h4

{

    font-size: 15px;

    color: #737373;

    margin-left: 0px;

    margin-top: 5px;

}



.common

{

    border-bottom: 1px solid #f0e5e5;

}



.read

{

    background: #edf5f5;

}



.cont

{

    padding-right: 0px!important;

    padding-left: 0px!important;

}



.messagedetail .maledesigner:after

{

   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:-3px 0 0 9px;

}



.chatrecord .maledesigner:after

{

   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:-3px 0 0 9px;

}





.chatrecord

{

   box-shadow:0px 3px 3px rgba(220, 193, 193, 0.5);

margin-left: 20px;

margin-top: 20px;

padding-bottom: 20px;

    background: white;

    border-radius: 10px;

    position: fixed;

height: 100%;

}



.reply

{

    margin-top: 30px;

    padding-top:    10px;

    padding-bottom:     10px;

        box-shadow: 0px -1px 4px rgba(237, 227, 227, 0.75);

}



.onlineread

{       

    box-shadow: -1px 2px 4px rgba(237, 227, 227, 0.75);

}



.reply textarea

{

    border: transparent;   

    font-size:  20px;

    color: #cacaca;

    padding-top:  13px;

    background: transparent; 

}



.reply textarea:focus

{

    border: transparent;   

    font-size:  20px;

    color: #cacaca;

    padding-top:  13px;

    background: transparent!important;

    box-shadow: none!important; 

}



.reply .send img

{

    padding-top:  13px;

}



/*Newsfeed Middle */

body .newsfeedmiddle

{

    margin-top: 50px!important;

}



.uploading-news img

{

    float: right;

    margin-top: -20px;

    padding-right: 20px;

}



.newsfeedmiddle .publish 

{

    background: #4c9aa0;

    font-size: 16px;

    color: white;

    border-radius: 50px;

    border: none;

    margin-top: 9px;

    text-align: center;

    width: 100%;

}



.texting

{

    font-size: 16px;

}



textarea::placeholder {

    color: #cacaca!important;

}



.texting:focus

{

    box-shadow: none!important;

}



.publishing

{

    padding-left: 0px!important;

    padding-right: 20px!important;

}



.uploading-news .pro img

{

    margin-top: 5px!important;

padding-right: 0px!important;

padding-left: 5px;

}



.pro

{

    margin-top: 12px;

        margin-left: 0px!important;

}



.private

{

    background: transparent!important;

    border: none!important;

    width: 85%!important;

    margin-top: -3px!important;

}



.private:focus

{

    box-shadow: none!important;

}



.priimage

{

    padding-right: 0px!important;

        padding-left: 0px!important;

}



.pubimg

{

    padding-bottom: 20px;

    border-bottom: 1px solid #d6e0e1;

}



.pubimg

{

    padding-top: 20px;

    margin-top: 20px;

    background: white;

    border-radius: 10px;

}



.feeds img

{

    border-radius: 10px;

}



.pubimg .maledesigner

{

    font-size: 24px;

    color: #4c9aa0!important;

}



.pubimg .femaledesigner

{

        font-size: 24px;

    color: #fd94b1!important;

}



.forgot

{

    padding-left: 0px!important;

}

.forgot a

{

    margin-left: -20px;

    color:#333333;

    font-weight: bold;



}

.pubimg h4

{

float: left;

  font-size: 15px;

  color: #444444;

}



.pubimg h4 span

{

color: #b7b7b7;

}



.designame

{

    padding-left: 0px!important;

}

.feeds
{
        padding-right: 0px!important;
}

.pubimg .threedot
{
    margin-top: 10px;
}

.descriptionfeed p

{
    font-size: 15px;

    color: #949494;

    padding-left: 104px;

    padding-right: 30px;

    word-break: break-word;
}

.commentfeeds p
{
    font-size: 22px;

    color: #676b7d;

    text-align: center;
}

.commentfeeds img

{

    padding-top: 20px;

    padding-bottom: 10px;

}



.postimg img

{

    padding-right: 15px;

padding-left: 0px!important;

}



.postimg 

{



padding-left: 0px!important;

}



.commentfeeds

{

padding-left: 25px!important;

}



.howcomment p

{

    color: #333333;

    float: left;

        padding-left: 10px;

}



.howcomment p span

{

    color: #676b7d;

}

.howcomment img

{

    float: left;

    margin-left: 4px;

}



.howcomment

{

    padding-top: 15px!important;

    padding-left: 30px!important;



}



.comborder

{

    margin-top: 20px;

        border-top: 1px solid #f5f5f5;

        border-bottom: 1px solid #f5f5f5;

}





.yourcomments a

{

    padding-left: 23px;

    /*color: #676b7d;*/

}



.yourcomments h3

{

    float:  left;   

   font-size: 16px;

    padding-top: 3px;

padding-right:  20px;

    color: #333333;

    line-height: 1.5;

}



.tag

{

    color: #3f4fa6!important;

}

.yourcomments span

{

color: #b5b5b5;

word-break: break-word;

}



.yourcomments p

{

    font-size:  16px;

color: #b5b5b5;



}



.commentslistbg

{

    background: #ffeff4;

}



.commentslist

{

    margin-left: 0px !important;

    margin-right: 0px !important;

    padding-top: 5px;

    padding-bottom: 5px;

}



.yourcomments .maledesigner

{

    font-size: 18px;

    margin-top: 0px;

    color: #4c9aa0!important;

}

.yourcomments .commentslist.maledesigner

{

    background-color: #edf6f5!important;

}

.yourcomments .commentslist.femaledesigner

{

    background-color: #ffeff4!important;

}

.yourcomments .femaledesigner

{

    font-size: 18px;

    margin-top: 0px;

    color: #fd6693!important;

}



.commenterimg

{

    padding-right:  0px!important;

}



.commentermsg

{

    padding-left:  0px!important;

}



.yourcomments

{

    padding-top: 10px;

}



.yourcomments1

{

    margin-top: 20px;

    padding-left: 30px!important;

        padding-right: 30px!important;

}



.comleft

{



   border-radius: 50%;

    float: left;

    margin-left: 7px;

    margin-top: -41px;

}



.comright

{

    float: right;

        margin-right: 20px;

        margin-top: -35px;

}



.collapsing {

-webkit-transition: height .5s ease;

-o-transition: height .5s ease;

transition: height .5s ease;

}



.addcomment

 {

    height: 47px!important;

    padding-bottom: 10px!important;

    padding-left: 70px!important;

    padding-top: 10px!important;

    border-radius: 50px!important;

    color: #b0b1b6!important;

    background-color: #f5f5f5!important;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 50px!important;

}



.addcomment:focus

{

    box-shadow: none!important;

}



.postimg {

    position: relative;



}



.pubimg

{

    position: relative;



}



.posterimge

{

    padding-bottom: 20px;

        border-bottom: 1px solid #f1e4e4;

}



.secondimg

{

    margin-top: 10px;

}







.threedot

{

    position: relative;



}



.uploading-news

{

    position: relative;

}



.filesuploader

{

    margin-top: -10px;

}

.threedot img

{

        cursor: pointer;

}

.chatoptions h5

{

    cursor: pointer;

    padding-top: 5px;

        padding-left: 10px;

            padding-right: 40px;



    font-size: 16px!important;

color: #5ca1a6;



}



.chatoptions h5 img

{

    padding-right: 20px;

}



.hidingcomment

{

    display: none;

}



.yourcomments .maledesigner .commstart:before

{



   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:2px 0 0 2px;

}



.newsfeedsdetail .maledesigner .commstart:before

{



   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:2px 0 0 -28px;

}



.yourcomments .femaledesigner .commstart:before

{



   background:url('../images/icons/femaled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:2px 0 0 2px;

}



.newsfeedsdetail .femaledesigner .commstart:before

{



   background:url('../images/icons/femaled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:2px 0 0 -28px;

}



.newsfeedsdetail .commstart

{

    padding-left: 28px;

    color: #999999;

}



.newsfeedsdetail .others

{

    color: black;

}

.newsfeedsdetail h4

{

font-size: 15px;

color: #666666;

padding-top: 20px!important;

}



.newsfeedsdetail .searchcontent

{

    border-bottom: none!important;

}



.notiread

{

    background: #edf5f5;

}



.todaymessages

{

    border-bottom: 1px solid #edf5f5;

}





.newsfeedsdetail .maledesigner:after

{

    display:    none;

   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:0px 0 0 0px;

}



.yourcomments .maledesigner:after

{

    display:    none;

   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:0px 0 0 0px;

}





.fullcomments

{

    margin-top: 15px;

}

.show {display:visible;}



.displayreact {display:visible;}



.view {display:visible;}



.chatoptions {

display: none;

        padding-top: 10px;

    padding-bottom: 10px;

    background: white;

    z-index: 9999;

    position: absolute;

    left: -130px;

    top: -5px;

    box-shadow: 0px 0px 5px #e3cfcf;

}



.reaction {
    z-index: 9999;
    
    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 16px;

    border-radius: 50px;

    background: white;

    position: absolute;

    left: -35px;

    top: 19px;

    box-shadow: 0px 0px 25px #333;

}



.reaction img

{

margin-left: -10px;

padding-right: 10px;

}



#react

{

    display: none;

}



textarea

{

border: 1px solid #f0f1f3!important;

}



/*Newsfeed Leftside Style*/









/*header*/

header{

    background-color: #0c152b;

}

header ul li.profile-pic a img{

     height: 30px;

    border: 1px solid #fd6693;

    width: 30px;

}

header ul li.dropdown a.profile-name{

    color: #fff !important;

    font-size: 18px;

}

button.navbar-toggler.nav-btn{

    padding: 3px !important;

}

.profile-dropdown .dropdown-item{

    color: #000 !important;

}

nav .input-group input{

    border-radius: 50px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

nav .input-group .input-group-append{

     background: #fff;

    border-top-right-radius: 50px;

    border-bottom-right-radius: 50px;

}

nav .input-group button{

    border-top-right-radius: 50px;

    border-bottom-right-radius: 50px;

    border: none !important;

    box-shadow: none !important;

}

header .input-group input.border {

    border: none !important;

}

header .input-group input.border:focus{

    box-shadow: none !important;

}

.dropdown-menu-right {

    right: unset;

}

.navbar-light .navbar-toggler{

    background-color: #fff !important;

}

a#navbarDropdownMenuLink{

    position: relative;

}

.fa-caret-down{

    font-size: 24px !important;

    position: absolute;

    color: #fff;

    top: 9px;

    right: -13px;

}

.navbar-light .navbar-nav .nav-link img {

    width: 23px;

}

.profile-pic a img{

    width: 45px !important;

    height: 45px !important;
 
    border-radius: 5px;

    object-fit: cover;

    object-position: top;
}

.notify-num{

    width: 15px;

    position: absolute;

    height: 16px;

    background: #4c9aa0;

    border-radius: 50%;

    color: #fff;

    bottom: -6px;

    font-size: 12px;

    top: 3px;

    right: 3px;

    text-align: center;

}

.navbar-light .notify-icon-list  .nav-link{

position: relative;



}

/*header*/



.profile,.chat{

     background-color: #fff;

     border-radius: 5px;

}

.profile{

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);

}

.left-section{

    /*width: 276px;*/

    padding-right: 0px;

    padding-left: 0px;

    margin: 0 auto;

    padding: 50px 0px;

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{

    padding-left: 0px;

    padding-right: 0px;

}

.row{

    margin-left: 0px;

    margin-right: 0px;

}

.profile-img-section{

    position: relative;

    padding-right: 0px;

    padding-left: 0px;



}

.profile-img-section img{

width: 100%;

    border-radius: 5px;

}

.profile-img-section .profile-img img{

        height: 100px;

    width: 100px;

margin-top: -50px;

    /*border: 2px solid #fd6693;*/

    border-radius: 10px;

}

.profile-detail{

    margin-top: 45px;

    font-weight: normal;

}

.profile-detail h3{

    color: #fd6693;

    font-size: 20px;

}

.profile-detail .user,.user-follow .follow,.profile-detail p{

    color: #b8b8b8;

}

.chat{

    margin-top: 40px;

    padding-bottom: 20px;

}

.chat h3{

    font-size: 18px;

    margin-bottom:10px;

    padding-top: 20px;

    padding-left: 20px;

}

.chat .img-block{

    margin-bottom: 25px;

}

.chat .img-block img{

    height: 57px;

    width: 57px;

    min-width: 57px;

    border-radius: 50%;

    object-fit: cover;

    object-position: top;

}

.chat .img-block{

    position: relative;

    width: 55px;

    height: 55px;

}

.img-block span{

    border: 2px solid white;

    width: 12px;

    position: absolute;

    height: 12px;

    background: #42ab43;

    border-radius: 50%;

    bottom: -6px;

/*    left: 40px;*/

}

.user-follow{

    padding-bottom: 15px;

}

.user .user-block{

        height: 55px;

    border-right: 2px solid #d4d4d4;

}

.user p.mail {

    border-right: 1px solid #d3d3d3;

}



header .input-group input.border{

        border: 1px solid #fff!important;

} 

header .input-group .input-group-append button:hover{

    color: #6c757d;

    background-color: #fff !important;

}



header ul li.dropdown .profile-dropdown .dropdown-item

{

        border-left: 3px solid transparent;    

}

header ul li.dropdown .profile-dropdown .dropdown-item:hover {

    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);

    background: #fff;

        border-left: 3px solid #4c9aa0;

}



.navbar-expand-md .navbar-nav .dropdown-menu {

    padding-bottom: 0px;

    position: absolute;

    top: 53px;

    right: 36px;

}



.dropdown-item:active{

    background-color: #fff !important;

    color: #000 !important;

}

.profile-dropdown.show a {

    padding-bottom: 10px;

    padding-top: 10px;

font-weight: bold;

}





.commentermsg p

{

    float: left;

}





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

body .followingmiddle1

    {

        margin-top: 30px!important;

    }

}





@media only screen and (max-width: 1088px) and (min-width: 992px){



     .signupbutton

            {

                padding-left: 0px!important;

            }





            .alreadybutton

            {

                padding-right: 0px!important;

            }

        }



@media only screen and (min-width: 320px) and (max-width: 767px){





    ul.navbar-nav{

        flex-direction: row !important;

        justify-content: center;

    } 



/*    .navbar-expand-md .navbar-nav .dropdown-menu {

    position: absolute;

    top: 53px;

   left: -190px;

}*/

.notify-dropdown

{

    position: absolute!important;

    left: -190px!important;

    right: -87px!important;

}



.messages-dropdownes    

{

    position: absolute!important;

    left: -135px!important;

    right: -110px!important;

}



    header{

    position: fixed;

    width: 100%;

    z-index: 9999;

    }

    .left-block {

    padding-top: 17px;

}

    .notify-num{

        right: unset;

        left: 14px;

    }

    .middle-section {

    padding:  0px;

}

.fa-caret-down {

    font-size: 24px !important;

    position: relative;

    color: #fff;

    top: 2px;

    right: -13px;

}

.home-icon {

    margin-right: 0px !important;

}

.msg-popup {

    width: 300px !important;

}

/*.navbar-expand-md .navbar-nav .dropdown-menu {

    position: absolute;

    top: 45px !important;

    right: -123px !important;

}*/

/*.dropdown-menu.dropdown-menu-right.notify-dropdown {

    position: absolute;

    top: 45px !important;

    right: -123px !important;

}*/

/*.dropdown-menu.dropdown-menu-right.notify-dropdown {

    position: absolute;

    top: 45px !important;

    right: -100px !important;

}*/

.dropdown-menu.dropdown-menu-right.profile-dropdown {

    top: 45px !important;

    right: -22px !important;

}

#navbar5.side-nav-close{

/*    position: fixed !important;

     left: -250px !important;*/

      width: 0px !important;

/*    transition: width 10s;

    -webkit-transition: width 10s;

    -moz-transition:width 10s;

    -o-transition:width 10s;

     transition-timing-function: linear;

    -webkit-transition-timing-function: linear;*/

}

#navbar5.side-nav{

    display: block !important; 

    position: fixed !important;

    width: 300px !important;

    left: 0px !important;

    z-index: 999999 !important;

    background: #0c152b !important;

    top: 57px !important;

    transition-property: left, right;

    transition: width 10s;

    -webkit-transition: width 3s;

    -moz-transition:width 3s;

    -o-transition:width 3s;

    transition-timing-function: linear;

    -webkit-transition-timing-function: linear;

}

}

@media only screen and (min-width: 768px){

.dropdown a.profile-name {

    right: 24px !important;

    top: 5px !important;

}



}

/*message-popup*/

.msg-popup{

    width: 350px;

}

.msg-popup .popup-msg{

    padding: 10px 20px;

}

.msg-dropdown{

    padding: 0px;

}

.msg-popup .msg-dropdown{

    padding: 0px;

}

.msg-popup h5,.popup-msg h5{

font-size: 12px;

}

.msg-popup .popup-head{

        padding: 10px 10px 0px 10px;

}

.msg-popup .popup-head h5,.popup-head p{

font-size: 12px;

font-weight: 600;

}

.msg-popup .msg-block-img{

/*  width: 65px;*/

    height: 40px;

}

.msg-popup .msg-block-img img{

    /*width: 100%;*/

    height: 100%;

}

.msg-popup .msg-block-content p{

    font-size: 12px;

}

.msg-popup .msg-block-content div{

    width: 13px;

    position: relative;

    bottom: 1px;

    left: 8px;

}

.msg-popup .msg-block-content img{

width: 100%;

}

.msg-popup .msg-time{

    font-size: 10px;

    color: #999999;

}

.msg-popup .msg-popup-block {

    height: 250px;

    overflow-y: auto!important;   

    overflow-x: hidden;

}



::-webkit-scrollbar { 

    display: none; 

}

.msg-popup .msg-footer {

     padding: 8px;

    color: #fff;

    background: #4c9aa0;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}



.detail-content h5

{

            font-weight: bold;

}

.detail-content{



    display: flex;

     flex-direction: row;

    flex-wrap: wrap;

    white-space: normal;

    padding-left: 10px;

}

.detail-content .logo{

    width: 13px;

    position: relative;

    bottom: 7px;

    left: 8px;

}

.detail-content .logo img{

    width: 100%;

}

.detail-content .msg-content{

    font-size: 12px;

    position: relative;

    bottom: 6px;

   color: #999999;

}

.msg-popup .popup-msg.popup-msg1 h5,.msg-popup .popup-msg.popup-msg5 h5{

color: #4c9aa0;

}

.msg-popup .popup-msg.popup-msg2,.msg-popup .popup-msg.popup-msg3 {

    background: #edf5f5;

}

.msg-popup .popup-msg.popup-msg2 h5,.msg-popup .popup-msg.popup-msg3 h5 {

    font-weight: 600;

}

.msg-popup .popup-msg.popup-msg1 .msg-block-img img,.msg-popup .popup-msg.popup-msg5 .msg-block-img img{

    border:2px solid #4c9aa0;

    border-radius: 5px;

}

.msg-popup .popup-msg.popup-msg4 h5{

color: #fd6693;

}

.msg-popup .popup-msg.popup-msg4 .msg-block-img img{

    border:2px solid #fd6693;

    border-radius: 5px;

}

/*message-popup*/ 

/*notify-popup*/ 

.notify-popup span.notify-hastag {

    font-size: 12px;

    color: #7f87be;

}

.notify-popup .notify-comment {

    color: #999999;

}

.notify-popup .comment-count {

     color: #333333;

    font-weight: 500;

    font-size: 13px;

}

.notify-popup  .detail-content .logo{

    width: 13px;

    position: relative;

    display: inline-block;

    bottom: 2px;

    left: 3px;

    margin-right: 4px;

}



/*notify-popup*/ 

/*middle-section*/

.middle-section{

    padding: 40px 0px;

}

.post-description{

    background-color: #fff;

    padding: 10px;

    border: 1px solid #cacaca;

    border-radius: 4px

}

.post-description input{

    border:none;

    outline: none;

}

 button.publish{

     width: 105px;

    height: 40px;

    background: #4c9aa0;

    color: #fff;

    border: none;

    outline: none;

    border-radius: 25px;



}

.private-drop .pvt-icon{

    width: 20px;

    height: 20px;

    margin-top: 10px;

    margin-right: 10px;

}

.private-drop ul li a{

    color: #d3d3d3;

}

.private-drop .dropdown-menu{

        left: 111px !important;

        top: -12px !important;

}

.private-drop .fa-caret-down {

    font-size: 19px !important;

    position: absolute;

    color: #444;

    top: 11px;

    right: -16px;

}

.pvt-drop {

    width: 76px;

}

.pvt-drop img {

    width: 100%;

    height: 100%;

}



.lesses

{

    display: none;

}

/*Followers & Following Style */



 .body-color-main {

    background: #f9f9f3;

}

 .menu-main {

    background: #0c152b;

    height: 71px;

}

.fs-banner-header img {

    width: 1255px;

    margin: auto;

    max-width: 100%;

    padding-top: 45px;

    height: 440px;

}



.child-image .rounded-img {

    height: 135px;

    width: 135px;

   /* border: 2px solid #fd6693;*/

    border-radius: 12px;

    float: left;

    position: relative;

    bottom: 55px;

    left: 25px;

    overflow: hidden;

    

    background-position: top;

}

.rounded-img img {

    width: 100%;

    height: auto;

}

 .parent-round-img {

    width: 200px;

}

div#about {

    padding: 0px;

}

.container.child-image h3 {

    font-size: 24px;

    color: #fd6693;

    margin-top: 19px;

}

 

.container.child-image h3 small {

    margin: 15px 11px;

    padding: 4px 8px;

    background: #fd6693;

    color: #ffffff;

    font-size: 12px;

    border-radius: 50px;

}

.container.child-image p {

    font-size: 20px;

    color: #979797;

}



ul.nav.nav-tabs.inner-tab-live a.nav-link.active {

    color: #444444;

    font-size: 22px;

    font-weight: 600;

        margin-left: 30px;

            padding: 5px 35px;

}

.left-tab-section {

    height: auto;

    width: 390px;

    background: #fff;

    height: auto;

    border-radius: 4px;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);

    padding: 20px 5px;

}

.left-tab-section .font-1 {

    font-size: 20px;

    font-weight: 600;

}

.left-tab-section .font-2 i.fas.fa-cogs {

    float: right;

    color: #4c9aa0;

    border: 1px solid #ccc;

    padding: 6px;

    border-radius: 4px;

    background: #f9f9f3;

}

.left-tab-section .para-txt {

    font-size: 18px;

    padding-top: 35px;

    padding-bottom: 35px;

}

.left-tab-section .font-3 {

    font-size: 18px;

    font-weight: 600;

    color: #585858;





}

.left-tab-section .font-4 {

    font-size: 18px;

    font-weight: 600;

    color: #000;



    text-align: right;

}

.left-tab-section .font-5 {

    margin-top: 40px;

    font-size: 18px;

    color: #86b6ba;

}

.left-tab-section .font-5 a {

    font-size: 18px;

    color: #86b6ba;

    text-decoration: none;

}

.left-tab-section .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  

    background-color: #f9f9f3!important;

  

    border-bottom: none!important;

}

.inner-tab-live li.nav-item a {

    color: #444444;

    font-size: 20px;

        padding: 5px 35px;

            padding-left: 66px;

}



/*Followers Tab */

.followeruser

{

    margin-top: -50px;

}



.followerdetails .det

{

    box-shadow:0px 3px 3px rgba(220, 193, 193, 0.5);

    border-radius: 10px;

    background: white;

    padding-bottom: 20px;

}



.followerdetails .maledesigner

{

    padding-top: 0px;

    font-size: 20px;

    color: #4c9aa0!important;

}



.followerdetails .femaledesigner

{

        padding-top: 0px;

    font-size: 20px;

    color: #fd94b1!important;

}



.newsfeedsdetail .maledesigner

{

    padding-top: 0px;

    font-size: 18px;

    color: #4c9aa0!important;

    text-align: left;

    clear: none;

    margin-left: 60px;

}



.newsfeedsdetail .femaledesigner

{

        clear: none;

    margin-left: 60px;

        padding-top: 0px;

    font-size: 18px;

    color: #fd94b1!important;

    text-align: left;

}



.maledesigner:after

{

   background:url('../images/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:-1px 0 0 3px;

}



.followerdetails h4

{

  font-size: 15px;

  color: #737373;



    margin-top: 5px;

}



.followerdetails h3

{

        padding-top: 0px;

    font-size: 20px;

}



.followerdetails .following

{

    background: #e0e0e0;

    font-size: 12px;

    color: #6e6e6e;

    border-radius: 50px;

border: none!important;

    margin-top: 12px;

    width: 90%;

    padding-left: 10px;

}



.followerdetails .message

{

    background: white;

    font-size: 12px;

    color: #4c9aa0;

    border-radius: 50px;

    border: 1px solid #4c9aa0;

    margin-top: 12px;

    width: 90%;

    padding-left: 10px;

}







.followerdetails .follow

{

    background: #4c9aa0;

    font-size: 12px;

    color:white;

    border-radius: 50px;

    border: none;

    margin-top: 12px;

    width: 90%;

    padding-left: 10px;

}



.followerdetails .col-12

{

    margin-top: 20px;

}

/*#following .following

{

    background: #4c9aa0!important;

    color: white!important;

}*/

.det img:first-of-type

{

    width: 100%;

}

#myInput:focus

{

    box-shadow: none!important;

        border-bottom: 1px solid #cee2e3!important;

}

#myInput

{

/*    padding-top: 20px;

    padding-bottom: 20px;*/

    font-size: 36px;

    border-radius: 0px!important;

/*    margin-top: 20px;*/

    background: transparent!important;

    border: none;

}

#myInput::-webkit-input-placeholder {

    background-size: 80%;

    font-size: 35px;

  color: transparent;

  text-indent: -9999px;

  background-image: url('../images/search.png');

  background-position: 0 50%;

  background-repeat: no-repeat;

}

#myInput::-moz-placeholder {

    background-size: 80%;

  /* Firefox 19+ */

    font-size: 35px;

  color: transparent;

  text-indent: -9999px;

  background-image: url('../images/search.png');

  background-position: 0 50%;

  background-repeat: no-repeat;     

}

#myInput:-moz-placeholder {

    background-size: 80%;

  /* Firefox 18- */

    font-size: 35px;

  color: transparent;

  text-indent: -9999px;

  background-image: url('../images/search.png');

  background-position: 0 50%;

  background-repeat: no-repeat;     

}

#myInput:-ms-input-placeholder {

    background-size: 80%;

  /* IE 10- */

    font-size: 35px;

  color: transparent;

  text-indent: -9999px;

  background-image: url('../images/search.png');

  background-position: 0 50%;

  background-repeat: no-repeat;   

}



.reseth

{

    font-weight: bold;

}





.myinputs1::-webkit-input-placeholder 

{

    background-size: 80%;

  color: transparent!important;

  text-indent: -9999px!important;

  background-image: url('../images/searchfollow.png')!important;

  background-position: 0 50%!important;

  background-repeat: no-repeat!important;

 

}

.myinputs1::-moz-placeholder {

    background-size: 80%;

  color: transparent!important;

  text-indent: -9999px!important;

  background-image: url('../images/searchfollow.png')!important;

  background-position: 0 50%!important;

  background-repeat: no-repeat!important;

 

}

.myinputs1:-moz-placeholder {

    background-size: 80%;

  color: transparent!important;

  text-indent: -9999px!important;

  background-image: url('../images/searchfollow.png')!important;

  background-position: 0 50%!important;

  background-repeat: no-repeat!important;

 

}

.myinputs1:-ms-input-placeholder {

    background-size: 80%;

  color: transparent!important;

  text-indent: -9999px!important;

  background-image: url('../images/searchfollow.png')!important;

  background-position: 0 50%!important;

  background-repeat: no-repeat!important;

 

}





/*Followers Setting Tab*/



lor-main {

    background: #f9f9f3;

}

 .menu-main {

    background: #0c152b;

    height: 71px;

}

.fs-banner-header img {

    width: 1255px;

    margin: auto;

    max-width: 100%;

    padding-top: 45px;

}



.child-image .rounded-img {

    height: 135px;

    width: 135px;

   /* border: 2px solid #fd6693;*/

    border-radius: 12px;

    float: left;

    position: relative;

    bottom: 55px;

    left: 25px;

    overflow: hidden;

    

    background-position: top;

}

.rounded-img img {

    width: 100%;

    height: auto;

}

 .parent-round-img {

    width: 200px;

}

div#about {

    padding: 0px;

}

.container.child-image h3 {

    font-size: 24px;

    color: #fd6693;

    margin-top: 19px;

}

 

.container.child-image h3 small {

    margin: 15px 11px;

    padding: 4px 8px;

    background: #fd6693;

    color: #ffffff;

    font-size: 12px;

    border-radius: 50px;

}

.container.child-image p {

    font-size: 20px;

    color: #979797;

}



ul.nav.nav-tabs.inner-tab-live a.nav-link.active {

    color: #444444;

    font-size: 22px;

    font-weight: 600;

            

}

/*.home-tab ul.inner-tab-live li {

    margin-left: 30px;

}*/

.left-tab-section {

    width: 390px;

    background: #fff;

    height: auto;

    border-radius: 4px;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);

    padding: 20px 5px;

}

.left-tab-section .font-1 {

    font-size: 20px;

    font-weight: 600;

}

.left-tab-section .font-2 i.fas.fa-cogs {

    float: right;

    color: #4c9aa0;

    border: 1px solid #ccc;

    padding: 6px;

    border-radius: 4px;

    background: #f9f9f3;

}

.left-tab-section .para-txt {

    font-size: 18px;

    padding-top: 35px;

    padding-bottom: 35px;

}

.left-tab-section .font-3 {

    font-size: 18px;

    font-weight: 600;

    color: #585858;



}

.left-tab-section .font-4 {

    font-size: 18px;

    font-weight: 600;

    color: #000;



    text-align: right;

}

.left-tab-section .font-5 {

    font-size: 18px;

    color: #86b6ba;

}

.left-tab-section .font-5 a {

    font-size: 18px;

    color: #86b6ba;

    text-decoration: none;

}

.left-tab-section .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  

    background-color: #f9f9f3!important;

  

    border-bottom: none!important;

}

.inner-tab-live li.nav-item a {

    color: #444444;

    font-size: 20px;

         

}



 

/*Setting - profile*/

.container.home-tab ul.nav.nav-tabs.inner-tab-live a.nav-link.active {

    border-radius: 0;

}

.setting-profile {

    width: 100%;

    display: flex;



        align-items: flex-start;

}



#profile_info

{

    margin-top: 30px;

}



#change_picture

{

    margin-top: 30px;

}



#message_setting

{

    margin-top: 30px;

}



#privacy_setting

{

    margin-top: 30px;

}



#card_detail

{

    margin-top: 30px;

}



#Delete_Account

{

    margin-top: 30px;

}



#plandetail

{

    margin-top: 30px;

}



#profile_info

{

    margin-top: 30px;

}



.setting-profile-left {

    width: 394px;

    background-color: #fff;

    border-radius: 7px;

    box-shadow: 0px 2px 11px #f0e3e3;

    margin-right: 30px;

    float: left;

        padding: 0px!important;

}

.setting-profile-left .nav-tabs .nav-link.active, .setting-profile-left .nav-tabs .nav-item.show .nav-link {

    color: unset;

    background-color: #fff !important;

    border-color: unset;

}



.setting-profile-left ul {

    flex-direction: column;

}

.container.home-tab div#setting {

    padding: 0;

}



#setting .setting-profile-left ul li a

{

color: #585858;

font-weight: bold;

padding-top: 15px;

padding-bottom: 15px;

}



#setting .setting-profile-left ul li a.active {

    background-color: #fff !important;

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.12);

    border-left: 4px solid #4c9aa0 !important;

    border-radius: 0;

    color:#86b6ba;

}

.setting-profile-left ul li:last-child a {

    color: #e74c3c!important;

}

.right-section-tab.prof-info input:focus {

    box-shadow: none;

    border-color: #ced4da;

}

.setting-profile-left h4 {

    font-size: 20px;

    padding: 15px;

    margin: 0;

}

.setting-profile-left ul li a {

    color: #585858;

    border-left: 4px solid transparent !important;

}

.setting-profile-right {

    width: 873px;

    background-color: #fff;

    border-radius: 7px;

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.12);

    float: left;

}

.setting-profile-left ul li a {

    border: 0 !important;

}





/*Setting - profile*/



/*profile-info*/

.tab-section-right{width:100%;}

.profile-top a{color:#504641;font-size:20px;}

.profile-top a:hover{text-decoration:none;color:#339999;}

.profile-top { width: 100%; padding-top: 25px;padding-left:20px !important;padding-right: 20px !important;}

.profile-top label{font-size:18px;padding-top:28px;color:#000;padding-bottom:20px;}



.yourc .profile-pic{

    height: 145px;

    width: 145px;

    border-radius: 12px;

    float: left;

    position: relative;

    overflow: hidden;

    background-position: top;}



    input[type=file]::-webkit-file-upload-button {

    color: #fff;

    border:transparent;

    border-radius: 270px;

    background: #4c9aa0;

    padding:7px 6px;

    font-size:20px;

}

.upload-profile h2{color:#9d9d9d;font-size:18px;padding-top:30px;padding-bottom:20px;}

.file-upload{border:2px solid #a0c9cc;border-radius:54px;padding:3px;padding-right:80px;cursor:pointer;}

.upload-cover h2{color:#000;font-size:18px;padding-top:40px;padding-bottom:20px;}

.fashow-banner-sec{border-radius: 4px;width:100%; height:379px;padding-right:0px !important;padding-left:0px !important;/*background: url(../images/fashow-banner-1.jpg) no-repeat red;*/background-position:center;}

.fashow-banner-sec img{width:100%;height:100%;}

/*.upload-cover .file-upload{margin-bottom:40px;}*/

.upload-cover p{color: #9d9d9d;font-size:18px;padding-top:30px;padding-bottom:20px;}

.btn-save{color:#fff;background:#4c9aa0;padding:4px 0px !important; width: 225px;margin-bottom:30px;font-size:18px !important;}



/*message-setting*/

.message-setting{padding-right:20px !important;padding-left:20px !important;}

.message-setting h2{color:#000;padding-top:25px;font-size:20px;}

.active-toggle p{color:#000;padding-bottom:15px;font-size:20px;margin-bottom:0px !important;}

.active-toggle h2{padding-top:0px;color:#9d9d9d;}

.active-toggle-mid{padding-top:45px;padding-bottom:45px;}

.save-changes{margin-top:40px;margin-left:15px;}

.msg-seting h2{padding-left:15px;}

/*Toogle*/

.switch {

  position: relative;

  display: inline-block;

  width: 62px;

  height: 30px;

  float:right;

}



.switch input { 

  opacity: 0;

  width: 0;

  height: 0;

}



.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}



.slider:before {

  position: absolute;

  content: "";

  height: 24px;

  width: 24px;

  left: 9px;

  top: 3px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color:#4c9aa0;

}







input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}

.active-toggle {

    margin-top: 10px;

}

/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}

/*/Toogle*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.tab-section-right {

    width: 100%;

}

.fashow-banner-sec {

    width: 100%;

}

.news1 .following
{
    width: auto;
}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .fashow-banner-sec {

    width: 100%;

}

}



.message-setting,.profile-top {

    background: #ffffff;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);

    border-radius: 4px;

}



.setting-profile-left ul.nav.nav-tabs {

    padding-bottom: 20px;

    border-bottom: 0px;

}



button:focus {

    outline: 0;

}

/*deleteaccount*/

.right-section-tab {

    padding: 25px 25px 35px 25px;

    width: 833px;

    border-radius: 4px;background: #ffffff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);

    max-width:100%;

}

.right-section-tab  h3 {

    margin-bottom: 20px;

    font-size: 20px;

    color: #343434;

}

.right-section-tab .plan-detail-1 label {

    font-size: 18px;

    font-weight: 500;

    color: #585858;

}

 .right-section-tab button.btn-delete-sec {

    width: 225px;

    height: 35px;

    border: none;

    color: #ffffff;

    background: #4c9aa0;

    border-radius: 3px;

    margin-top: 40px;

}

 .right-section-tab input#usr, input#pwd {

    padding: 8px;

    border-radius: 0px!important;

    width: 383px;

    max-width: 100%;

}

 textarea#comment-del {

    border-radius: 0px!important;

    color: #585858;

    font-weight: 500;

    margin-top: 12px;

}

textarea#comment-del:focus {

    box-shadow: 0 0 0 0rem rgb(206, 212, 218);

    border-color: #ced4da;

}

/*payment*/

.plan-detail-1 .payment-section-main {

    border: 1px solid #dcdcdc;

 

}

.plan-detail-1 .text-last {

    text-align: end;

}

.plan-detail-1 .text-first h3 {

    color: #4c9aa0;

    margin-bottom: 5px;

}

.plan-detail-1 .text-first h3 span {

    color: #343434;

}

.plan-detail-1 .text-last i.fa.fa-check-circle {

    color: #fd6693;

}

.plan-detail-1 .text-last span.credit-crd {

    font-size: 20px;

    color: #343434;

    font-weight: 500;

}

.plan-detail-1 .payment-section-main {

    border: 1px solid #dcdcdc;

    padding: 12px 9px 12px 9px;

}

.right-section-tab .plan-detail-1 .text-first {

    margin-left: 30px;

}

.plan-detail-1 .text-first p {

    margin-bottom: 0px!important;

}

.plan-detail-1 .text-last i.fa.fa-check-circle {

    color: #fd6693;

    position: absolute;

    bottom: -12px;

    right: -8px;

    font-size: 22px;

}

 



.plan-detail-1 .pay-buttons button.edit {

    height: 35px;

    width: 105px;

    margin-right: 20px;

    border-radius: 30px;

    border: none;

    color: #ffffff;

    cursor:pointer;

}

.plan-detail-1 .pay-buttons {

    margin-top: 20px;

}

.plan-detail-1 .pay-buttons button.edit:first-child {

    background: #4c9aa0;

}

.plan-detail-1 .pay-buttons button.edit:nth-child(2) {

    background: #e74c3c;

}

 .right-section-tab .plan-detail-1  .last-text {

    margin-top: 40px;

}

.right-section-tab .plan-detail-2 p {

    font-size: 20px;

    color: #343434;

        margin-bottom: 0.5rem;

}

  .right-section-tab .plan-detail-1  .last-text i.fas.fa-plus {

    color: #86b6ba;

    margin-right: 20px;

}

.right-section-tab .plan-detail-1 .last-text h4 a {

    color: #86b6ba;

    font-size: 20px;

    text-decoration: none;

}



/*plan-details-2*/

.right-section-tab .plan-detail-2 h3 {

   margin-bottom: 20px;

    font-size: 20px;

    color: #343434;

}

.right-section-tab .plan-detail-2 p span span.p {

    color: #fd94b1;

}

.right-section-tab .plan-detail-2 h4{display:inline-block;}

.right-section-tab .plan-detail-2 h4 a {

    color: #86b6ba;

    font-size: 20px;

    text-decoration: none;

}

.right-section-tab .plan-detail-2 button.change-btn {

    width: 135px;

    height: 33px;

    border: none;

    border-radius: 30px;

    color: #ffffff;

    background: #4c9aa0;

    float: right;

    margin-left: auto;

    cursor:pointer;

}

.plan-detail-2,.plan-detail-1 {

    width: 100%;

}



.right-section-tab .prof-info,.right-section-tab.prof-info label {

    font-size: 18px;

    font-weight: 500;

    color: #585858;

}

.radio {

    margin-left: 15px;

}

.right-section-tab.prof-info h4 {

    font-size: 22px;

    color: #585858;

    margin-bottom: 20px;

    margin-top: 8px;

}

.right-section-tab.prof-info input {

    border-radius: 0px;

        padding: 8px 0px;

}

input#optionsRadios2 {

    margin-left: 15px;

}

.right-section-tab.prof-info {

    padding: 25px 25px 10px 25px;

}

.right-section-tab.prof-info:nth-child(2) {

    margin-top: 30px;

        padding-bottom: 20px;

}

 button.btn-delete-sec {

    width: 225px;

    height: 35px;

    border: none;

    color: #ffffff;

    background: #4c9aa0;

    border-radius: 3px;

    margin-top: 40px;

    cursor:pointer;

} 

.active-toggle p:nth-child(2) {

    font-size: 18px;

    color: #737373;

}

.active-toggle  .switch button {

    width: 85px;

    height: 34px;

    border: none;

    border-radius: 30px;

    background: #4c9aa0;

    color: #ffffff;

    cursor:pointer;

}

.active-toggle  select {

    color: #4c9aa0;

    border: none;

}

.message-setting {

    padding-bottom: 20px;

}

/*radiobutton*/



.radios .checkmark::after {

    top: 3.5px;

    left: 5px;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #4c9aa0;

}

.radios input:checked ~ .checkmark {

    background-color: #4c9aa0;

    border: 4px solid #dadada;

}

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    background-color: #eee;

    border-radius: 50%;

}

.radios input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    top: 7px;

    left: 6px;

}

label.radios.mv {

    margin-left: 37px;

}

.radios {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

}



/*Payment & Plan



/*Pricing & Payment Style */





#payment

{

    background-image: url('bga.jpg');

    height: 100%;

    font-family:'DINPro';

}



#payment #heading

{

    margin-top: 38px;

}





#payment #money

{

position: relative;

top: 50%;

transform: translateY(-55%); 

}



#payment #bankin

{

    padding-bottom: 30px;

}



#payment #ext

{

    margin-top: 13px;

}



#payment .basis

{

    margin-top: 25px;

}



#payment #pay

{

    margin-top: 25px;

}



#payment #fuller

{

        padding-bottom: 38px;

}



#payment .tab-content

{

    margin-top: 38px;

}



#payment .bacg

{

 padding-top: 30px;

}



#payment #selectplan

{

 padding-top: 30px;

}



#payment .bacg h2

{

 margin-top: 20px;

}



#payment .bacg h3

{

 margin-top: 20px;

}



#payment .bacg li

{

 margin-top: 20px;

}



/*#payment .tab-content

{

    padding-bottom: 50px;

}*/



.signupbold11

{

    font-weight: bold!important;

}



.signupbolding

{

    font-weight: bold!important;

    color: #333333!important;

}

#payment #heading h1 

{
    margin-top: -15px;

    font-family:'DINPro';

    text-align: center;

    font-size: 45px;

}



#payment #heading h2

{

    font-family:'DINPro';

    text-align: center;

    font-size: 25px;

}



#payment .nav-pills

{

    justify-content: center;

}



#payment .nav-pills .nav-link

{

    font-weight: bold;

    letter-spacing: 1px;

    width: 123px;

    height: 42px;

    text-align: center;

        background: white;

    color: black;

}







#payment .nav-pills .nav-link.active, .nav-pills .show>.nav-link

{

    color: white;

    background: #4c9aa0;

}



#payment #cart

{

    margin-left: -3%;

}

#payment #cart h2

{

    text-align: center;

}



#payment #cart h3

{

    text-align: center;

}



#payment #cart li

{

    text-align: center;

}



#payment #cart .bacg

{

    background: white;

    background-repeat: no-repeat;



    background-image: url(wave.png);

    background-position: bottom;

    padding-bottom: 40px;

    border-radius: 15px;

    background-size:contain;

}



#payment .tab-pane h2

{

    background: #5cc7d0;

    color:white;

    font-size: 24px;

    padding-top: 18px;

        padding-bottom: 18px;

        padding-left: 20px;

     padding-right: 14px;

}



#payment #stan

{

    background: #4caab1;

}



#payment #prem

{

    background: #458c92;

}



#payment .tab-pane h3

{

    font-size: 60px;

}



#payment .tab-pane h3 span

{

    font-size: 30px;

}


.followingmiddle

{

    margin-top: -20px!important;

}





.setting-profile .newsother

{

    margin-top: 0px;

}





#payment .tab-pane ul {

  list-style: none; /* Remove default bullets */

}





#payment .tab-pane li

{

    font-size: 18px;

    color: #333333;

    padding:0px 20px;

}


#payment .gap

{

    margin-top: 3px;

}



#payment #pay

{

    background: white;

    border-radius: 8px;

}



#payment #pay h5

{

    font-size: 26px;

    color: #6d6d6d;

}



#payment #pay h6

{

    text-align: center;

    font-size: 19px;

    color: #666666;

}



#payment #pay h3

{

        text-align: center;

    font-size: 33px;

    color: #4c9aa0;

}





#payment #pay .nav-item

{

    border-bottom: none!important;

}



#payment #pay .nav-tabs .active

{

 border-bottom: 2px solid #919191!important;

 text-align: center;

 border-color: white;



}



#payment #pay .nav-tabs .active a

{

 color: #333333!important;

}



#payment #pay .nav-tabs .nav-item .active

{

  border-bottom: 1px solid white!important;   

}



#payment #pay .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover

{

    border-color: transparent;

}



#payment #pay .nav-item a

{

    padding-top: 18px;

    padding-bottom: 18px;

    color:#919191;

     font-size: 18px;

    text-align: center;

}



#payment #pay .nav-item .active 

{

    color:#333333;

}









#payment .detail

{

 box-shadow: 0px 0px 18px #f5eded;

 border-radius: 8px;

 margin-top: 0px;

 padding-bottom: 30px!important;

}





#payment .detail h3

{

 margin-top: 20px;

}



#payment .detail1

{

 box-shadow: 0px 0px 18px #f5eded!important;

border-top-right-radius: 8px;

 border-top-left-radius: 8px;

}



#payment #credit h3

{

    text-align: left;

    font-size: 15px;

    color: #b2b2b2;

}



#payment .agree1

{

    color: #333333;

    font-size: 14px;

    padding-bottom: 5px;

}



#payment .agree2

{

    color: #878787;

    font-size: 13px;

        line-height: 1.9;

}



#payment .agree

{

    margin-top: 20px;

    padding-right: 6px;

    padding-left: 40px;

}



#payment .paynow

{

        font-weight: bold;

    letter-spacing: 1px;

    background: #4c9aa0;

    color: white;

    width: 40%;

align-self: center;

}



#payment .cardnew

{

    padding-top: 23px!important;

    padding-bottom: 23px!important;

       font-size: 20px!important;

    color: #666666!important;

    border-top-right-radius: 9px!important;

        border-bottom-right-radius: 9px!important;

}



#payment .input-group-text

{

     border-top-left-radius: 9px!important;

        border-bottom-left-radius: 9px!important;   

}

#payment .input-group-prepend

{

        border-radius: 9px!important;

}



#payment .input-group-text

{

       padding-top: 23px!important;

    padding-bottom: 23px!important;

    background: transparent;

}



#payment .tab-content input

{

    border-radius: 0px 9px 9px 0px;

    font-size: 20px;

    color: #666666!important;

}



#payment .form-control:focus {



    background-color: transparent;

    border-color:  #ced4da;

    outline: 0!important;

    box-shadow: none!important;

}




@media only screen and (max-width: 1024px) and (min-width: 992px)

{


.tabing .nav-item
{
    padding-left: 10px;
}

.news1 .following
{
    width: auto;
}
    .loginn1

    {

      max-width: 43%!important;

          flex: 20%!important;

    }



}





@media only screen and (max-width: 767px)

{



.notify-icon-list .mr-4

{

    margin-right: 0px!important;

}



.notify-icon-list .mt-1, .my-1

{

    margin-top: 0px!important;

}



.file-upload

{

padding-right: 0px!important;

}

    .home-tab .nav



{

    padding-right: 30px;

}



.home-tab ul.inner-tab-live li

{

        width: 100%;

    text-align: center;

    margin-left: 0px!important;

}



    #payment .car

    {

        display: inline-block!important;

    }

    #payment .col-sm-12

    {

        margin-top: 20px;

    }



    #payment .col-12

    {

        max-width: 100%;

        margin-top: 40px;

    }



    #payment #cart

    {

        display: inline-block;  

    }



    .left-section

    {

        margin-top: 50px;

    }



}



@media only screen and (min-width: 767px)

{

  #payment .col-sm-6

  {

    max-width: 50%!important;

  }



  #payment #cart .col-lg-4

  {

     padding-left: 15px!important;

     padding-right: 15px!important;

  }

}



.messages textarea

{

    border: transparent!important;

}



.you .float-right {

    float: left !important;

}



.reply .float-right {

    float: left !important;

}



.gearsetting

{

    text-align: right;

}



.textingareas

{

    padding-left: 0px!important;

}



.profile-img-section

{

        padding-right: 0px!important;

    padding-left: 0px!important;

}



.fs-banner-header img {

    width: auto;

    margin: auto;

    max-width: 100%;

    padding-top: 45px;

}

.rounded-img .female

 {

     border: 3px solid #fd94b1 !important;

 }



.rounded-img .male

{

    border: 3px solid #4c9aa0 !important;

}

.child-image .rounded-img {

    height: 135px;

    width: 135px;

   /* border: 2px solid #fd6693;*/

    border-radius: 12px;

    float: left;

    position: relative;

    bottom: 55px;

    left: 25px;

    overflow: hidden;

    

    background-position: top;

}

.rounded-img img {

    width: 100%;

    height: auto;

}

 .parent-round-img {

    width: 200px;

}

div#about {

    padding: 0px;

}

.container.child-image h3 {

    font-size: 24px;

    color: #fd6693;

    margin-top: 19px;

}

 

.container.child-image h3 small {

    margin: 15px 11px;

    padding: 4px 8px;

    background: #fd6693;

    color: #ffffff;

    font-size: 12px;

    border-radius: 50px;

}

.container.child-image p {

    font-size: 20px;

    color: #979797;

}



ul.nav.nav-tabs.inner-tab-live a.nav-link.active {

    color: #444444;

    font-size: 20px;

    font-weight: 600;

        margin-left: 30px;

            padding: 5px 35px;

}

.left-tab-section {

        height: 100%!important;

    width: 390px;

    background: #fff;

    height: auto;

    border-radius: 4px;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);

    padding: 20px 5px;

}

.left-tab-section .font-1 {

    font-size: 20px;

    font-weight: 600;

}

.left-tab-section .font-2 i.fas.fa-cogs {

    float: right;

    color: #4c9aa0;

    border: 1px solid #ccc;

    padding: 6px;

    border-radius: 4px;

    background: #f9f9f3;

}

.left-tab-section .para-txt {

    font-size: 18px;

    padding-top: 35px;

    padding-bottom: 35px;

}

.left-tab-section .font-3 {

    font-size: 18px;

    font-weight: 600;

    color: #585858;





}



.left-tab-section .font-4

{

    padding-top: 44px;

}



.left-tab-section .font-3

{

    padding-top: 44px;

}



.left-tab-section .font-4 {

    word-break: break-all;

    font-size: 17px!important;

    font-weight: 600;

    color: #000;

    text-align: right;

}

.left-tab-section .font-5 {

    font-size: 18px;

    color: #86b6ba;

}

.left-tab-section .font-5 a {

    font-size: 18px;

    color: #86b6ba;

    text-decoration: none;

}

.left-tab-section .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  

    background-color: #f9f9f3!important;

  

    border-bottom: none!important;

}

.inner-tab-live li.nav-item a {

    color: #444444;

    font-size: 20px;

padding-left: 65px;

}

textarea#comments {

    width: 425px;

    height: 75px;

}

.right-text-area {

    margin-left: 30px;

}

::placeholder {

    color:#cacaca;

    

}

.right-text-area button.rgt-btn {

    width: 130px;

    height: 45px;

    background: #4c9aa0;

    border: none;

    color: #ffffff;

    border-radius: 33px;

    margin-left: 20px;

        cursor: pointer

}

.right-text-area button.rgt-btn {

    border: none;

    outline: none;

}

.rgt-form {

    position: relative;

}

 .rgt-form img {

    width: 30px;

    height: 20px;

    position: absolute;

    right: 28%;

    bottom: 5px;

}

.rgt-form img.videos

{

    width: 30px;

    height: 20px;

    position: absolute;

    right: 33%;

    bottom: 5px;

}

.fs-private img {

    height: 20px;

    width: 30px;

}

.fs-private select {

    border: none;

    background: #f9f9f3;

    color: #bfbfba;

}

.fs-private select:focus {

    outline: none;

}

.two-fs-image {

    margin-top: 10px;

}

.private-1, .private-2 {

    height: 77px;

    width: 77px;

    overflow: hidden;

    border: 1px solid darkgrey;

    border-radius: 4px;

    margin-right: 24px;

}

/*user2*/

.top-buttons .follow {

    width: 130px;

    height: 45px;

    background: #4c9aa0;

    border: none;

    color: #ffffff;

    border-radius: 33px;

    margin-left: -119px;

    cursor: pointer;

}



.top-buttons .following {

    width: 130px;

    height: 45px;

    background: #e0e0e0;

    border: none;

    color: #6e6e6e;

    font-weight: bold;

    border-radius: 33px;

    margin-left: -119px;

    cursor: pointer;

}

.top-buttons button.rgt-btn.second {

    width: 130px;

    height: 45px;

    background: #9d9d9d;

    border: none;

    color: #ffffff;

    border-radius: 33px;

    margin-left: 20px;

    cursor: pointer;

}

.top-buttons button.rgt-btn i {

    margin-right: 14px;

    font-size: 17px;

}



/*deleteaccount*/

.right-section-tab {

    padding: 25px 25px 35px 25px;

    width: 833px;

    border-radius: 4px;

    background: #ffffff;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);

    max-width:100%;

}

.right-section-tab  h3 {

    margin-bottom: 20px;

    font-size: 20px;

    color: #343434;

}

.right-section-tab .plan-detail-1 label {

    font-size: 18px;

    font-weight: 500;

    color: #585858;

}

.right-section-tab button.btn-delete-sec {

    width: 225px;

    height: 35px;

    border: none;

    color: #ffffff;

    background: #4c9aa0;

    border-radius: 3px;

    margin-top: 40px;

}

 input#usr, input#pwd {

    height: 54px;

    border-radius: 0px!important;

}

 textarea#comment-del {

    border-radius: 0px!important;

    color: #585858;

    font-weight: 500;

    margin-top: 12px;

}

/*payment*/

.plan-detail-1 .payment-section-main {

    border: 1px solid #dcdcdc;

 

}

.plan-detail-1 .text-last {

    text-align: end;

}

.plan-detail-1 .text-first h3 {

    color: #4c9aa0;

    margin-bottom: 5px;

}

.plan-detail-1 .text-first h3 span {

    color: #343434;

}

.plan-detail-1 .text-last i.fa.fa-check-circle {

    color: #fd6693;

}

.plan-detail-1 .text-last span.credit-crd {

    font-size: 20px;

    color: #343434;

    font-weight: 500;

}

.plan-detail-1 .payment-section-main {

    border: 1px solid #dcdcdc;

    padding: 12px 9px 12px 9px;

}

.right-section-tab .plan-detail-1 .text-first {

    margin-left: 30px;

}

.plan-detail-1 .text-first p {

    margin-bottom: 0px!important;

}

.plan-detail-1 .text-last i.fa.fa-check-circle {

    color: #fd6693;

    position: absolute;

    bottom: -12px;

    right: -8px;

    font-size: 22px;

}

 



.plan-detail-1 .pay-buttons button.edit {

    height: 35px;

    width: 105px;

    margin-right: 20px;

    border-radius: 30px;

    border: none;

    color: #ffffff;

}

.plan-detail-1 .pay-buttons {

    margin-top: 20px;

}

.plan-detail-1 .pay-buttons button.edit:first-child {

    background: #4c9aa0;

}

.plan-detail-1 .pay-buttons button.edit:nth-child(2) {

    background: #e74c3c;

}

 .right-section-tab .plan-detail-1  .last-text {

    margin-top: 40px;

}

.right-section-tab .plan-detail-2 p {

    font-size: 20px;

    color: #343434;

        margin-bottom: 0.5rem;

}

  .right-section-tab .plan-detail-1  .last-text i.fas.fa-plus {

    color: #86b6ba;

    margin-right: 20px;

}

.right-section-tab .plan-detail-1 .last-text h4 a {

    color: #86b6ba;

    font-size: 20px;

    text-decoration: none;

}



/*plan-details-2*/

.right-section-tab .plan-detail-2 h3 {

   margin-bottom: 20px;

    font-size: 20px;

    color: #343434;

}

.right-section-tab .plan-detail-2 p span span.p {

    color: #fd94b1;

}

.right-section-tab .plan-detail-2 h4{display:inline-block;}

.right-section-tab .plan-detail-2 h4 a {

    color: #86b6ba;

    font-size: 20px;

    text-decoration: none;

}

.right-section-tab .plan-detail-2 button.change-btn {

    width: 135px;

    height: 33px;

    border: none;

    border-radius: 30px;

    color: #ffffff;

    background: #4c9aa0;

    float: right;

    margin-left: auto;

}

.plan-detail-2,.plan-detail-1 {

    width: 100%;

}



@media screen and (max-width: 767px) and (min-width: 360px)

{

.loginoverall

{

    padding-right: 20px!important;

        padding-left: 20px!important;

}  



.designoverall

{

    padding-right: 20px!important;

        padding-left: 20px!important;

}    



.otpsoverall

{

    padding-right: 20px!important;

        padding-left: 20px!important;

}  



#payment #pay

{

        padding-right: 15px;

    padding-left: 15px;

}  



.regotpoverall

{

        padding-right: 15px;

    padding-left: 15px;

}  



.resetoverall

{

        padding-right: 15px;

    padding-left: 15px;

}  





.signupoverall

{

        padding-right: 15px;

    padding-left: 15px;

}  





.usertypeoverall

{

        padding-right: 15px;

    padding-left: 15px;

}  



.approveoverall

{

        padding-right: 15px;

    padding-left: 15px;

}  



}



.user-follow .follow

{

    margin-top: -10px;

}





input:focus

{

    outline:none;

    box-shadow:none !important;

}

input

{

      transition: ease-in-out, width .35s ease-in-out;

}



/* .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus {

    background: white!important;

}







.form-control:focus

{

box-shadow: none!important;

} */





.input-pop-focus{

    position:relative;

}

.inpt-focus{

    padding:0px 10px;

}

.inpt-focus.popout-inpt{

    position: relative;

    z-index: 10;

    box-shadow: 0px 8px 17px rgba(0,0,0,0.2);

    background-color: #fff; 

}

.inpt-focus.popout-inpt .input-group-text, .design1 .inpt-focus.popout-inpt .input-group-text{

    background-color:#fff !important;

}

.inpt-focus.popout-inpt input{

    background-color:#fff !important;

    border:none !important;

}



.inpt-focus.popout-inpt select{

    background-color:#fff !important;

    border:none !important;

 }

 .inpt-focus.popout-inpt select:focus {

    box-shadow:none;

 }

.form-check{

    padding-top:14px;

}



.form-check.container {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.form-check .container input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

.form-check .checkmark {

    position: absolute;

    top: 18px;

    left: 0;

    height: 18px;

    width: 18px;

    background-color: #fff;

    border-radius: 4px;

    border: 1px solid #717171;

}

.form-check .container:hover input ~ .checkmark {

    background-color: #ccc;

}

.form-check .container input:checked ~ .checkmark {

    background-color: #34516d;

}

.form-check .checkmark:after {

    content: "";

    position: absolute;

    display: none;

}

.form-check .container input:checked ~ .checkmark:after {

    display: block;

}

.form-check .container .checkmark:after {

    left: 6px;

    top: 2px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.loginoverall .loginn1{

    padding: 0px 20px;

}

.otp1{

    padding-right: 20px!important;

    padding-left: 20px!important;

    box-shadow: 0px 3px 30px rgba(0,0,0,0.5);

}



.dropdown-menu.notify-dropdown{

    padding-bottom:0px;

}

.dropdown-menu.notify-dropdown .dropdown-item.msg-dropdown{

    padding:0px;

}

.dropdown-item.msg-dropdown{

    padding:0px;

}





/*Reaction*/

.myreaction-popup .modal-body {

    padding: 0;

}

.popup-fashow ul {

    padding: 0;

    width: 100%;

}



.popup-fashow ul li {

    list-style: none;

    display: flex;

    align-items: center;

    padding: 10px 0;

    border-bottom: 1px solid #f5f5f5;

}



.popup-fashow ul li > img {

    width: 55px;

    border: 2px solid transparent;

    border-radius: 8px;

    margin-right: 15px;

	object-fit: cover;

    object-position: top;

}

.popup-fashow ul li.m-designer > img {

	border-color: #4c9aa0;	

}

.popup-fashow ul li.f-designer > img {

	border-color: #fd6491;	

}



.popup-fashow ul li.m-designer .fadelist-follow {

    color: #4c9aa0;

}

.popup-fashow ul li.f-designer .fadelist-follow {

    color: #fd6491;

}

.popup-fashow ul li.user .fadelist-follow {

    color: #333;
    
}

.fadelist-follow span {

    font-weight: 600;

}



.fadelist-follow > img {

    margin-top: -4px;

}



.popup-fashow ul li button img {

    margin-right: 8px;

}

.popup-fashow ul li button:hover {

    background-color: #6cbec3;

    transition: all 0.2s;

}

.popup-fashow ul li button {

    transition: all 0.2s;

    margin: 0;

    border: 1px solid #4c9aa0;

    height: 30px;

    width: 100px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #4c9aa0;

    color: #fff;

    border-radius: 25px;

	cursor: pointer;

	outline: none;

	margin-left: auto;

}

.popup-fashow ul li button.following {

    background-color: #e0e0e0!important;

    color: #6e6e6e!important;

}

.fashow-likespops ul.nav.nav-tabs li {

    display: flex;

     justify-content: center; 

    margin: 0;

    width: 100px;

}

.fashow-likespops ul.nav.nav-tabs li a {

    padding: 15px 0;

    width: 100%;

    border: 0;    font-size: 14px;

	color: #676b7d;

    text-align: center;

    border-bottom: 1px solid transparent;

}



.fashow-likespops ul.nav.nav-tabs li a.active {

    border-bottom: 1px solid #4c9aa0;color: #444444;

}

.fashow-likespops ul.nav.nav-tabs li a img {

    width: 27px;

	display: none;

}

.fashow-likespops ul.nav.nav-tabs li a.active img.am-in {

display: inline-block;

}

.fashow-likespops ul.nav.nav-tabs li a.active img.am-out {

	display: none;

}

.fashow-likespops ul.nav.nav-tabs li a img.am-out {

display:inline-block;

}

.popup-fashow ul li.following button {

    background-color: transparent;

    border: 0;

    color: #4c9aa0;

}

.modal-dialog.myreaction-popup .modal-content {

    border-radius: 20px;

}

.fashow-likespops ul.nav.nav-tabs {

    width: 100%;

    padding: 0 20px;

    height: 60px;

    display: flex;

    justify-content: space-around;

    align-items: center;

}



body .navbar-collapse .w-25

{

    width: 30%!important;

}



@media only screen and (min-width: 320px) and (max-width: 767px){

div#myreaction {padding-left: 0 !important;}	

.fashow-likespops ul.nav.nav-tabs li {width: 33.33%;}

	

}



/*Extra*/

.commenterimg img

{

    width: 63px;

    height: 62px;

    border-radius: 10px;

    object-fit: cover;

    object-position: top;

}

.postingimg img

{

    width: 76px;

    height: 76px;

    border-radius: 10px;

}

.feeds img

{

    width: 65px;

    height: 65px;

    border-radius: 10px;

    object-fit: cover;

    object-position: top;

}

.comleft

{

    height: 37px!important;

    width: 37px;

    object-fit: cover;

    object-position: top;

}

.det h3

{

    margin-top: 30px;

}

.newsfeed1 .col-3 img

{

    height: 43px;

    width: 43px;

    border-radius: 5px;

    object-fit: cover;

    object-position: top;

}



/*END Reaction*/

.designer.followmale

{

    border: 2px solid #4c9aa0;

}

.designer.followfemale

{

    border: 2px solid #fd6693;

}

.user.followmale

{

    border: none !important;

}

.user.followfemale

{

    border: none !important;

}

@media only screen and (min-width: 1200px)

{

#newsfeed .container {

    max-width: 1250px;

}

}

.descriptionfeed

{

    margin-left: 15px;

}

.feeds img

{

    margin-left: 20px;

}

.feeds

{

    margin-left: -7px;

}

/*.postimg img

{

    margin-left: -10px;

}*/

a .user

{

    color: #333!important;

}

.profile a .user,.commentermsg .user>a

{

    color: #333!important;

    text-align: center; 

}

.profile-img

{

    padding-bottom:     20px;

}

.profile-img-section .profile-img img

{

    position:   absolute;   

    left:   35%;

    object-fit: cover;

    object-position: top;

}

.notcontent .femaledesigner:after{

    background: none;

}

.notcontent .maledesigner:after{

    background: none;

}

.notcontent .user .commstart{

    padding-left: 0;

}

.femaledesigner .notify-comment:before

{

   background:url('../images/icons/femaled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:2px 0 0 -28px;

}

.maledesigner .notify-comment:before

{

   background:url('../images/icons/maled.png')no-repeat;/* apply your image here */

    content:" ";

    position:absolute;

    width:999em;

    height:25px;

    margin:-4px 0 0 -21px;

}

.detail-content .maledesigner:after

{

    background: none;

}

.detail-content .femaledesigner:after

{

    background: none;

}

.commentslist .maledesigner:after

{

    background: none;

}

.commentslist .femaledesigner:after

{

    background: none;

}

.notify-comment

{

    padding-left: 4px;

}

.det img:nth-of-type(1)

{

    width: 100%;

    height: 100px;

    border-radius: 5px;

    object-fit: cover;

    object-position: top;

}

.det img:nth-of-type(2)

{

    width: 99px;

    height: 99px;

    border-radius: 10px;

    object-fit: cover;

    object-position: top;

}
.user_detail .msg-content
{
margin-top: 8px;
}

.user_detail .detail-content .chatmale:after
{
background:url('../images/icons/maled.png')no-repeat!important;
content:"";
position:absolute;
width:999em;
height:25px;
margin:-4px 0 0 5px;
}

.user_detail .msg-block-img img
{
height: 40px;
width: 40px;
object-fit: cover;
object-position: top;
}

.chatmale
{
color:#4c9aa0!important;
}

.chatfemale
{
color:#fd6693!important;
}

.chatcommon
{
color: #212529!important;
}

.chatting img
{
height: 59px;
width: 59px;
}

.chatterheight
{
min-height: 700px;
}
.row.pro {
    margin-top: 20px;
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
overflow-y: hidden;
}

.msg-footer.d-flex.justify-content-center {
position: relative;
}

.user_detail .detail-content h5 {
position: relative;
}
.comright
{
position:relative;
}
.notify-male-designer:before {
    background: url(../images/icons/maled.png)no-repeat!important;
    content: "";
    position: absolute;
    width: 999em;
    height: 20px;
    margin: -4px 0 0 -24px;
}

.notify-female-designer:before {
    background: url(../images/icons/femaled.png)no-repeat!important;
    content: "";
    position: absolute;
    width: 999em;
    height: 20px;
    margin: -4px 0 0 -24px;
}

.notify-popup h5 {
    line-height: 1.5;
}

.notify-popup .notify-male-designer, .notify-female-designer {
    padding-left: 30px!important;
}
.maledesigner
{
    color: #4c9aa0!important;
}

.femaledesigner
{
    color: #fd6693!important;
}

.maleuser
{
    color: #333!important;
}

.femaleuser
{
    color: #333!important;
}
.delete-comment {
    font-size: 10px;
    color: #4c9aa0 !important;
}

body .image-pro img {
    height: 120px!important;
    width: 120px!important;
    object-fit: cover;
    object-position: top;
}

body .name-pro {
    margin-left: -10px;
}

body .name-sub {
    margin-top: 7px!important;
}

ul.navbar-nav.notify-icon-list.ml-auto
{
    margin-top: -10px;
}

a#navbarDropdownMenuLink
{
    margin-top: 4px;
}

ul.navbar-nav.notify-icon-list.ml-auto li.nav-item.active
{
    margin-top: 6px;
}

.chat-pro
{
    width: 55px;
    height:55px!important;
    border-radius: 5px;
    object-fit: cover;
    object-position: top;
}

.not-pro
{
    height:50px!important;
    border-radius: 5px;
    object-fit: cover;
    object-position: top;
}

.chatpro-img img 
{
    height: 55px!important;
    width: 55px!important;
    border-radius: 5px;
    object-fit: cover;
    object-position: top;
}

.profile-detail 
{
    margin-bottom: 10px;
}

.banner-imgs
{
    height: 120px!important;
}

.secondpost-img
{
    height: 150px;
    overflow: hidden;
}

.secondpost-img img
{
    object-fit: cover;
    object-position: top;
}

.firstpost-img
{
    height: 250px;
    overflow: hidden;
    padding-left: 0px!important;
    padding-right: 0px!important;
}


.firstpost-img img
{
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}


.yourcomments .commentslist:after
{
    background: none!important;
}

.fs-banner-header .container
{
    text-align: center;
}
.upload-cover .btn-save {
    margin-top: 40px;
}
.follow-ico
{
    padding: 0px 5px 3px 3px;
}
.follow-bsec
{
    padding-right: 0px !important;
}