@charset "utf-8";
*:focus {
    outline: none;
}
input:focus {
    outline:none;
}
*{margin: 0; padding: 0;}
/* CSS Document */
@font-face{font-family:"SourceSansPro";src:url(../fonts/SourceSansPro-Regular.otf)}
@font-face{font-family:"SourceSansProBold";src:url(../fonts/SourceSansPro-Bold.otf);}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/penSans-Light.eot') format('embedded-opentype'),
   url('../fonts/OpenSans-Light.ttf')  format('truetype'), 
   url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
ul,p{margin:0px;padding:0px;}
h2{font-family:SourceSansProBold;}

/*body{

    margin: 0px;

    font:normal 16px/18px "SourceSansPro";

    color: #444444;

}
*/




body{margin:0px;font:normal 16px/18px "arial";color:#444444;}
textarea{font:normal 16px/20px "SourceSansPro";color:#444444;}
.alert_error{color:red;}
.alert_success{color:green;}
.alert{text-align:center;margin-top:10px;}
.header{}
.logo{float:left;clear:left;margin-right:35px;padding:10px;}
.menu{float:left; /*margin-top:20px;*/}
.menu li{display:inline;color:#999; padding:0px 9px; font-weight:normal; font-family:SourceSansPro;}
.menu li a{color:#444444;text-decoration:none;}
.menu li.active{display:inline;color:#0CF!important; /*  padding:15px; */ /*font-family:SourceSansProBold!important;*/}
.menu li.active a{color:#0CF!important;}
.profile{float:right;clear:right;display:-webkit-inline-box;}
.notification{display:inline-block;vertical-align:middle;list-style:none;}
.notification_icon{
    background-color:#d34220;
    color:#FFF;
    border-radius:20px;
    width:15px;
    position:absolute;
    top:3px;
    font-size:10px;
    text-align:center;
    height:15px;
    line-height:15px;
    right: 0;
    position:absolute;
    /*left:30px;*/
    font-weight: bold;
}
.message_icon{background-color:#c0d320;color:#FFF;
    border-radius:20px;
    width:15px;
    position:absolute;
    top:3px;
    font-size:10px;
    text-align:center;
    height:15px;
    line-height:15px;
    right: 0;
    position:absolute;
    /*left:30px;*/
    font-weight: bold;}
.notification li{padding:12px 7px;font-size:16px;color:#333;position:relative;display:inline-block;vertical-align:middle;}
.notification li:hover {color: #666;}
.user_icon{padding:0px;display:inline-block;vertical-align:middle;margin-left:30px;}
.user_name{padding:0px;font-family:SourceSansPro;display:inline-block;vertical-align:middle;margin-left:10px;}
.settings{display:inline-block;vertical-align:middle;font-size:25px;background-color:#b3b7b6;color:white;text-align:center;height:63px;padding-top:28px;margin-left:50px;width:70px;}
.clear{clear:both;}
.notification .logout{ font-size: 16px; }
.ify-log {
        margin-top: 7px;
        float: left;
    }  
/*i.fa.fa-bell {
    color: white;
    background-color: rgba(0,0,0,.55);
    font-size: 10px;
    border-radius: 100%;
    padding: 6px;
    text-align: center;
}    
*/@media screen and (max-width: 768px){
  .ify-log {
        margin-top: 12px;
        margin-left: 5px;
        float: left;
    }  
}

/*.navbar-collapse .loginregis .ify-a{
    padding: 0px;
    margin:0px;
}*/
.image-small img{
    width: 32px;
    height: 32px;
    vertical-align: top;
    cursor: pointer;
}
.notification .ify-noticon{
    font-size: 16px;
    margin-top:5px;
    /* float: right; */
}
@media screen and (min-width:768px){
    li.dropdown.ify-noticon.ify-img-pos {
        margin-top: 11px;
    }
}

.fixedcollapse { float: left; }

/* header end */
.main_body{background-color:#dddddd;}
.sidebar{background-color:#01bfe3!important;min-height:750px;padding:0!important;}
.sidebar ul{background-color:#666666;list-style:outside none none;margin:-1px 1px 0;padding:0;width:100%;}
.sidebar .navbar-header{background-color:#fff;display:inline-block;float:unset;padding:15px;width:100%;}
.sidebar .navbar-header i.fa{color:#444;float:left;}
.sidebar li{padding:0px;margin:0px;font-size:18px;color:#dfdfdf;font-family:SourceSansPro;position:relative;}
.sidebar li a{display:block;position:relative;color:#FFF;padding:15px;text-decoration:none;}
.sidebar li.active{background-color:#353535;}
.sidebar i{font-size:16px;color:#fff;display:inline-block;width:50px;text-align:center;margin-right:15px;vertical-align:middle;}
.sidebar .navbar-brand{color:#444;height:30px;padding:3px;}
.msg_no{border-radius:20px;background-color:#ffffff;font-size:16px;height:25px;width:25px;line-height:15px;padding:5px;color:#000000;position:absolute;right:25px;top:50%;margin-top:-10px;text-align:center;}
.not_no{border-radius:20px;background-color:#ffffff;font-size:16px;height:14px;width:14px;line-height:14px;padding:5px;color:#000000;position:absolute;right:25px;top:50%;margin-top:-10px;text-align:center;}
.content{background-color:#fafafa;}
.profile-des{display:inline-block;padding:25px 25px 0;width:100%;}
.wraper{background-color:#fafafa;padding:25px;}
.login-page .panel.panel-default{background-color:#fafafa;}
.profile-area .chart2{margin-bottom:10px;}
.wraper h2{font-family:SourceSansProBold;font-size:24px;font-weight:bold;margin:60px 0 15px;}
.description > p{margin-bottom:15px;}
.wraper hr{margin-top:59px;}
.profile_pic{float:left;}
.profile-des .profile_pic{width:auto!important;}
.user_details h3.main-heading{font-size:18px;margin:20px 0 15px;padding:0;text-align:left;}
.chart2{margin-bottom:20px;}
.chart2 ul{margin:0px 0px 5px 0px;overflow:hidden;padding:0px;}
.chart2 li{line-height:1.5em;display:inline-block;}
.user_details span a{background-color:#dddddd;border:medium none;border-radius:20px;padding:5px 22px;text-align:center;width:70px;text-decoration:none;color:#444444;}
.description{padding-top:10px;margin-top:25px;padding-bottom:10px;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;}
.chart1{padding-top:20px;}
.chart1 ul{margin:0px 0px 5px 0px;overflow:hidden;padding:0px;}
.chart1 li{line-height:1.5em;display:inline-block;}
.col1{width:200px;}
.col2{}
.list td{padding-right:100px;}
.container-high{max-width:2500px;margin:0 auto;padding:0 10px;/*overflow:hidden;*/}
.desktop .right-header{margin-left:272px;padding:5px 20px;}
.left-header{display:inline-block;float:left;padding:5px 15px 3px 0;width:13%;min-width:272px;}
html body{background-color:#fff;color:#444;font-family:arial;font-size:16px;}
.profile_pic > img{object-fit:cover;width:100%;}
.profile-area{/*padding:25px!important;*/}
.edit-hr{margin-top:0px; width: 97.9%;}
.jumbotron {
    background-color: #F5F5F5;
    border-radius: 5px;
}
.col-md-9.edit-for-but {
    padding-left: 0;
    margin-left: -6px;
}
.row.jumbotron.yourself {margin-right: 9px;}
.container{margin:20px auto;background-color:#fff;}
.header-bar .panel{margin-bottom:0px;}
html body.home-page{background-color:#fff;}
.login-page .panel.panel-default{border:0 none;box-shadow:none;padding:20px 10px;}
body > .container{min-height:765px; background-color:#fff;/* background-color:#fafafa; */}
.panel-body .form-horizontal .control-label{text-align:left;font-weight:normal;}
.main-menuu .navbar-right{width:100%;}
.main-menuu .right-links{float:right;margin-right:80px;position:unset;}
.login-page h3{font-family:arial!important;font-size:20px;}
nav.navbar-static-top{position:relative;}
.dropdown-toggle.login-name.settings{background-color:#b3b7b6;height:66px!important;position:absolute;right:-5px;top:-8px;border-radius:0;}
.login-name .fa.fa-cog{font-size:25px;margin-top:23%;}
.right-links .dropdown-toggle.login-name:focus{background-color:#b3b7b6;}
.dropdown-menu.dashlogut > li {padding: 8px;}

/**********Starts changes@27june *************/
form#search-results i.searchicon{background:url(../images/iconsearch.png)no-repeat;     padding: 0px;    width: 17px;    height: 17px; top: -32px; cursor: pointer; }
.new_body .text_box{background-color:#fff;height:44px;vertical-align:top;border-radius:2px;border:none;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);transition:box-shadow 200ms cubic-bezier(0.4,0.0,0.2,1);}
.new_body .text_box:focus{outline:none}
.new_body .text_box:hover, .new_body .text_box:active, .new_body .text_box:focus{box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08);}
#app .navbar-default ul.navbar-nav.loginregis li a{top:6px;right:0;background:none;color:#656565!important;font-weight:normal;padding:0px 0px!important;margin:0px 0px 0!important;font-size:12px;cursor:pointer;font-family:arial;}
#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a{ top: auto; border:0}

#app .navbar-default ul.navbar-nav.loginregis li a{text-decoration:none!important;}
#app .navbar-default ul.navbar-nav.loginregis li a:hover{
    color: #666;
    cursor: default;
    text-decoration: none;
}
#app .navbar-default .navbar-nav>li>a,.navbar-default .navbar-text li a:hover{text-decoration:underline!important;}
.search_main form#search-results #dob p{margin-bottom:0;}
#suggesstion-box #user-list{box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08);background:#fff;width:100%;display:inline-block;}
#suggesstion-box ul li{display:inline-block;width:100%;text-align:left;padding:6px 16px 1px;}
#suggesstion-box ul{padding-bottom:5px;}
#suggesstion-box ul li a{color:#000;font-size:17px;}
#suggesstion-box ul li a:hover{text-decoration:none;}
.windowheight{display:flex;align-self:center;align-items:center;vertical-align:middle;width:100%;position:static;top:-79px;left:0;text-align:center;}
.dropdown.ify-noticon .dashlogut{margin-top:3px !important;}
#app .navbar-default ul.navbar-nav.loginregis li a.settings:hover{background:none!important;}
ul.loginregis li ul.dashlogut li:last-child{/*background:#eee;*/}
.windowheight .row{width:100%; margin-left: 0; margin-right: 0}
.home-page{position:relative;}
.search_footer{position:fixed;bottom:0;width:100%;}
.footer_menu{float:left; }
.search_footer p{float:right;color:#666;font-size:13px;}
div.search_footer{padding:8px 20px;background:#f2f2f2;border-top:1px solid #e4e4e4;font-family: arial;}
div.search_footer .footer_menu li a{color:#666;font-size:13px;font-family:arial;}
div.search_footer .footer_menu li a:hover{ text-decoration: underline; }
div.search_footer .footer_menu li{border:none;}
.windowheight .new_body #dob p{margin-bottom:0;}
.imgsml img{border-radius:30px;}
#suggesstion-box{position:relative;}
#suggesstion-box #user-list{position:absolute;left:0;}
.new_body .text_box::placeholder{color:#aaa;font-family:arial;font-weight:normal;}
.dashlogut{position:relative;background:#ffffff;border:1px solid #ccc;}
.dashlogut:after,.dashlogut:before{bottom:100%;left:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.dashlogut:after{border-color:rgba(255,255,255,0);border-bottom-color:#ffffff;border-width:10px;margin-left:-30px;}
.dashlogut:before{border-color:rgba(204,204,204,0);border-bottom-color:#ccc;border-width:11px;margin-left:-31px;}
.dropdown-menu.dashlogut{top:101%;}

.logonewstyle{ width: 11%;}
.rightsectionnav{ width: 54%; padding-right: 0; }
.ui-widget.ui-widget-content{z-index: 	1000;} 
.ui-widget.ui-widget-content li.ui-menu-item{ font-weight: normal !important; font-size:17px;
 font-family:"arial"; }
.ui-widget.ui-widget-content li.ui-menu-item:hover{ font-weight: normal !important; font-size:17px; 
font-family:"arial";}
.rightsecnew.rightsectionnav .ify-top-bar{float: right; margin: 0;    width: 100%;}
.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu{ width: auto;}
.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right { width: auto;}
.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right  li.left-links{ float: none; display: inline-block;}
.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right  li.right-links{ float: none; display: inline-block; margin: 0;}
.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right li a{font-size: 13px; color: #656565; font-weight: normal; }
.rightsecnew.rightsectionnav .main-menuu ul.navbar-nav li.right-links ul.notification li.profile-name{padding: 6px 0px 8px 25px;}
.rightsecnew.rightsectionnav .ify-top-bar{padding-right: 0;}
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li{ padding: 0px 9px;   }
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li:last-child{padding-right: 0;} 
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a{ font-size: 13px;}
.dashlogut p.text-left{margin: 0;}
.dashlogut .ify-back li:last-child{float: right;}
.dashlogut .ify-back{padding: 5px 13px;}
div#app .navbar-default .navbar-collapse ul.loginregis li{}

.newstylenav .desktop ul.navbar-right li.right-links ul.notification li.profile-name .dashlogut{ position: absolute; }

.desktop .right-header .main-menuu li.right-links ul.notification li.profile-name ul.dashlogut .ify-back li.lgout{ float:right;}
/******************/


.nav .open > a {
    background-color: transparent;
}

    .nav .open > a:hover {
        background-color: transparent;
    }

    .nav .open > a:focus {
        background-color: transparent;
    }

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        padding-left: 220px;
    }

        #wrapper.toggled #sidebar-wrapper {
            width: 220px;
        }

        #wrapper.toggled #page-content-wrapper {
            margin-right: -220px;
            position: absolute;
        }

#sidebar-wrapper {
    background: #1a1a1a;
    height: 100%;
    left: 220px;
    margin-left: -220px;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
}

    #sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }


#page-content-wrapper {
    padding-top: 70px;
    width: 100%;
}


.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 220px;
}

    .sidebar-nav li {
        display: inline-block;
        line-height: 20px;
        position: relative;
        width: 100%;
    }

        .sidebar-nav li:before {
            background-color: #1c1c1c;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: width 0.2s ease-in;
            -moz-transition: width 0.2s ease-in;
            -ms-transition: width 0.2s ease-in;
            -o-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 3px;
            z-index: -1;
        }

        .sidebar-nav li:before {
            background-color: #01bfe3;
        }

        .sidebar-nav li:hover:before {
            -webkit-transition: width 0.2s ease-in;
            -moz-transition: width 0.2s ease-in;
            -ms-transition: width 0.2s ease-in;
            -o-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 100%;
        }

        .sidebar-nav li a {
            color: #dddddd;
            display: block;
            padding: 10px 15px 10px 30px;
            text-decoration: none;
        }

        .sidebar-nav li.open:hover before {
            -webkit-transition: width 0.2s ease-in;
            -moz-transition: width 0.2s ease-in;
            -ms-transition: width 0.2s ease-in;
            -o-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 100%;
        }

    .sidebar-nav .dropdown-menu {
        background-color: #222222;
        -ms-border-radius: 0;
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
    }

    .sidebar-nav > .sidebar-brand {
        font-size: 20px;
        height: 65px;
        line-height: 44px;
    }

.hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 32px;
    margin-left: 15px;
    position: fixed;
    top: 27px;
    width: 32px;
    z-index: 999;
}

    .hamburger:hover {
        outline: none;
    }

    .hamburger:focus {
        outline: none;
    }

    .hamburger:active {
        outline: none;
    }

    .hamburger.is-closed:before {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 32px;
        -ms-opacity: 0;
        opacity: 0;
        text-align: center;
        width: 100px;
    }

    .hamburger.is-closed:hover before {
        -webkit-transform: translate3d(-100px, 0, 0);
        -moz-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        display: block;
        -ms-opacity: 1;
        opacity: 1;
    }

    .hamburger.is-closed:hover .hamb-top {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        top: 5px;
    }

    .hamburger.is-closed:hover .hamb-bottom {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        bottom: 13px;
    }

    .hamburger.is-closed .hamb-top {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        top: 5px;
    }

    .hamburger.is-closed .hamb-middle {
        margin-top: -5px;
        top: 50%;
    }

    .hamburger.is-closed .hamb-bottom {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        bottom: 13px;
    }

    .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .hamburger.is-open .hamb-top {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -moz-transition: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -ms-transition: -ms-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -o-transition: -o-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        margin-top: -2px;
        top: 50%;
    }

    .hamburger.is-open .hamb-middle {
        display: none;
    }

    .hamburger.is-open .hamb-bottom {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -moz-transition: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -ms-transition: -ms-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -o-transition: -o-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        margin-top: -2px;
        top: 50%;
    }

    .hamburger.is-open:before {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 32px;
        -ms-opacity: 0;
        opacity: 0;
        text-align: center;
        width: 100px;
    }

    .hamburger.is-open:hover before {
        -webkit-transform: translate3d(-100px, 0, 0);
        -moz-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        display: block;
        -ms-opacity: 1;
        opacity: 1;
    }


.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.hamb-bottom, .hamb-middle, .hamb-top {
    background-color: black;
}

/************/


.desktop .right-header .main-menuu li.right-links ul.notification li.profile-name ul.dashlogut{position: absolute;}
.desktop .right-header .main-menuu li.right-links ul.notification li.profile-name ul.dashlogut .ify-back li{ padding: 0px 7px;}
.homeheader .notification.loginregis li.ify-noticon .ify-back .lgout{float: right;}
.styletop .desktop .rightsectionnav.rightsecnew .main-menuu .right-links ul.notification  li.ify-noticon .ify-back .lgout{float: right;}

.container-high.mobile{display: none;}
.container-high.desktop{display: block;}  

.desktopprofilemenu{display: block;}
.mobileprofilemenu{display: none;}

.navigation-menu.sidebar.mobileprofilemenu{background-color: none; }

#page-content-wrapper button.hamburger {position: inherit; }

.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right li a.settingsbutton{ background: #00ccff; 
         color: #ffffff;    display: inline-block;    margin-top: 20px;    padding: 7px 20px;}

div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a.settingsbutton{

    background: #00ccff !important;
    
    color: #ffffff !important;
    display: inline-block;
    margin-top: 20px !important;
    padding: 7px 20px !important;
    cursor: pointer;
}
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a.settingsbutton:hover{
    text-decoration: none !important;
}


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

.container-high.mobile{display: block;}
.container-high.desktop{display: none;}  

.desktopprofilemenu{display: none;}
.mobileprofilemenu{display: block;}
    ul.dropdown-menu.dashlogut{
        display: none;
    }
    .sidebar{
        background: none !important;
    }
    /*.ify-mobile-img-link{
        display: block;
    }
    .ify-desktop-img-link{
        display: none;
    }*/
}
/*@media screen and (min-width:1280px){
    .ify-mobile-img-link{
        display: none;
    }
}*/

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

.newstylenav .mobile .navbar-toggle.collapsed{display: none;}
.newstylenav .mobile ul.navbar-right.notification{ display: inline-block; width: 100%;  text-align: right;  }
.newstylenav .mobile ul.navbar-right.notification li{ border-top:none;  border-bottom:none; border-left:none; display: inline-block;width: auto; padding: 1px 9px 0 1px; line-height: 1px;  }
#app .navbar-default.newstylenav .mobile ul.navbar-right.notification li a{ font-size: 13px; text-decoration: none !important; font-family: arial; border: none; padding: 0; font-weight: normal !important; }

    div.search_footer .footer_menu li{display:inline-block;margin-bottom:18px;}
    div.search_footer p{width:100%;text-align:center;}
    .container-high.mobile{text-align: center;}

    div.search_footer{position: relative;}
    .containernew .container{ margin: 0; }


.main-home-bar div#collapse.navbar-collapse{  display: inline-block;    float: none;    text-align: center;    width: 100%;}
.main-home-bar div#collapse.navbar-collapse {  display: inline-block;    float: none;    text-align: center;    width: 100%;}
.main-home-bar div#collapse.navbar-collapse ul.nav.navbar-nav.loginregis{  display: inline-block;    float: none;    text-align: center;    width: 100%;}

.main-home-bar div.navbar-collapse.collapse{display: block;}
.main-home-bar .navbar-header{display:none;}
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis{text-align: right;}
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li{ border-top:none;  border-bottom:none; border-left:none; display: inline-block;width: auto; padding: 0 5px; line-height: 1px; }
div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li:last-child{border-right: none;}
div#app .navbar-default .navbar-collapse {border:none; display: block;} 

.search-pages .gender span{display:none;}
.search-result .bottom-area .top-options{text-align: center; display: inline-block;}
.top-options .gender{padding: 10px 11px;}

.mobile .navbar-right.notification{float: right; margin: 0;}

.mobile #wrapper nav#sidebar-wrapper ul.notification{left: 0;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li{text-align: left; padding: 12px 28px;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li a{padding: 0;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li span{  color: #aaaaaa;    display: inline-block;    float: right;    line-height: 5px;    width: 71%; font-size: 12px;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li.profile-name{background: #fff;} 

/***profile menu starts from here**********/
.navigation-menu.sidebar #menu-content1.navbar-collapse1 {    border: 1px solid #e4e4e4;
    box-shadow: 3px 1px 3px 0 #eeeeee;    display: block;    max-width: 100%;    overflow-x: auto; background: #fafafa;
    overflow-y: hidden;
    width: 100%;

 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

.navigation-menu.sidebar #menu-content1.navbar-collapse1  li{ display: table-cell;    float: none;    width: auto;}
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li a{ color: #777;  font-family: arial;    font-size: 13px; padding: 15px 10px;  font-weight: normal;}
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li.active{background: none;} 
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li.active a{ color: #05bde1; font-weight: bold; font-size: 14px;}
.navigation-menu.sidebar .navbar-header{ display: none;}
.navigation-menu.sidebar ul#menu-content1 li a i.fa{display: none;} 
.navigation-menu.sidebar #menu-content1.navbar-collapse1{height: 49px; display: inline-block;text-align: center;}
#page-content-wrapper{position: absolute;}

.styletop{text-align: center;} 

.navigation-menu.sidebar.mobileprofilemenu{  display: block; background-color: none; box-shadow: 0 0 0 0; width: 100%; min-height: auto; height: 30px !important;}
.navigation-menu.sidebar.desktopprofilemenu{ display: none;}


/***profile menu starts from here**********/

}

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

.mobile .navbar-right.notification{float: right; margin: 0;}

.mobile #wrapper nav#sidebar-wrapper ul.notification{left: 0;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li{text-align: left; padding: 12px 28px;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li a{padding: 0;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li span{  color: #aaaaaa;    display: inline-block;    float: right;    line-height: 5px;    width: 71%; font-size:12px; }
.mobile #wrapper nav#sidebar-wrapper ul.notification li.profile-name{background: #fff;} 

/***profile menu starts from here**********/
.navigation-menu.sidebar #menu-content1.navbar-collapse1 {    border: 1px solid #e4e4e4;
    box-shadow: 3px 1px 3px 0 #eeeeee;    display: block;    max-width: 100%;    overflow-x: auto; background: #fafafa;
    overflow-y: hidden;
    width: 100%;

 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

.navigation-menu.sidebar #menu-content1.navbar-collapse1  li{ display: inline-block;    float: none;    width: auto;}
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li a{ color: #777;  font-family: arial;    font-size: 13px; padding: 15px 10px;  font-weight: normal;}
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li.active{background: none;} 
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li.active a{ color: #05bde1; font-weight: bold; font-size: 14px;}
.navigation-menu.sidebar .navbar-header{ display: none;}
.navigation-menu.sidebar ul#menu-content1 li a i.fa{display: none;} 
.navigation-menu.sidebar #menu-content1.navbar-collapse1{height: 49px; display: inline-block;text-align: center;}
#page-content-wrapper{position: absolute;}

.styletop{text-align: center;} 

.styletop .mobile .navbar-header{ float: left;; width: 100%; }
.middlesearchsection{ display: inline-block;    float: none;    width: 400px;}

.navigation-menu.sidebar.mobileprofilemenu{ display: block; background-color: none; box-shadow: 0 0 0 0; width: 100%; min-height: auto; height: 30px !important;}
.navigation-menu.sidebar.desktopprofilemenu{ display: none;}

.navigation-menu.stylnv{display: none;}
.col-md-10.profile-area{ display: inline-block;
    width: 100%;}



/***profile menu starts from here**********/



}

@media screen and (min-width:1025px) and (max-width:1360px){
 

/***profile menu starts from here**********/
.navigation-menu.sidebar #menu-content1.navbar-collapse1 {    border: 1px solid #e4e4e4;
    box-shadow: 3px 1px 3px 0 #eeeeee;    display: block;    max-width: 100%;    overflow-x: auto; background: #fafafa;
    overflow-y: hidden;
    width: 100%;

 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

.navigation-menu.sidebar #menu-content1.navbar-collapse1  li{ display: inline-block;    float: none;    width: auto;}
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li a{ color: #777;  font-family: arial;    font-size: 13px; padding: 15px 10px;  font-weight: normal;}
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li.active{background: none;} 
.navigation-menu.sidebar #menu-content1.navbar-collapse1 li.active a{ color: #05bde1; font-weight: bold; font-size: 14px;}
.navigation-menu.sidebar .navbar-header{ display: none;}
.navigation-menu.sidebar ul#menu-content1 li a i.fa{display: none;} 
.navigation-menu.sidebar #menu-content1.navbar-collapse1{height: 49px; display: inline-block;text-align: center;}
#page-content-wrapper{position: absolute;}

.styletop{text-align: center;} 

.styletop .mobile .navbar-header{ float: left;; width: 100%; }
.middlesearchsection{ display: inline-block;    float: none;    width: 400px;}

.navigation-menu.sidebar.mobileprofilemenu{  display: block; background-color: none; box-shadow: 0 0 0 0; width: 100%; min-height: auto; height: 30px !important;}
.navigation-menu.sidebar.desktopprofilemenu{ display: none;}

.navigation-menu.stylnv{display: none;}
.col-md-10.profile-area{ display: inline-block;
    width: 100%;}

nav.styletop .container-high.desktop{display: none;}
nav.styletop .container-high.mobile{display: block;}
nav.styletop .container-high.mobile nav#sidebar-wrapper ul.sidebar-nav{left: 0;}
.mobile #wrapper nav#sidebar-wrapper ul.notification li span{  color: #aaaaaa;    display: inline-block;    float: right;    line-height: 5px;    width: 71%; font-size:12px; }
.mobile #wrapper nav#sidebar-wrapper ul.notification li.profile-name{background: #fff;} 
.mobile #wrapper nav#sidebar-wrapper ul.notification li{text-align: left;}

/***profile menu starts from here**********/

}


@media screen and (min-width:1361px) and (max-width:1599px){

.styletop .desktop .middlesearchsection{width: 491px;}
.styletop .desktop .rightsectionnav.rightsecnew{width: 50%;}
.styletop .desktop .rightsectionnav.rightsecnew .main-menuu{display: inline-block; margin-right: 24px;}
div.styletop .desktop .rightsectionnav.rightsecnew .main-menuu ul.navbar-right li.right-links{padding:0; margin:0; }

.col-md-10.profile-area{ width: 78.333%;}
.middlesearchsection.mobilesearch{display: none;}



}

@media screen and (min-width:1600px) and (max-width:2200px){

 
.middlesearchsection.mobilesearch{display: none;}


}


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

    .logonewstyle{width:100%; text-align: center;}
    .left-header{float: none;}
    .row .col-md-4.col-lg-4.ify-register-form{
        width: 100%;
        margin-top: 15px;
    }
    .row .form-control.ify-eml-pass-con-textbox{
        width: 100%;
    }
    .row .form-control.ify-register-textbox{
        width: 96%;
    }
    .col-md-6.col-lg-6.col-md-offset-1.col-lg-offset-1.col-sm-12.col-xs-12.ify-mobile-image-device{
        padding: 0;
    }
    .col-md-6.ify-col-md-6.col-sm-6.col-xs-6 .ify-last {
        margin-left: 15px;
    }
     .ify-col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .col-md-5.col-lg-5.col-sm-12.col-xs-12.ify-login-col-md-5{
        width: 100%;
        margin-top: 15px;
    }
}

@media screen and (min-width:990px) and (max-width:1300px){

.container-high.desktop .left-header a img{width:100%; }
.logonewstyle{width: 12%;}
.left-header{padding: 17px 0 0;    width: 100%; min-width: auto;}


}

@media screen and (min-width:480px) and (max-width:989px){

.container-high.desktop .row.ify-top-row{text-align: center;}	
.middlesearchsection{ display: inline-block;    float: none;    width: 400px;}
div.mobile-logo img{width: 200px;}


}

@media screen and (min-width:990px) and (max-width:1600px){

.middlesearchsection{/*width: 560px;*/ width: 632px;}
.rightsectionnav{ float: right;    width: 31%;}
.container-high.desktop .right-header.ify-top-bar{margin-left: 0;}

}


@media screen and (min-width:1301px) and (max-width:1500px){

.container-high.desktop .left-header a img{width:100%; }
.logonewstyle{width: 12%;}
.left-header{padding: 23px 0 0;    width: 100%; min-width: auto;}


}


@media screen and (min-width:1501px) and (max-width:1900px){

.container-high.desktop .left-header a img{width:100%; }
.logonewstyle{width: 12%;}
.left-header{padding: 9px 0 0;    width: 100%; min-width: auto;}


}
 
@media screen and (min-width:1901px) and (max-width:2200px){

.container-high.desktop .left-header a img{width:100%; }
.logonewstyle{width: 12%;}
.left-header{padding: 9px 0 0;    width: 100%; min-width: auto;}


}
 



/**********Ends changes@27june *************/

/*footer section*/

footer{text-align:center;background-color:#888888;padding:20px;color:#FFF;}
.footer_menu{display:inline-block;list-style:outside none none;}
.footer_menu li{border:white;border-right-style:solid;padding-right:10px;padding-left:10px;border-width:thin;display:inline;}
.footer_menu li a{color:#FFF;text-decoration:none;}
.footer_menu > li:last-child{border:medium none;}
.header-bar .navbar{margin-bottom:0px;}

/* Register */
.custom-j-class{width:30%;/*margin-right:20px;*/}
.dob_monyer{margin-left: 22px;}
.custom-j-class:nth-child(5){float:right;margin:0;}

/* Register */

/*edit section*/

.upload_icon{margin-top:212px;}
.upload_icon span{background-color:#dddddd;border-radius:20px;padding:5px 21px;}
.chart3{padding-top:20px;}
.chart3 ul{margin:0px 0px 20px 0px;overflow:hidden;padding:0px;}
.chart3 li{line-height:1.5em;display:inline-block;}
.chart3 .col2{width:50%;}
.text_box{width:100%;border-radius:7px;border:1px solid #dddddd;padding:10px;}
.short_description{margin-bottom:20px;}
.description_area{border:1px solid rgb(221,221,221);margin:0px;width:90%;height:96px;border-radius:7px;padding:10px;}
.activities ul{margin-bottom:20px;overflow:hidden;margin-top:10px;}
.activities li{width:25%;line-height:1.5em;float:left;display:inline-block;width:200px;margin-top:10px;}
.activities h3{display:inline;margin-right:10px;}
.select_box{border:1px solid #dddddd;border-radius:3px;display:inline-block;min-width:100px;padding:4px;}
.save_field{margin-left:210px;}
.save_button{width:160px;background-color:#01bfe3;border-radius:20px;padding:5px;border:none;color:white;font-size:16px;height:41px;}
.cancel_button{width:160px;background-color:#01bfe3;border-radius:20px;padding:5px;border:none;color:white;font-size:16px;height:41px;margin-left:10px;}
.no-records{margin-top:10px;}

/*photo /*/
.photos{display:inline-block;}
.photo_head h3{display:inline;margin-right:10px;}
.photo_head i{font-size:25px;margin-left:25px;margin-right:10px;}
.pic_item{background-color:#b3b3b3;width:233px;height:233px;float:left;margin-left:30px;margin-right:30px;margin-top:20px;margin-bottom:20px;box-shadow:10px 10px  #a1a1a1;}
.upload_button{width:160px;background-color:#01bfe3;border-radius:20px;padding:5px;border:none;color:white;font-size:16px;height:41px;margin-left:25px;}

/*photos end */
.contact-form-data{padding-bottom:15px;}

/* friendRequest*/
.friend_request{}
.friend_request .text_box{width:30%;margin-left:20px;}
.request_box{border-top:1px solid #dddddd;margin-top:20px;}
.request_box ul{list-style:none;}
.request_box ul li{border:1px solid #dddddd;margin-bottom:5px;width:380px;position:relative;}
.request_box ul li img{width:50px;height:50px;background-color:#f1efef;margin:5px 11px 5px 5px;display:inline-block;vertical-align:middle;}
.request_box ul li p{display:inline-block;vertical-align:middle;}
.request_box ul li i{font-size:40px;display:inline-block;vertical-align:middle;}
.request_box ul li .fa-check-circle{color:#19c8e9;position:absolute;right:70px;top:15px;}
.request_box ul li .fa-times-circle{color:#cccccc;position:absolute;right:20px;top:15px;}
.friends_box{border-top:1px solid #dddddd;margin-top:20px;}
.friends_box ul{margin-bottom:20px;overflow:hidden;margin-top:10px;}
.friends_box li{line-height:1.5em;float:left;display:inline-block;margin-top:5px;border:1px solid #dddddd;margin-bottom:5px;width:380px;position:relative;margin-right:10px;}
.friends_box ul li img{width:50px;height:50px;background-color:#f1efef;margin:5px 11px 5px 5px;display:inline-block;vertical-align:middle;}
.friends_box ul li p{display:inline-block;vertical-align:middle;}
.friends_box ul li i{font-size:20px;display:inline-block;vertical-align:middle;background-color:#cccccc;padding:10px;border-radius:20px;}
.friends_box ul li .fa-comment{color:#FFF;position:absolute;right:20px;top:15px;}
.you_may_know{border-top:1px solid #dddddd;margin-top:20px;}
.you_may_know ul{margin-bottom:20px;overflow:hidden;margin-top:10px;}
.you_may_know li{line-height:1.5em;float:left;display:inline-block;margin-top:5px;border:1px solid #dddddd;margin-bottom:5px;width:380px;position:relative;margin-right:10px;}
.you_may_know ul li img{width:50px;height:50px;background-color:#f1efef;margin:5px 11px 5px 5px;display:inline-block;vertical-align:middle;}
.you_may_know ul li p{display:inline-block;vertical-align:middle;}
.you_may_know ul li i{font-size:40px;display:inline-block;vertical-align:middle;}
.you_may_know ul li .fa-plus-circle{color:#cccccc;position:absolute;right:20px;top:15px;}

/*notification8/*/
.notification_head{margin-bottom:20px;}
.notification_head h3{display:inline;margin-right:10px;}
.notification_head i{font-size:25px;margin-left:25px;margin-right:10px;color:#666666;}
.notification_box{padding-top:20px;}
.notification_box ul{list-style:none;}
.notification_box ul li{padding:8px 10px;background-color:#f1f1f1;margin-bottom:3px;color:#808080;}
.notification_box ul li.active{background-color:#dddddd;font-weight:bold;}
.notification_box ul li .check_box{margin-right:10px;}
.mark_as_read{display:inline;margin-left:40px;font-weight:bold;}
.select_all{display:inline;font-weight:bold;}

/*message*/
.message{border-top:1px solid #dddddd;margin-top:15px;padding-top:15px;display:flex;}
.message_list{float:left;width:300px;}
.message_list ul{list-style:none;}
.message_list ul li{border:1px solid #dddddd;margin-bottom:5px;width:100%;}
.message_list ul li.active{background-color:#f0f0f0;    /*padding-right: 5px;*/z-index:999;position:relative;border-right:0;width:102%;}
.message_list ul li img{width:50px;height:50px;background-color:#f1efef;margin:5px 11px 5px 5px;display:inline-block;vertical-align:middle;}
.message_list ul li p{display:inline-block;vertical-align:middle;}
.message_box{width:455px;background-color:#f0f0f0;border:1px solid #dddddd;margin-left:5px;position:relative;overflow:hidden;float:left;}
.box1{overflow-y:scroll;height:500px;margin-bottom:75px;}
.box2{position:absolute;bottom:0;width:100%;background-color:#dddddd;padding:9px;display:flex;}
.send_button{width:100px;background-color:#01bfe3;border-radius:20px;padding:5px;border:none;color:white;font-size:16px;height:41px;margin-left:5px;margin-right:5px;}
.box2 .text_box{border-radius:0;padding:5px;width:76%;resize:none;}
.send_box{margin-top:10px;text-align:right;}
.reply_box{margin-top:5px;display:inline-block;width:100%;}
.reply_box span,.send_box span{white-space:pre-wrap;}
.ch1{width:350px;background-color:#dddddd;padding:5px 10px;margin-left:10px;border-radius:5px;word-break:break-all;padding-bottom:20px;position:relative;}
.ch2{width:350px;background-color:#01bfe3;padding:5px 10px;float:right;margin-right:10px;border-radius:8px;color:#fff;word-break:break-all;margin-bottom:5px;padding-bottom:20px;position:relative;}
.ch2 > p{margin:0;padding:0;}
span.chat_time{position:absolute;bottom:0px;float:right;right:6px;font-size:10px;}

/*subscription*/
.page_head{}
.page_head h3{display:inline;margin-right:10px;}
.page_head i{font-size:35px;margin-right:10px;}
.subscription_item span{background-color:#01bfe3;bottom:0;color:#fff;padding:4px 10px;position:absolute;right:0;}
.content .subscriptions{display:inline-block;padding:20px 15px 20px 25px;}
.subscriptions h3{font-size:18px;font-weight:bold;margin-bottom:0;}

/*settings/*/
.settings_wraper{background-color:#fafafa;padding:25px;float:left;width:65%;}
.right_sidebar{background-color:#fafafa;margin-left:30px;display:inline-block;width:25%;}
.right_sidebar span{display:flex;padding:20px;}
.right_sidebar span i{font-size:30px;margin-right:20px;}
.right_sidebar span p{padding-top:6px;}
.settings_content{border-top:1px solid #dddddd;margin-top:15px;}

/*testimonials/*/
.main_body_test{background-color:#dddddd;padding:20px;}
.testimonials div{background-color:#ededed;padding:10px 15px;border-radius:10px;line-height:27px;margin-top:10px;}
.testimonials h3{font-family:arial;font-size:18px;margin:10px auto;padding:5px!important;}
.testimonials .test-person{font-weight:bold;padding:0px;text-align:right;}
.testimonials{background-color:transparent!important;display:inline-block;margin:0!important;max-width:unset!important;width:100%;}
.home-drop .image-small{margin-right:5px;}
.home-drop{line-height:40px!important;}
.testimonials h3{padding:0;}

/*location */
.location{border-top:1px solid #dddddd;}

/*faq */
.message-page .form-heading .fa{font-size:25px;margin-left:25px;margin-right:10px;}
.message-page h3.form-heading{padding-top:5px;}
.faq_answer{background-color:#ededed;padding:10px;border-radius:10px;line-height:27px;margin-top:10px;}
.faq .ui-state-active{border:none;background:none;font-weight:normal;color:#000;}
.faq .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;border-radius:7px;margin-left:15px;height:auto!important;}
.faq .ui-widget-content{border:none;background:#ededed;color:#333333;}
.faq .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:none;background:none;font-weight:normal;color:#454545;}
.faq .ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(images/ui-icons_444444_256x240.png);}

/*activities*/
.activity,.faq,.login,.search,.result,.testimonials{background-color:#fafafa;padding:25px;margin:0 auto;    /*max-width:1100px;

       min-height: 720px;*/}
    .faq h3{font-family:arial!important;font-size:20px;}
    .faq .panel-body{border:medium none!important;font-family:arial;padding:15px 30px;}
    .faq .panel.panel-default{padding-left:30px;}
    .faq .panel-collapse.collapse.in{border-radius:7px;margin:0 20px 0 0;}
    .activity div{color:#333;padding:5px 15px;}
    .activity p{color:#888;line-height:20px;}
    .activity h3{font-family:arial!important;font-size:20px;margin-bottom:20px;}
    .activity h4{font-size:16px;font-weight:bold;margin-bottom:20px;margin-top:0;}

    /*activities*/
    .search .profile_pic{float:left;width:260px;height:260px;background-color:#d4d4d4;margin-right:20px;}
    .search .col1{width:120px;}
    .result_head{background-color:#f2f2f2;padding:30px;}
    .result .select_box{width:150px;border-radius:7px;border:1px solid #dddddd;padding:7px;margin-left:10px;margin-right:10px;}
    .search_result{padding:0px 18px 25px 25px;}
    .search_result .profile_pic{float:left;width:150px;height:150px;background-color:#d4d4d4;margin-right:20px;}
    .search_result ul{list-style:none;}
    .search_result ul li{background-color:#f4f2f2;display:inline-block;margin-top:3px;padding-right:10px;}
    .details1{margin-bottom:0;margin-top:10px;text-align:justify;min-height:50px;}
    .pagination{margin-top:25px;margin-bottom:10px;}
    .pagination span{padding:2px 10px 4px 10px;background-color:#666666;color:#FFF;}
    .pagination p{display:inline;padding:5px 10px 5px 10px;}
    .pagination .active{background-color:#00bfe3;color:#FFF;}
    .new_head{padding:27px;}
    .new_body{display:inline-block;margin:0 auto;padding:10% 0;}
    .signin_button{width:77px;background-color:#4584ed;border-radius:2px;padding:5px;border:none;color:white;font-size:16px;height:41px;float:right;}
    .new_body .logo{float:unset;margin:0;}
    .new_body .text_box,#missing_person input{border-radius:1px;padding:10px 15px;width:100%;}
    .operations{display:inline-block;margin-top:20px;}
    .search_main{text-align:center;}
    .new_body .button{background-color:#eeeeee;border-radius:2px;padding:5px 20px 5px 20px;border:none;color:#666666;font-size:16px;height:41px;float:right;margin:10px;box-shadow:0px 2px #f2f2f2;}
    .search_footer{background-color:#888888;color:#fff;padding:20px;text-align:center;}
    .menu_left{list-style:none;display:inline-flex;}
    .menu_right{list-style:none;display:inline-flex;float:right;}
    .menu_left li{margin-left:20px;}
    .menu_right li{margin-left:20px;}
    .site-button{
        border: medium none!important;
        border-radius: 2px!important;
        color: #757575;
        font-size: 14px!important;
        margin: 4px;
        min-width: 150px;
        padding: 6px 15px!important;
        font-family: arial,sans-serif;
        background: #f2f2f2;
    }
    .bottom-area .pagination{margin:22px 10px;}
    /*.site-button:hover{border: 1px solid #c6c6c6 !important;box-shadow: 0 1px 1px rgba(0,0,0,0.1);color:#222;font-weight: bold; background: #f2f2f2;}*/
    h3.main-heading{font-family:arial;font-weight:bold;padding:5px 15px;}
    .left{float:left;}
    .right{float:right!important;}
    .profile-area form{padding:25px;}
    .profile-area .control-label{font-weight:normal;text-align:left!important;}
    .profile-area input[type="checkbox"]{display:inline-block;height:auto;margin:5px;width:unset;}
    .form-group .form-button{background-color:#dddddd;border:medium none;border-radius:20px;color:#333;font-size:16px;padding:5px 22px;text-align:center;}
    .pages-content{
        padding-top: 0px;
        padding-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px; 
        background-color:#fff;
        /* background-color:#fafafa; */
    }
    .top-options{
        background-color:#fff;
        /* background-color:#f2f2f2 */;
        margin:0 15px;
        padding-top:0px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
        width:calc(100% - 30px)!important;
    }
    .top-options .gender{display:inline-block;margin:10px 0;}
    .gender > span{padding:0 10px;}
    .top-options select{border-radius:2px;font-family:Verdana;font-size:14px;font-weight:normal;min-width:150px;height:36px;}
    .bottom-area .block{height:170px;margin:5px auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);}
    .block .image-section{height:100%;padding:0;}
    .block img{height:100%;object-fit:cover;width:100%;border-right:3px solid #fff;}
    .block .content-section{/* padding:15px; */}
    .bottom-area{display:inline-block;padding:5px 25px;}
    .image-small{float:left;margin:0px 2px 0 0px;}
    li.profile-name{color:#444;font-family:arial;font-size:16px;text-transform:capitalize;vertical-align:top;    /*padding: 10px 20px 8px 25px;*/padding:6px 20px 8px 25px;}
    .profile-name > span{line-height:40px;padding:10px;}
    .right-links .dropdown-toggle.login-name{height:40px;margin:8px 5px 5px;}
    .inner-white{background-color:#fafafa;padding:20px 25px;}
    .inner-white h3{font-size:18px;font-weight:bold;padding-bottom:12px;}
    .setting_right .inner-white span p{display:inline-block;margin-left:12px;line-height:35px;}
    .form-heading{border-bottom:1px solid #dedede;margin-bottom:20px;margin-top:0;padding:10px 0;}
    .form-heading .fa{margin-right:10px;font-size:36px;vertical-align:0;}
    .setting_right .inner-white > span{display:block;margin-top:35px;cursor:pointer;}
    .setting_right .inner-white > span:first-child{margin-top:0;}
    .setting_right .fa{vertical-align:middle;}
    .profile-area .settings-left form{padding:0px;}
    .short-page .fa{font-size:36px;margin-right:10px;vertical-align:0px;}
    .short-page{background-color:#fafafa;font-size:18px;font-weight:bold;padding:25px;}
    .faq .panel.panel-default{border:medium none;box-shadow:none;padding-left:15px;}
    .faq{background-color:#fff;max-width:unset;font-family:arial;}
    .panel-collapse.collapse{background-color:#eee;margin:0 20px;}

    /*.faq .panel.panel-default::before {

       content: "*";

       font-size: 34px;

       font-weight: bold;

       margin-right: 5px;

       position: absolute;

    }*/
    .faq .panel-heading{padding:10px;}
    .faq .panel-group{padding:0 0 0 20px;}
    .inactive{display:inline-block;}
    .active .active{display:inline-block!important;}
    .panel-title > a{text-decoration:none;}
    .active .inactive{display:none;}
    .profile-area .location form{padding:0;}
    .inputt{display:inline-block;margin-left:10px;width:32%;}
    .main-block{display:inline-block;width:100%;}
    .friend-block > p{display:inline-block;vertical-align:middle;margin-bottom:0px;}
    .friend-block > img{background-color:#f1efef;display:inline-block;height:50px;margin:5px 11px 5px 5px;vertical-align:middle;width:50px;}
    .friend-block .fa-check-circle{color:#19c8e9;position:absolute;right:50px;}
    .friend-block .fa-times-circle{color:#cccccc;position:absolute;right:10px;}
    .friend-block i{display:inline-block;font-size:40px;vertical-align:middle;top:10px;}
    .friend-block{border:1px solid #dddddd;margin-bottom:10px;position:relative;padding-left:0px!important;margin-right:15px;}
    .friend-block.request{float:unset!important;}
    .main-block .main-heading{margin:0 0 20px;padding:0;}
    .main-block{border-bottom:1px solid #dedede;display:inline-block;padding:20px 0;width:100%;}
    .friend-heading{border-bottom:1px solid #dedede;font-family:arial;font-size:16px!important;font-weight:lighter!important;margin-bottom:0;margin-top:0;padding:5px 0 20px!important;}
    .friend-block .fa-comment{color:#fff;position:absolute;right:20px;top:10px;}
    .friend-block.all-one i{background-color:#cccccc;border-radius:20px;display:inline-block;font-size:20px;padding:10px;vertical-align:middle;}
    .friend-block .fa-plus-circle{color:#cccccc;position:absolute;right:20px;top:10px;}
    .friend-block.you-may i{display:inline-block;font-size:40px;vertical-align:middle;}
    .friend-block.request.active{background-color:#f0f0f0;border-right:medium none;float:left!important;margin-right:0!important;}

    /*.message_box {

       float: left;

       left: 25%;

       position: absolute;

       top: 0;*/}
    .bigger-block{display:inline-block;width:100%;}
    .message-blocks{min-height:700px;position:relative;}
    .contact-message{resize:none;}
    #app .navbar-default  .container-high.desktop  ul.navbar-nav.loginregis li a{ margin:10px} 
        #app .navbar-default  .container-high.desktop  ul.navbar-nav.loginregis{ padding-top: 5px; } 
	
	/*sarwan*/
    .forget-pass {
        height: 250px !important;
    }
    .ify-forget{
        margin-top:7px !important;
    }
    .login_as_reg_page .ify_search_p{
        display: none;
    }
    .username-setting{
        font-size: 12px;
        color: #90949c;
        font-family: arial;
        margin-top:4px;
    }
    .username-setting-label{
        font-size: 13px;
        font-family: arial;
    }
    .username-setting-ul{
        padding-left: 17px;
        font-size: 12px;
        list-style-type: square;
        padding-bottom: 18px;
    }
    .col-lg-8.ify-col-lg-8 {
        padding-left: 35px;
    }
	.new_body .my_search_button{
		background-color:#f2f2f2;
		border-radius:2px;
		/* padding:5px 20px 5px 20px; */
		min-width: 54px;
    	padding: 0 16px;
    	text-align: center;
		border: 1px solid #f2f2f2;
		color:#757575;
		font-size:13px;
		height:36px;
		margin:11px 4px;
		/* box-shadow:0px 2px #f2f2f2; */
		font-weight: bold;
		cursor: default;
		font-family: arial,sans-serif;
		line-height: 27px;
	}
	.new_body .my_search_button:hover{
		border: 1px solid #c6c6c6;
    	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    	color: #222;
	}
	.ify_search_p{
		margin-top: 13px;
	}
	.ify_search_box{
		width: 100%;
        border-radius: 1px;
        border:none;
        padding: 12px 15px;
        height: 46px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
        border-radius: 2px;
	}
	.ify_search_box:hover{
		 box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
	}
	.desktop .ify-top-bar {
    	padding: 12px;
	}
	.ify-top-row{
		background: #fafafa;
		border-bottom: 1px solid #ebebeb;
	}
	.ify-search-icon{
		top: -28px;
	    float: right;
	    margin-right: 20px;
	    color: #4285F4;
	}
    .ify-h4{
        font-size: 18px;
    }
    .ify-gap{
        margin-top: 0px !important;
        margin-bottom: 26px !important;
    }
    .ify-top-row .ify-col-md-2{
        padding-right: 0px;
        margin-top:-7px;
    }
    .containernew .ify-container{
        margin-left: 12%;
    }
    .ify-view{
        padding-top: 13px;
    }
    
    .navbar-login.ify-navbar-login{
        width: 278px;
        margin-top: 14px;
        margin-bottom: 4px;
        margin-left: 9px;
        margin-right: 10px;
    }
    .text-left.new-text{
        margin-top: -3px !important;
    }
    .small.small-text{
        margin-top: -5px !important;
    }
    div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a.settingsbutton.ify-settingsbutton{
        margin-top: 9px !important;
    }
    .navbar-login
    {
    width: 275px;
    /*padding: 10px;
    padding-bottom: 0px;*/
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    }

    .navbar-footer 
    {
        background-color:#DDD;
    }
    .navbar-footer-content { padding:15px 15px 15px 15px; }
    .icon-size
    {
        font-size: 87px;
    }
    .text-center img {
          border-radius: 100%;
    height: 96px;
    width: 96px;
    }
    span.btn.btn-default.ify-btn-default {
        border-radius: 2px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        background: #f8f8f8;
        border: 1px solid #c6c6c6;
        padding: 0 12px;
        line-height: 28px;
        font-family: arial,sans-serif;
    }
    li .divider.ify-divider {
        margin: 0px;
    }
    .ify-back {
        background: #f5f5f5;
        padding: 5px 0px;
    }
    span.btn.btn-default.ify-btn-default a:hover{
        color: #666;
        cursor: default;
        text-decoration: none;
    }
    .col-md-4.col-lg-4.ify-register-form {
        margin: 0;
        padding: 25px;
        background: #f1f1f1;
        width: 362px;
        display: inline-block;
    }
    .ify-register-h1{
        text-align: center;
        font-family: 'OpenSans-Light';
        color: #555;
        font-size: 38px;
        font-weight: 100;
        margin-top: 27px;
        margin-bottom: 50px;
    }
    .form-control.ify-register-textbox{
        width: 151px;
        height: 29px;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
    }
    .form-control.ify-register-textbox:hover{
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        border: 1px solid #b9b9b9;
        border-top: 1px solid #a0a0a0;
    }
    .form-control.ify-register-textbox:hover{
        box-shadow:none;
    }
    .form-control.ify-eml-pass-con-textbox{
        width: 313px;
        height: 29px;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
    }
    .form-control.ify-eml-pass-con-textbox:hover{
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        border: 1px solid #b9b9b9;
        border-top: 1px solid #a0a0a0;
    }
    .form-control.ify-eml-pass-con-textbox:focus{
        box-shadow: none;
    }
    .ify-col-md-6{
        padding-left: 0px;
    }
    .ify-last{
        margin-left: 5px;
    }
    .ify-col-md-12-lbl{
        padding-left: 0px;
        font-size: 13px;
        font-family: arial;
        font-weight: bold;
    }
    .col-md-4.ify-col-md-4-button {
        text-align: right;
        margin-top: 25px;
        margin-bottom: 5px;
        float: right;
        border-radius: 0;
        height: 29px;
        line-height: 29px;
        vertical-align: bottom;
        padding-left: 35px;
    }
    .ify-btn{
        border-radius: 2px;
        padding: 0px 13px;
        border: 1px solid #808080;
        color: #fff;
        text-shadow: 0 1px rgba(0,0,0,0.1);
        background-color: #808080;
        font-size: 12px;
        font-weight: normal;
        font-family: arial;
        line-height: 28px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }
    .ify-btn:hover{
        border: 1px solid #808080;
        color: #fff;
        text-shadow: 0 1px rgba(0,0,0,0.3);
        background-color: #808080;
        cursor:default;
    }
    .ify-register-image{
        width: 100%;
    }
    .ify-register-image.login-image{
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }
    .left-header.registerclass{
        margin-bottom: 15px;
    }
    .row.ify-top-row.register-background {
        background: #f1f1f1;
       /* padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 5px;*/
    }
    .ify-btn.ify-regis {
        padding: 0px 11px;
        line-height: 27px;
        font-weight: normal;
        min-width: 46px;
        font-size: 13px;
        border-radius: 2px;
    }

    button.ify-btn.ify-btn-home {
        line-height: 28px;
        padding: 0 12px;
        display: inline-block;
        margin-top: 11px;
        margin-right: 8px;
        font-size: 13px;
    }

    .ify-welcome{
        text-align: center;
        font-family: OpenSans-Light;
    }
    .ify-sec-line{
        text-align: center;
        padding: 22px;
        font-family: OpenSans-Light;
        font-size: 20px;
    }
    .ify-thanks-line{
        text-align: center;
        padding: 0px;
        font-family: OpenSans-Light;
        font-size: 14px;        
    }
    .ify-login-h1{
        font-size: 24px;
        font-weight: 400;
    }
    p.ify-login-p {
        padding-bottom: 3px;
        padding-top: 1px;
        margin: 0;
        font-family: arial;
        font-weight: normal;
        font-size: 15px;
    }
    .ify-login-form{
        margin-top:0px;
    }
    .ify-forgot-subm{
        padding-top: 10px;
    }
    .ify-login-a{
        color: #01C1E2;
        font-family: arial;
        font-size: 14px;  
    }
    .ify-login-a:hover{
        color: #01C1E2;
    }
    .ify-forgot{
        margin-bottom: 29px;
    }
    .ify-logi-btn{
        float: right;
        margin-top: -25px;
        min-width: 68px;
        /* font-size: 12px; */
        line-height: 30px;
        border-radius: 2px;
        cursor: pointer;
        text-align: center;
    }
    .ify-login-col-md-5{
        padding-top: 35px;
        padding-bottom: 35px;
        padding-right: 30px;
        padding-left: 30px;
        /*width: 450px;*/
        /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
        border:solid 1px #ddd;
        height: 275px;
        background: #fff;
        /*margin: 0 auto;
        float: none;*/
    }
    button.ify-btn.site-button.send-request-modal{
        min-width: 95px;
        margin-left: 44px;

    }
    .ify-reset-col-md-5{
       
        height: 332px;
    }
    .ify-reset-col-md-5.ify-reset-pass{
       
        height: 435px;
    }
    .ify-reset-img {
        width: 96px;
        height: 96px;
        border-radius: 100%;
    }
    .ify-password-reset {
        font-size: 24px;
        font-family: OpenSans-Light;
        color: #555;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .ify-col-md-img{
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .ify-password-h2 {
        font-size: 13px;
        font-weight: 400;
        font-family: 'Open Sans',arial,sans-serif;
        width: 324px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        color: #555;
        -webkit-font-smoothing: antialiased;
    }
    label.col-md-12.ify-reset-label {
        padding-top: 10px;
        padding-bottom: 5px;
        font-family: arial;
        font-size: 15px;
        font-weight: normal;
    }
    .col-md-12 input.ify-reset-input {
        height: 44px;
        background: #fff;
        font-size: 16px;
        color: #404040;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
        width: 100%;
    }
    .col-md-12 input.ify-reset-input:hover {
        border: 1px solid #b9b9b9;
        border-top: 1px solid #a0a0a0;
    }
    .col-md-5.col-md-offset-3.ify-login-col-md-5.ify-reset-col-md-5 {
        background: #F7F7F7;
    } 
    button.ify-reset-button{
        height: 36px;
        line-height: 24px;
        color: #fff;
        font-family: arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        text-align: center;
        text-shadow: 0 1px rgba(0,0,0,0.1);
        background-color: #808080;
        border-radius: 2px; 
        cursor:default;
    }   
     button.ify-reset-button:hover{
        color:#fff;
     }
     .ify-passset-button{
        margin-top: 10px;
     }
     button.ify-btn.ify-logi-btn.edit {
        float: left;
        margin-top: 10px;
    }
    .ify-btn.ify-logi-btn.setting{
        margin-top:10px;
        float: left;
        min-width: 0px;
    }
/* ---------------- Start Login Form Style--------------- */    
    .group{ 
      position:relative; 
      margin-bottom:27px; 
    }
    input.ify-input-class{
      font-size:14px;
      padding:10px 10px 10px 5px;
      display:block;
      width:100%;
      border:none;
      border-bottom:1px solid #757575;
    }

    input.ify-input-class:focus{ outline:none; }

    /* LABEL ======================================= */
    label.ify-label-class{
      color:#999; 
      font-size:18px;
      font-weight:normal;
      position:absolute;
      pointer-events:none;
      top:10px;
      transition:0.2s ease all; 
      -moz-transition:0.2s ease all; 
      -webkit-transition:0.2s ease all;
    }

    /* active state */
    input.ify-input-class:focus ~ label.ify-label-class, input.ify-input-class:valid ~ label.ify-label-class{
      top:-20px;
      font-size:14px;
      color:#01C1E2;
    }

    /* BOTTOM BARS ================================= */
    .bar{ position:relative; display:block; width:100%; }
    .bar:before, .bar:after     {
      content:'';
      height:2px; 
      width:0;
      bottom:0px; 
      position:absolute;
      background:#01C1E2; 
      transition:0.2s ease all; 
      -moz-transition:0.2s ease all; 
      -webkit-transition:0.2s ease all;
    }
    .bar:before {
      left:50%;
    }
    .bar:after {
      right:50%; 
    }

    /* active state */
    input.ify-input-class:focus ~ .bar:before, input.ify-input-class:focus ~ .bar:after {
      width:50%;
    }

    /* HIGHLIGHTER ================================== */
    .highlight {
      position:absolute;
      height:60%; 
      width:100px; 
      top:25%; 
      left:0;
      pointer-events:none;
      opacity:0.5;
    }

    /* active state */
    input.ify-input-class:focus ~ .highlight {
      -webkit-animation:inputHighlighter 0.3s ease;
      -moz-animation:inputHighlighter 0.3s ease;
      animation:inputHighlighter 0.3s ease;
    }

/* login page css */

.login_page{ background-image:url(../images/login-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.login_page .container{ background-color: transparent;  }
.login_page input.ify-input-class{ width: 100% }
.login_page label.ify-label-class{ font-size: 15px; font-family: arial; }



    /* ANIMATIONS ================ */
    @-webkit-keyframes inputHighlighter {
        from { background:#01C1E2; }
      to    { width:0; background:transparent; }
    }
    @-moz-keyframes inputHighlighter {
        from { background:#01C1E2; }
      to    { width:0; background:transparent; }
    }
    @keyframes inputHighlighter {
        from { background:#01C1E2; }
      to    { width:0; background:transparent; }
    }
/* ----------------End Login Form Style--------------- */    
    
    @media screen and (min-width:1687px) and (max-width:1798px){
        div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a.settingsbutton {
            background: #00ccff !important;
            border-radius: 3px;
            color: #ffffff !important;
            display: inline-block;
            margin-top: 20px !important;
            margin-bottom: 9px !important;
            padding: 7px 10px !important;
            
        }
    }
    @media screen and (min-width:1799px) and (max-width:2023px){
         div#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li a.settingsbutton {
            background: #00ccff !important;
            border-radius: 3px;
            color: #ffffff !important;
            display: inline-block;
            margin-top: 20px !important;
            margin-bottom: 9px !important;
            padding: 7px 10px !important;
            
        }
    }

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

    }
   /* @media screen and (min-width:2698px) and (max-width:4046px){
        .ify-content-area{
            margin-left:-416px;
        }*/
    } 
	/*sarwan*/



    @media screen and (max-width:1550px) and (min-width:1200px){
        .photos .photo-div{width:20%;}
        .safari .col-md-2.sidebar{width:20%;}
        .safari .container-high > .row .col-md-10{width:80%;}
    }
    @media screen and (max-width:1420px) and (min-width:1280px){
        .notification li{padding:5px 8px;}
        .main-menuu .right-links{margin-right:55px;}
        li.profile-name{padding:10px 10px 8px;}
        .profile-name > span{padding:10px 5px;}
    }
    @media screen and (max-width:1400px) and (min-width:1200px){
        .main-block .friend-block{width:30%;}
    }
    @media screen and (max-width:1366px) and (min-width:992px){
        .sidebar i{width:22px;}
        .msg_no{right:10px;}
        .desktop .right-header{margin-left:270px;}
        .navbar-right li.left-links {margin-top: 9px;}
        .navbar-right li.dropdown.right-links {margin-top: 9px;}
        .menu li{padding: 0 12px;}
.notification li{padding: 0;}
.rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right  li.left-links{ vertical-align: top;}
    .notification li{padding:10px 6px;}
    .rightsecnew.rightsectionnav .main-menuu ul.navbar-nav li.right-links ul.notification li.profile-name{padding: 0 0px 0 13px;}
    .rightsecnew.rightsectionnav .ify-top-bar .navbar-collapse.main-menuu ul.navbar-nav.navbar-right{margin-top: 3px;}
        .safari .col-md-2.sidebar{width:30%;}
        .safari .container-high > .row .col-md-10{width:70%;}
    }
    @media screen and (max-width:1280px) and (min-width:992px){
        .sidebar li{font-size:16px;}
        .sidebar li a{padding:15px 10px;}
    }
    @media screen and (max-width:1280px) and (min-width:768px){
        /*.no-guest{background-color:#fff;height:150px;}*/
    }
    @media screen and (max-width:1400px){
        .content .subscriptions{width:100%;}
    }
    @media screen and (max-width:1280px){
        .main-menuu .left-links{left:25%;position:absolute;top:80px;}
        .inputt{width:40%;}
        /*.ify-mobile-img-link{
            display: block;
        }*/
    }
    @media screen and (max-width:1200px){
        .block .content-section{padding:5px 15px;}

        /*.message_box{

            left: 33%;

        }*/}
        @media screen and (max-width:1050px){
            .main-menuu .left-links{left:20%;}
        }
        @media screen and (max-width:1124px) and (min-width:992px){
            .message_box{width:370px;}
            .message_list{width:250px;}
            .setting_right .inner-white{padding:20px 15px}
            .settings-left .margin-200{margin-left:0px!important;width:100%;}
            .friend-block{width:42%!important;}
        }
        @media screen and (max-width:991px){
            .sidebar{min-height:unset!important;}
            .sidebar .navbar-collapse.collapse{display:none!important;}
            .sidebar .navbar-collapse.collapse.in{display:block!important;}
            .bottom-area .block{height:200px;}
            .main-menuu .left-links{left:15%;}

            /*.message_box{

                left: 33%;

            }

            .message_box{

                width: 420px;

                left: 42%;

            }*/
            .subscription_item .image-area{background-color:#dddddd;background-repeat:no-repeat;background-size:100% 100%;height:200px;object-fit:cover;position:relative;margin:10px auto;}
            .col-md-2.sidebar.navbar.navbar-default{height:auto!important;margin-bottom:0;}
            .photo-div .image{height:230px;margin:20px auto;box-shadow:5px 5px 10px #333;}
            .photo-div .image > img{height:100%;object-fit:cover;width:100%;}
            .min-heiii{min-height:750px!important;}
            .col-md-10.profile-area{display:inline-block;width:100%;}
            .col-md-10.profile-area.subs{min-height:750px!important;}
        }
        @media screen and (max-width:850px){
            .main-menuu .left-links{left:8%;}
            .message_box{width:370px;}
            .message_list{width:250px;}
        }
        @media screen and (max-width:810px){
            .main-menuu .left-links{left:4%;}
            .footer_menu{ width: 100%; padding-top: 10px; }
            .search_footer p{ padding-top: 10px; padding-bottom: 10px; width: 100% }
        }
        @media screen and (max-width:767px){
            .nav.navbar-nav.navbar-right a{border-bottom:1px solid #d3e0e9;}
            .nav.navbar-nav.navbar-right{margin-top:0px;}
            .container-high.desktop{display:none!important;}
            .container-high.mobile{display:block!important;padding:0 2%!important;}
            .mobile .navbar-header{padding:15px;}
            .mobile-logo{width:100%;text-align:center;}
            .mobile-logo img{width:60%;}
            .mobile .navbar-toggle{margin-top:14px;margin-right:5px;}
            .container{margin:20px!important;}
            .block .content-section{display:inline-block;}
            .bottom-area .block{height:auto;}
            .mobile .mobile-noti{display:inline-block;width:100%;}
            .bigger-block .friend-block.request{display:none;}
#app .navbar-default .navbar-collapse ul.navbar-nav.loginregis li{ padding: 10px;  border-bottom: 1px solid #ccc}
            /*.message_box {

                left: 10%;

                width: 80%;

            }*/
            #app .search_main{min-height:400px;}
            .min-heiii{min-height:500px!important;}
            .sidebar .navbar-header{margin:0 2%;width:96%;}
            .col-md-2.sidebar.navbar.navbar-default{background-color:#fff!important;}
            .sidebar .navbar-header{border-bottom:10px solid #01bfe3;border-top:1px solid #01bfe3;margin:0 2%;width:96%;}
            .nav.navbar-nav.navbar-right a{/*border-bottom:1px solid #01bfe3;*/ padding-bottom: 5px; padding-top: 5px;}
            .nav.navbar-nav.navbar-right li:last-child a{border-bottom:0 none;padding-bottom:3px;}
            .mobile .navbar-collapse.collapse{border:medium none;}
            .nav.navbar-nav.navbar-right li:first-child a{/*border-top:1px solid #01bfe3;*/}
           
            .windowheight{ height: 250px; }
        }
        @media screen and (max-width:720px){
            .message_box{width:300px;}
            .message_list{width:180px;}
        }
        @media screen and (max-width:640px){
            body > .container{min-height:600px;}
            .inputt{width:58%;}
            .search_footer{ position: static; float: left; width: 100% }
        }
        @media screen and (max-width:580px){
            .message_list{width:100%;}
            .message_box{width:100%;margin-left:0;}
            .message-blocks{display:inline-table;width:100%!important;}
            .message_list ul li.active{border:1px solid #dddddd;width:100%;}
            .search_footer ul.footer_menu{line-height:12px;}

        }
        @media screen and (max-width:520px){
            .new_body{width:100%;padding:0 20px;}
            .new_body .logo img{width:80%;}
            .new_body .button{font-size:14px;margin:4px;padding:5px 8px;height:35px;}
            .mobile-logo{min-width:250px;}
            .site-button{min-width:90px;}
            body > .container{min-height:480px;}
            .chart1 .col1{width:35%;}
            html body{font-size:14px;}
            .profile-des{margin:0px;}
            .chart2 .col1{width:40%;}
            .search-pages .col1{width:25%;}
            .message_box{width:100%;left:0px;}
            .activities li span{padding-bottom:6.5px;display:-webkit-inline-box;line-height:0px;}
            .footer_menu{display:inline!important;}
        }
        @media screen and (max-width:420px){
            body > .container{min-height:350px;}
            li.profile-name{font-size:14px;}
            .subscriptions .subscription_item{float:unset;margin:0 auto;width:80%;}
            .photos .photo-div{float:unset;margin:0 auto;width:80%;}
            .photos{width:100%;}
        }
        @media screen and (max-width:380px){
            .new_body .button{float:unset;}
            .mobile-logo{margin-top:3px;min-width:220px;}
            .mobile .notification li{padding:5px 8px;}
            li.profile-name{font-size:12px;}
            .subscriptions .subscription_item{width:90%;}
            .photos .photo-div{width:90%;}
            .h3,h3{font-size:18px!important;}
              .search_footer{ position: fixed; float: left; width: 100% }
              .windowheight .row{margin-left: 0; margin-right:0;   }
        }
        @media screen and (min-width:768px){
            .navbar-nav > li > a{background-color:#4584ed;border:medium none;border-radius:2px;color:white!important;float:right;font-size:16px;margin:10px;padding:10px 15px!important;}
            .navbar-nav > li > a:hover{     /*background-color: #2579a9 !important;*/}
            /*.container-high.desktop{height:59px;}*/
            .container-high.desktop .left-header a img{width:100%;}
            .new_body .text_box{min-width:582px;}
            .setting_right{padding-right:0px!important;}
            .settings-left{padding-left:0px!important;}
        }
        @media screen and (min-width:992px){
            .sidebar .navbar-header{display:none;}
            .col-md-2.sidebar{width:275px;margin-bottom:0;border-radius:0;min-height:850px;}
          /*  .container-high > .row .col-md-10{width:calc(100% - 280px);}*/
            .fix-width-col-2{min-width:200px!important;width:200px!important;}
            form .form-group{/*margin-bottom:20px;*/}
            .container .col1{width:120px!important;}
            .search-pages .user_details{padding-left:5px;}
            .bottom-area .block{height:150px;display:inline-block;margin:3px 10px;padding:0px;}
            .block .image-section{width:150px;}
            .bottom-area .block .image-section{width:145px;}
            .search-result .content-section h4{margin:0 auto 10px;}
            .settings-left label{width:200px;}
            .margin-200{margin-left:200px!important;}
            .subscription_item{background-color:#dddddd;float:left;height:192px;margin-bottom:20px;margin-right:10px;margin-top:20px;position:relative;width:192px!important;}
            .photo-div{background-color:#b3b3b3;box-shadow:10px 10px #a1a1a1;height:233px;margin:20px 30px;padding:0!important;width:233px!important;}
            .photo-div .image > img{width:100%;}
            .profile-area form .col-md-offset-2{margin-left:200px;}
        }
        @media screen and (min-width:1550px){
            .safari .col-md-2.sidebar{width:15%;}
            .safari .container-high > .row .col-md-10{width:85%;}
        }
        .main-home-bar #app-navbar-collapse ul.nav.navbar-nav:first-child{display:none;}
        .photos-link .site-button{margin-left:30px;}
        .photo h3{margin-bottom:0;padding:10px 0 15px;}
        form .form-control{border-color:#ddd;box-shadow:none;height:38px;border-radius:0px;}
        .short-desc{font-size:18px;font-weight:bold!important;padding-bottom:12px;}
        .acti-label{padding:0px;font-size:18px;font-weight:bold!important;}
        #short-desc.form-control{font-size:16px;height:100px;line-height:18px;max-width:100%;resize:none;}
        .search_footer p{margin-bottom:0;}
        .main-home-bar{padding:15px 30px;}
        .navbar .ify-home-bar{padding: 0px 15px;}
        .navbar-collapse .ify-right{display: block;}
        .search-result h3{font-family:arial;font-size:18px;margin:10px 0;}
        .subscriptions h3{margin-bottom:0;}
        .main-home-bar .home-drop{line-height:40px!important;background-color:transparent!important;color:#000!important;}
        .main-home-bar .home-drop:hover{line-height:40px!important;background-color:transparent!important;color:#000!important;}
        .noti .fa{color:hsl(0, 0%, 40%);font-size:16px;/*margin-left:25px;margin-right:10px;*/}
        .msg .fa{color:hsl(0, 0%, 40%);font-size:16px;/*margin-left:25px;margin-right:10px;*/}
        .noti .inner-white h3{margin-bottom:0px;padding-bottom:20px;}
        .photo .fa{font-size:25px;margin-left:25px;margin-right:10px;}
        .form-group .form-button:focus,.form-group .form-button:active{outline:none;}
        @media screen and (max-width:490px){
            .custom-j-class{margin-bottom:20px;width:100%;}
        }
        img.remove-icon{position:absolute;right:-21px;height:30px;top:-18px;cursor:pointer;}
        .photo-div span{display:none;}
        .notification_box ul li.unread_msg{color:#000;}
        .user-profile-name{position:relative;top:-25px;background:#fff;width:171px;padding:4px 10px;opacity:0.6;color:#000;}
        img.star-icon{position:absolute;right:71px;height:30px;top:3px;cursor:pointer;}
        .friend-block button{display:inline-block;font-size:40px;vertical-align:middle;top:10px;background-color:transparent;border:none;}
        .friend-req form{padding:0px!important;}
        .chat_day{text-align:center;font-size:12px;margin-top:5px;clear:both;}
        .chat_day span{background:#0CF;color:#fff;padding:2px 16px;border-radius:17px;}
        @-moz-document url-prefix(){
            .box1{margin-bottom:90px;}
        }
        #msg_loader{position:absolute;width:6%;display:none;}
        .message_list ul{cursor:pointer;}
        .new_body .button.active{background:#0CF;color:#fff;}
        #missing_person label{float:left;}
        .operations a:hover,.operations a:focus{text-decoration:none;}
        #squarespaceModal .modal-header,#squarespaceModal .modal-footer{border:none;}
        #squarespaceModal .modal-footer{padding:0;}
        #squarespaceModal form .form-control{border-color:#01c0ec;box-shadow:none;height:38px;border-radius:7px;border-radius:0;border-top:0;border-left:none;border-right:none;}
        .modal-open #squarespaceModal{display:flex;vertical-align:middle;align-items:center;align-items:center;}
        #squarespaceModal .modal-dialog{width:350px;margin:30px auto;display:flex;align-items:center;align-self:center;vertical-align:middle;}
        .modal-content{width:100%;padding:15px;}
        #squarespaceModal .modal-header span{width:100%;display:block;font-size:32px;}
        #squarespaceModal .modal-header span .fa{color:#02bde6;}
        #squarespaceModal .modal-content input[type="submit"]{background:#02bde6;border:none;color:#fff;margin:0px auto;display:block;padding:6px 25px;border-radius:4px;}
        #squarespaceModal span{outline:none!important;}
        #squarespaceModal .modal-content select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;z-index:999;position:relative;padding:0px;}
        #squarespaceModal .modal-content .form-group{position:relative;}
        #squarespaceModal .modal-content .form-group:before{content:"\f107";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;position:absolute;bottom:12px;right:7px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
        .operations .btn.btn-primary{background-color:#eeeeee;border-radius:2px;padding:5px 20px 5px 20px;border:none;color:#666666;font-size:16px;height:41px;float:right;margin:10px;box-shadow:0px 2px #f2f2f2;}
        .profile_view_button{text-align:center;padding:5px;margin:10px;background:#fff;font-size:15px;}
        .profile-left{height:120px;border-right:2px dotted #d3d3d3;}
        #profile_details .nav-tabs>li{width:33.30%;}
        #profile_details .nav-tabs>li>a{margin-right:-1px;border-radius:0px;}
        #profile_details .nav-tabs>li.active>a{background:#fff;}
        #profile_details #info .main-heading{padding:6px;border-bottom:1px solid #ddd;}
        #profile_details #info .top-margin{display:inline-block;width:100%;margin:10px auto;}
        #profile_details #info .locations .col-md-7,#profile_details #info .locations .col-md-5{line-height:normal;}
        #profile_details .user_details{border:1px solid #ddd;padding:0px;}
        #profile_details .padding-none{padding:0px;}
        #profile_details #info #about-info{margin-bottom:25px;}
        #about-info p{text-align:justify;}
        #profile_details form{margin-top:20px;}
        #profile_details form .btn{padding:6px 23px;}
        #profile_details #user-photos img{width:100%;}
        #profile_details #user-photos,#profile_details #user-friends{margin-bottom:15px;margin-top:15px;}
        #profile_details #load_more_pics{margin-bottom:15px;}
        .search-result .bottom-area{
            padding-bottom: 5px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 0px;
        }
        .search-result .bottom-area .top-options{margin:0px;width:100%!important;}
        .search-result .bottom-area .block{margin:3px auto;}
        .privacy .panel-default > .panel-heading{background-color:#ddd;}
        .panel-collapse.collapse{background-color:#fff;margin:0px;}
        .privacy-radio label{padding:0 20px;}
        .privacy .panel-default .panel-title > a{display:block;}
        #privacy .form-group{display:inline-block;margin:10px auto;width:100%;}
        #privacy .btn{border-radius:0px;padding:6px 48px;}
        #privacy .btn-primary{background-color:#01BFE3;border-color:#01BFE3;}
        .privacy .panel.panel-default{margin:15px auto;}