header,
header nav .bg {
	background: #2b363c;
	height: 80px;
}

header .navbar-header {
	margin-top: 10px;
}

header h1 {
	font-size: 2em;
	margin: 0;
	color: #3bafda;
}

header span {
	display: block;
	padding-top: 16px;
}

header span img {
	border-radius: 3px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: -16px;
	border: 1px solid #2b363c;
}

header span h1 {
	display: block;
	float: left;
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: calc(100% - 120px);
}

header span small {
	float: left;
	font-size: 0.7em;
	margin-top: 3px;
	opacity: 0;
}

header span a small {
	color: #fff;
	margin: 0 5px;
}

header .navbar-header:hover small {
	opacity: 1;
}

header nav .bg {
	display: block;
	position: absolute;
	width: 100%;
}

.navbar-custom {
	background: transparent;
}

.navbar-nav > li > a {
	margin: 15px 6px 0;
	padding-bottom: 30px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.navbar-nav > li > a.current {
	color: #ffe944;
	padding-bottom: 27px;
}

.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
	background: #fff;
}

h3 {
	margin-top: 0;
}

#main {
	margin-top: 50px;
}

/*cards list*/
.jumbotron h4 {
	margin-top: 0;
}

.jumbotron .jumbotron-contents {
	text-align: left;
}

.cards .col-md-4 a.thumbnail:hover {
	background: rgba(59, 175, 218, 0.1);
}

.cards .col-md-6 a.thumbnail:hover {
	background: rgba(59, 175, 218, 0.1);
}

.cards .thumbnail .img-rounded {
	margin: 10px 20px;
	border-radius: 3px;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	width: 80px;
	height: 80px;
}

.cards .thumbnail .img-rounded > span {
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.cards .col-md-4 .edit {
	bottom: 44px;
	right: 34px;
	font-size: 0.85em;
	opacity: 0;
	position: absolute;
}

.cards .col-md-4:hover .edit {
	opacity: 1;
}

.cards .col-md-4 .edit i {
	margin-right: 5px;
}

.cards .col-md-4 .duplicate {
	bottom: 64px;
	right: 34px;
	font-size: 0.85em;
	opacity: 0;
	position: absolute;
}

.cards .col-md-4:hover .duplicate {
	opacity: 1;
}

.cards .col-md-4 .duplicate i {
	margin-right: 5px;
}

.cards .col-md-6 .edit {
	bottom: 44px;
	right: 34px;
	font-size: 0.85em;
	opacity: 0;
	position: absolute;
}

.cards .col-md-6:hover .edit {
	opacity: 1;
}

.cards .col-md-6 .edit i {
	margin-right: 5px;
}

.cards .col-md-6 .duplicate {
	bottom: 64px;
	right: 34px;
	font-size: 0.85em;
	opacity: 0;
	position: absolute;
}

.cards .col-md-6:hover .duplicate {
	opacity: 1;
}

.cards .col-md-6 .duplicate i {
	margin-right: 5px;
}

.quotes .col-md-6:hover > .edit {
	opacity: 1;
}

.projects > .thumbnail > .caption > p {
	margin-bottom: 20px;
}

.resources h5 .glyphicon, .requisites h5 .glyphicon, .requisites-card h5 .glyphicon {
	float: right;
}

.resources h5 .glyphicon-minus, .requisites h5 .glyphicon-minus, .requisites-card h5 .glyphicon-minus {
	display: none;
}

.resources h5.add .glyphicon-minus, .requisites h5.add .glyphicon-minus, .requisites-card h5.add .glyphicon-minus {
	display: block;
}

.resources h5.add .glyphicon-plus, .requisites h5.add .glyphicon-plus, .requisites-card h5.add .glyphicon-plus {
	display: none;
}

.resources .thumbnail, .requisites .thumbnail, .requisites-card .thumbnail {
	position: relative;
}

.resources .thumbnail .glyphicon-remove, .requisites .thumbnail .glyphicon-remove, .requisites-card .thumbnail .glyphicon-remove {
	opacity: 0;
	position: absolute;
	right: 17px;
	top: 17px;
}

.resources .thumbnail:hover .glyphicon-remove, .requisites .thumbnail:hover .glyphicon-remove, .requisites-card .thumbnail:hover .glyphicon-remove {
	opacity: 1;
}

.resources div.thumbnail, .requisites div.thumbnail, .requisites-card div.thumbnail {
	display: none;
	transition: none;
}

.resources .thumbnail form .caption > div, .requisites .thumbnail form .caption > div, .requisites-card .thumbnail form .caption > div {
	margin-bottom: 18px;
}

.resources .thumbnail form .caption > div:last-child, .requisites .thumbnail form .caption > div:last-child, .requisites-card .thumbnail form .caption > div:last-child {
	margin-bottom: 0;
}

.resources .thumbnail form .caption > div label, .requisites .thumbnail form .caption > div label, .requisites-card .thumbnail form .caption > div label {
	margin-bottom: 5px;
}

/*pagination blue (primary)*/
.pagination {
	margin-bottom: 30px;
}

.pagination.btn-primary .active a {
	cursor: pointer;
	color: #fff;
	background-color: #3bafda;
	border-color: #3bafda;
}

.pagination.btn-primary .active a:hover {
	color: #fff;
	background-color: #4fc1e9;
	border-color: #4fc1e9;
}

/*form*/
.form .row > div[class|="col-md-6"] > div {
	margin-bottom: 23px;
}

.form .row > div[class|="col-md"] > div label[for] {
	margin-bottom: 13px;
}

.form .row > div[class|="col-md"] > div label.photo-upload {
	background: url("../img/photo.png") no-repeat 50% 50%;
	border: 1px solid #aab2bd;
	cursor: pointer;
	display: block;
	border-radius: 4px;
	height: 68px;
	margin-bottom: 0;
}

.form .row > div[class|="col-md"] > div label.photo-upload img {
	border-radius: 4px;
}

.input-group.form-search input[type="file"] {
	cursor: pointer;
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	border-radius: 4px;
	z-index: 100;
}

.form-search .search-query, .form-search .search-query:first-child, .form-search .search-query:last-child {
	border-radius: 4px;
}

.form-search .btn {
	border-radius: 4px;
}

.form .submit {
	border-top: 1px solid #aab2bd;
	margin: 0 0 40px;
	padding-top: 20px;
}

.form .submit > div:last-child {
	text-align: right;
}

.form .submit > div {
	padding: 0;
}

footer .container > div {
	border-top: 1px solid #aab2bd;
	background: #fff;
	color: #000;
	font-size: 0.8em;
	padding: 12px 0;
}

footer .col-md-6 + .col-md-6 {
	text-align: right;
}

footer .col-md-6 a {
	color: #000;
	font-weight: bold;
	margin-right: 20px;
}

footer .col-md-6 span {
	margin-left: 20px;
}

/*transitions*/
a,
a * {
	transition: all ease 0.3s;
}

#new_project select {
	margin: 10px 0 5px 0;
}

