.row.content {height: 450px}
.sidenav {padding-top: 20px;}
.dropbtn {background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {
    display: none;
    position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a {
    color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.login-or {
	position: relative;
	font-size: 18px;
	color: #aaa;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}
.span-or {
	display: block;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -25px;
	background-color: #fff;
	width: 50px;
	text-align: center;}
.hr-or {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;}
h3 {text-align: center;line-height: 300%;}
.hold{height: 700px;} /* Sidebar Styles */
.sidebar{background: #eeeeee;}
*[role="form"] {
    max-width: 530px;
    padding: 15px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0.3em;}
*[role="form"] h2 {margin-left: 5em;margin-bottom: 1em;}
*{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;}
.well {
    margin-top:20px;
    background-color:#007FBD;
    border:2px solid #0077B2;
    text-align:center;
    cursor:pointer;
    font-size: 25px;
    padding: 15px;
    border-radius: 0px !important;}
.well:hover {
    margin-top:20px;
    border:2px solid #0077B2;
    text-align:center;
    cursor:pointer;
    font-size: 25px;
    padding: 15px;
    border-radius: 0px !important;
    border-bottom : 2px solid rgba(97, 203, 255, 0.65);}
.bg_blur
        {
    background-image:url('http://data2.whicdn.com/images/139218968/large.jpg');
    height: 300px;
    width: 250px;
    background-size: cover;}
.follow_btn {
    text-decoration: none;
    position: absolute;
    left: 35%;
    top: 42.5%;
    width: 35%;
    height: 15%;
    background-color: #007FBE;
    padding: 10px;
    padding-top: 6px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border: 4px solid #007FBE;}
.follow_btn:hover {
    text-decoration: none;
    position: absolute;
    left: 35%;
    top: 42.5%;
    width: 35%;
    height: 15%;
    background-color: #007FBE;
    padding: 10px;
    padding-top: 6px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border: 4px solid rgba(255, 255, 255, 0.8);}
.header{color : #808080;margin-left:10%;margin-top:70px;}
.picture{height:150px;width:150px;position:absolute;top: 75px;left:-75px;}
.picture_mob{position: absolute;width: 35%;left: 35%;bottom: 70%;}
.btn-style{color: #fff;background-color: #007FBE;border-color: #adadad;width: 33.3%;}
.btn-style:hover {color: #333;background-color: #3D5DE0;border-color: #adadad;width: 33.3%;}
li:hover{background: #fff;}
a{color:#222;cursor: pointer;}
@media (max-width: 767px) {
    .header{text-align : center;}
    .nav{margin-top : 30px;}}
/*Chat box style*/
.chat{list-style: none;margin: 0;padding: 0;}
.chat li{margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #B3A9A9;}
.chat li.left .chat-body{margin-left: 60px;}
.chat li.right .chat-body{margin-right: 60px;}
.chat li .chat-body p{margin: 0;color: #777777;}
.panel .slidedown .glyphicon, .chat .glyphicon{margin-right: 5px;}
.panel-body{overflow-y: scroll;height: 400px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb
{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/*End Chat box style*/
.validation-invalid,.ng-invalid.ng-dirty {color: red;font-weight: bold;}
.validation-valid,.ng-valid.ng-dirty { color: green;font-weight: bold;}
#messages{width:400px;
    word-wrap: break-word;}
        .box1,.box3{
            background:  #c3c388;
            color:white;

        }
        .box2,.box4{
            background: #ff704d;
            color:white;
        }
        .main{
            height: 700px;
        }
        .icon{
            color: white;
        }
        .box6{
            background: #e1e1d0;
        }
        .gender{
            margin-bottom: 20px;
        }
        .inconl{
           margin-left: -5px;
        }
          
          /*menu style*/
          /* fallback */
        @font-face {
          font-family: 'Material Icons';
          font-style: normal;
          font-weight: 400;
          src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
        }

       /* Header */
        #head { background:#181015 url( ../img/6.jpg) no-repeat; background-size: cover; min-height:520px; text-align: center; padding-top:240px; color:white; font-family:"Open sans", Helvetica, Arial; font-weight:300; }
        #head.secondary { height:100px; min-height: 100px; padding-top:0px; }
        #head .lead { font-family:"Open sans", Helvetica, Arial; font-size:50px; margin-bottom:6px; color:white; line-height:1.15em;text-shadow: 1px; margin-top: -70px; } 
        #head .tagline { color:rgba(255,255,255,0.75); margin-bottom:25px; }
        #head .tagline a { color:#fff; } 
        #head .btn { margin-bottom:10px;}
        #head .btn-default { text-shadow: none; background:transparent; color:rgba(255,255,255,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; }
        #head .btn-default:hover,
        #head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; }
        #head .btn-default:active, 
        #head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; }

        @media (max-width: 767px) {
            #head { min-height:420px; padding-top:160px; }
            #head .lead { font-size: 34px; }
        }


        /* Autohide navbar */
        .slideUp { top:-100px; }
        .headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }


        /* Highlights (in jumbotron in most cases) */
        .highlight { margin-top:40px; }
            .h-caption { text-align: center; } 
            .h-caption i { display:block; font-size: 54px; color:#382526; margin-bottom:36px; }
            .h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; }
            .h-body { }


        /* Typography */
        h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica; }
        h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; } 
        blockquote { font-style: italic; font-family: Georgia; color:#999; margin:30px 0 30px; }
        label { color: #777; }
        .thin { font-weight:300; }
        .page-title { margin-top:20px; font-weight:300;text-align: left }
        .text-muted { color:#888; }

        .breadcrumb { background:none; padding:0; margin:30px 0 0px 0; }
        ul.list-spaces li{ margin-bottom:10px; }

        /* Helpers */
        .container-full { margin: 0 auto; width: 100%; }
        .top-space { margin-top: 60px; }
        .top-margin { margin-top:20px;text-align: left; }

        img { max-width:100%; }
        img.pull-right { margin-left: 10px; }
        img.pull-left { margin-right: 10px; }
        #map { width:100%; height:280px; }
        #social { margin-top:50px; margin-bottom:50px; }
        #social .wrapper { width:340px; margin:0 auto; }

        /* Main content block */
        .maincontent { }

        /* Sidebars */
        .sidebar { zpadding-top:36px; padding-bottom:30px; }
            .sidebar .widget { margin-bottom:20px; }
            .sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top:20px; } 
.dropdown-member{
    z-index: 999;
}