.navbar-default,.navbar-default .navbar-toggle{border-color:#3b5998}body,html{height:100%;font-family:roboto;font-weight:300;}.navbar-inverse{margin:0;font-family:lato}.img-shadow{box-shadow:inset 0 0 8px rgba(0,0,0,.6);-moz-box-shadow:inset 0 0 8px rgba(0,0,0,.6);-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.6)}.thumbnails a{float:left;width:25%;padding-right:15px;box-sizing:border-box;padding-top:15px}.thumbnails img{display:block;transition:all .2s}.thumbnails:hover{transform:scale(.99)}.thumbnails img:hover{transform:box-shadow:0 0 7px rgba(0,0,0,.5);opacity:1}img{max-width:100%;height:auto}.inner-addon{position:relative}.inner-addon .glyphicon{position:absolute;padding:10px;pointer-events:none}.left-addon .glyphicon{left:0}.right-addon .glyphicon{right:0}.left-addon input{padding-left:30px}.right-addon input{padding-right:30px}.wrapper{width:100%;background-color:#e0ffff}#text{z-index:100;position:absolute;color:#fff;font-size:100px;font-weight:700;left:150px;top:350px}#footer,.footerfoot{height:auto;color:#f0f8ff}#footer{background-color:#0c1a1e;font-family:lato}.footerfoot{background-color:#f3f6f9;padding-top:10px}.navbar-default,.navbar-default .navbar-nav>li>.dropdown-menu{background-color:#3b5998}.centerer{width:100%;max-width:600px;margin:0 auto}.wrap{width:50%;float:left}.social-icon{color:#7fff00;margin-left:3px;margin-right:3px}textarea{width:auto;height:200px}.btn-default{font-weight:900;border-radius:30px}.carousel-inner{height:920px}.navbar-default{border-radius:0}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#e3dbec}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#fff}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#e3dbec}.navbar-default .navbar-nav>li>.dropdown-menu>li>a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus,.navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover{color:#e3dbec;background-color:#3b5998}.navbar-default .navbar-nav>li>.dropdown-menu>li.divider{background-color:#3b5998}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#3b5998}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff}.navbar-default .navbar-link{color:#fff}.navbar-default .navbar-link:hover{color:#e3dbec}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#e3dbec}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#e3dbec;background-color:#3b5998}}
.nav-link{
        color: white!important;
    }
        .nav-link:hover{
            color: darkgray!important;
        }
        .custom-toggler.navbar-toggler {
          border-color: #0eeb0e;
        }
        .custom-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250, 250, 250, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
#popup_bg{
    overflow-y: overlay;
    top: 0;
    position: fixed;
    z-index: 1030;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    transition: background-color 4s;
}

.add_post{
    padding: 3%;
    margin: 5% auto;
    border-radius: 5px;
    width: 60%;
    background-color: white;
}

.ht{
    height: 200px;
    background-color: gray;
}
.u_info{
	padding:2%;
	float: left;
}

.feeds{
    margin: 10px 1%;
    height: 300px;
    overflow:visible;
    width: 98%;
    overflow-x: visible;
    background: #0000001c; 
}
.feeds i{
    background: #c1c1c1;
    padding: 10px;
    cursor: pointer;
    border-radius: 2px;
}
.arrow{
    width: 98%;
    position: absolute;
    top: 200px;
}
.infeed{    float: left;
    width: 31%;
    color: white;
    background: #333;
    text-align: center;
    margin: 0 10px;
    display: inline-grid;
    /* background: rebeccapurple; */
    height: 100%;
}
/*.aboutus{
    /*width: 100%;*/
    /*background-color: white;*/
/*}*/

.companies {

    background-color: #F7F8FA;
    width: 100%;
}

.sidebar{
    width: 40%;
    float: right;
}
.circle{
        width: 200px;
    border-radius: 100%;
}
.company{
    float: right;
}
@media only screen and (max-width:992px){
    .aboutus{
        width: unset;
    }
    .circle{
        width: 100px;
    }
    .fg h2{
        font-size: 25px;
    }
}
@media only screen and (max-width:768px){
	.u_info{
		float: none;
	}
        .fg h2{
        font-size: 20px;
    }
}
@media only screen and (max-width:425px){
	.u_info{
		font-size:13px !important;
	}
    .fg h2{
        font-size: 15px;
    }
    .circle{
        width: 70px;
    }
}
@media only screen and (max-width:375px){
	#mod2{
		padding: 0;
	}
    .fg h2{
        font-size: 12px;
    }
    .circle{
        width: 50px;
    }
}