.margin5 {
	margin-top: 5px;
}

.margin10 {
	margin-top: 10px;
}

.margin20 {
	margin-top: 20px;
}

.margin30 {
	margin-top: 32px;
}

#project_detail .col-md-6:first-child {
	border-right: 1px solid #ddd;
}

.edit {
	cursor: pointer
}

.thumbnail {
	padding: 0 10px;
}

a.small {
	color: #fff;
	font-size: 10px
}

.input-group-btn a.btn {
	color: #3bafda;
}

.comments .media-body {
	border-top: 1px dotted #3bafda;
	padding: 10px 0 0;
}

.company .col-md-4 .edit, .requisites .col-md-4 .edit, .requisites-card .col-md-4 .edit {
	bottom: 25px;
	right: 34px;
	font-size: 0.85em;
	opacity: 0;
	position: absolute;
}

.company .col-md-4:hover .edit, .requisites .col-md-4:hover .edit, .requisites-card .col-md-4:hover .edit {
	opacity: 1;
}

.company .col-md-4 .edit i, .requisites .col-md-4 .edit i, .requisites-card .col-md-4 .edit i {
	margin-right: 0;
}


.loading {
	background: url('../img/loading_small.gif');
}

.share-status {
	color: #3bafda;
	text-align: left;
}

a.share-status {
	margin: -2px 5px 0 0;
	padding: 3px 12px;
	color: #fff;
	text-align: left;
}

.share {
	margin-bottom: 20px;
}

.share .navbar-header {
	margin-top: 30px;
	width: auto;
}

.share .navbar-header h1 {
	font-size: 2em;
	margin: 0;
	color: #000;
}

.share .navbar-header span {
	padding-top: 16px;
}

.share .navbar-header span img {
	border-radius: 3px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: -16px;
}

.share .navbar-header span h1 {
	display: block;
	float: left;
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: calc(100% - 120px);
}

.share .quote_header {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.share .quote_header li {
	float: left;
	width: auto;
	margin-right: 50px;
	font-size: 20px;
}

.share .comments {
	margin-bottom: 30px;
}

.updates .media {
	color: #999;
	border-top: 1px solid #ddd;
	padding: 7px 0;
	margin: 0;
	font-size: 13px;
}

.updates .media a {
	color: #50c1e9;
}

.updates .media:first-child {
	border: none;
}

.updates .media-meta {
	font-size: 11px;
	color: #999;
	margin-top: 3px;
}

.updates .media h4 {
	margin: 0;
	font-size: 14px;
	line-height: normal;
}

.updates .email-summary {
	margin: 2px 0 0 0;
}

.marginr {
	margin-right: 5px;
}

.hidden-info {
	display: none;
}
