@import "../fonts/import.css";


html{
	height:100%;
	overflow-y:scroll;
}

body{
	height:100%;

	background:#eee/* url(/inc/i/gb.jpg) center top*/;

	font-weight:300;
	/*font-family:'Roboto',Helvetica,Arial,sans-serif;*/
	font-size:18px;
	/*
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizelegibility;
	*/
}



/* COMMON */

a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:underline;
}
a:focus{
	outline:none;
}

h1, h2, h3{
	font-size:26px;
	font-weight:300;
}
h2{
	font-size:24px;
}
h3{
	font-size:20px;
}
h4, h5, h6{
	font-weight:500;
}

.vertical-cramp{
	min-height:100%;
	/*padding-top:50px;*/
	padding-bottom:120px;
}


.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

.mt50{
	margin-top:50px;
}

.mt100{
	margin-top:100px;
}

.cut-str{
	display:none;
}
.cut-str:after{
	content:'...';
}

.trans,
.trans300{
	transition:all 300ms ease-out;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}


.trans100{
	transition:all 100ms ease-out;
	-webkit-transition:all 100ms ease-out;
	-moz-transition:all 100ms ease-out;
	-ms-transition:all 100ms ease-out;
	-o-transition:all 100ms ease-out;
}


.opa0{
	opacity:0;
}

::selection{
	background:#cbd9fd;
}
::-moz-selection{
	background:#cbd9fd;
}

.no-select{
	-webkit-user-select:none; /* webkit (safari, chrome) browsers */
	-moz-user-select:none; /* mozilla browsers */
	-khtml-user-select:none; /* webkit (konqueror) browsers */
	-ms-user-select:none;
}

.no-event{
	pointer-events:none;
}

input:not([type=checkbox]){
	border:1px solid rgba(0,0,0,0.1);
	color:#4c4c4c;
/*
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1);
	border-radius:3px;
	padding:0 5px;
	font-size:13px;
	line-height:22px;
*/
}
input:not([type=checkbox]):focus{
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.15);
}

input[placeholder], [placeholder], *[placeholder] {
	color:#999;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#999;
}



.panel-heading{
	font-size:13px;
	font-weight:500;
}

blockquote{
	border-left:2px solid #666;
}
.blockquote-reverse,
blockquote.pull-right{
	border-right:2px solid #666;
}

span.label{
	font-family:'Roboto',Helvetica,Arial,sans-serif;
	font-size:9px;
	font-weight:300;
}

.list-group-item{
	font-size:12px;
}
a.list-group-item{
	text-decoration:underline !important;
}

.pane{
	background:#fff;
	border-radius:5px;
	overflow:hidden;
/*
	-webkit-box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.10);
	box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.10);
*/
}

.bgcontain{
	background:center top no-repeat;
	-webkit-background-size:contain !important;
	-moz-background-size:contain !important;
	-o-background-size:contain !important;
	background-size:contain !important;
}
.bgcover{
	background:center top no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
}


/* CAROUSEL */

.carousel{
    margin-top:50px;
	margin-bottom:0;
}

	.carousel-control{
		background:none !important;
	}

	.carousel-inner{
		max-height:500px;
		overflow:hidden;
	}
		.carousel-inner:before{
			position:absolute;
			left:-10%;
			bottom:-5px;
			width:120%;
			height:5px;
			-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,.2);
			box-shadow:0 -2px 2px 0 rgba(0,0,0,.2);
			z-index:999;
			content:'';
		}
		.carousel-inner > .item{
			width:100%;
			height:500px;
			overflow:hidden;
		}
			.carousel-inner > .item > img,
			.carousel-inner > .item > a > img{
				position:relative;
				/*top:-30px;*/
				width:100%;
				height:100%;
			}
			.person .carousel-inner > .item > img,
			.person .carousel-inner > .item > a > img{
				background-position:center center !important;
			}

		.carousel-caption h3{
			font-size:30px;

		}
		.carousel-caption p{
			font-size:18px;
			font-weight:300;

		}

    .carousel-caption{
        bottom: 0;
        padding-bottom: 10px;
    }

	.carousel-indicators{
        display: none;
		bottom:10px;
	}
		.carousel-indicators .active{
			border:0;
		}
		.carousel-indicators.grey li{
			border:1px solid #555;
		}
		.carousel-indicators.grey .active{
			background:#777;
		}



/* NAVBAR */

.navbar-brand{
	font-weight:500;
}

.navbar{
	border:0;
	background-color:rgba(248,248,248,.9);
}
	.navbar:before{
		position:absolute;
		bottom:0;
		width:100%;
		height:5px;
		-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.2);
		box-shadow:0 3px 3px 0 rgba(0,0,0,.2);
		content:'';
	}
	.navbar a{
		color:#333 !important;
		text-shadow:0 1px 0 rgba(255,255,255,.9);
	}
	.navbar a:hover{
		color:#000 !important;
	}

.dropdown-menu{
	border-color:transparent;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus{
	background-color:#999;
}

.navbar-nav li a{
	font-size:15px;
	font-weight:200;
}

header .navbar-nav li a{
    padding-top:0;
    padding-bottom:0;
	font-size:20px;
	font-weight:200;
    line-height:50px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .navbar-nav li a{
        font-size:18px;
        font-weight:200;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    header .navbar-nav li a{
        padding-left:5px;
        padding-right:5px;
        font-size:16px;
        font-weight:200;
    }
}

header .nav li.active{
	-webkit-box-shadow:inset 0 0 35px 0 rgba(0,0,0,0.10);
	box-shadow:inset 0 0 35px 0 rgba(0,0,0,0.10);
	background:#dedede !important;
	text-shadow:0 1px 0 rgba(255,255,255,0.30);
}
	header .nav li.active a{
		background-color:transparent !important;
		outline:0;
	}



/* MAIN PAGE ITEM */

.main,
.category{
}

	.main .page,
	.category .page{
		margin-top:50px;
		margin-bottom:50px;
	}



/* FOOTER */

.footer{
	background:#2f2f2f;
	-webkit-box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.2);
}
.footer,
.footer a{
	color:#777;
	font-size:13px;
	font-weight:300;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
}
		.footer nav ul{
			margin:20px 0;
			padding:0;
			list-style-type:none;
		}
			.footer nav ul li{
				display:inline-block;
				margin:0 20px 0 0;
			}
				.footer nav ul li img{
					vertical-align:bottom;
				}

	.footer p{
		height:50px;
		color:gray;
		font-size:12px;
		font-weight:300;
		line-height:50px;
	}

    .social{
	    font-size:24px !important;
	    font-family:'WebSymbolsLigaRegular',sans-serif;
	    text-decoration:none !important;
    }

	.sk:hover{
		color:#00AFF0;
	}
	.yt:hover{
		color:red;
	}
	.fb:hover{
		color:#557B9F;
	}
	.vk:hover{
		color:#3B5997;
	}
	.tw:hover{
		color:#429CC4;
	}
	.gp:hover{
		color:#D73D32;
	}
	.rs:hover{
		color:#FB6631;
	}



/* COCKTAIL CARD */

.card{
}
	.card .img{
		margin-top:15px;
		margin-bottom:15px;
		width:100%;
		background:#fff;
		text-align:center;
	}

	.card .prop{
	}


.also{
	overflow:hidden;
	margin-bottom:15px;
}



/* NODE PREVIEW */

.node-preview{
	position:relative;
	float:left;
	margin:15px;
	width:255px;
	background:#fff;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
}
.person .node-preview{
	width:198px;
	height:228px;
}
.node-preview:hover{
	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.37);
	box-shadow:0 0 15px 0 rgba(0,0,0,0.37);
}
		.node-preview .img{
			margin-top:30px;
			height:250px;
			text-align:center;
		}
		.person .node-preview .img{
			position:absolute;
			margin-top:0;
			height:100%;
			width:100%;
		}
		.person .node-preview .img{
			position:absolute;
			margin-top:0;
			height:100%;
			width:100%;
		}
		.person .node-preview .img:not(:first-of-type){
			display:none;
		}
			.node-preview .img img{
				max-width:100%;
				max-height:100%;
			}
			.person .node-preview .img img{
				position:relative;
				display:block;
				max-width:none;
				max-height:none;
			}
			.person .node-preview .img img.bgcover{
				width:100%;
				height:100%;
			}

		.node-preview h1{
			position:absolute;
			top:0;
			margin:0;
			padding:10px 2px;
			width:100%;
			color:#666;
			font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
			font-size:15px;
			font-weight:300;
			text-align:center;
			text-shadow:0 1px 0 rgba(255,255,255,.3);
		}
		.person .node-preview h1{
			top:auto;
			bottom:0;
			padding:5px 3px;

			background:-moz-linear-gradient(top,  rgba(0,0,0,0) 10%, rgba(0,0,0,0.65) 100%);
			background:-webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
			background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.65) 100%);
			background:-o-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.65) 100%);
			background:-ms-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.65) 100%);
			background:linear-gradient(to bottom,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.65) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

			color:#fff;
			text-shadow:0 1px 0 rgba(0,0,0,.3);
		}
		.node-preview:hover h1{
			color:#000;
		}
		.person .node-preview:hover h1{
			color:#ddd;
		}
		.node-preview p{
			position:absolute;
			bottom:0;
			margin:0;
			padding:3px 5px;
			width:100%;
			color:#ddd;
			/*font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;*/
			font-size:12px;
			font-weight:300;
			text-align:center;
			text-shadow:0 1px 0 rgba(0,0,0,.3);
		}
		.person .node-preview p{
			bottom:auto;
			background:-moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 90%);
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(90%,rgba(0,0,0,0)));
			background:-webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
			background:-o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
			background:-ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
			background:linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
		}



/* VIDEO PREVIEW */

.video-preview-wrap{
	display:block;
	position:relative;
	float:left;
	padding:10px;
	width:33.3%;
}
.video-preview{
	display:block;
	position:relative;
	border:1px solid #e1e1e1;
	border-top-color:#e6e6e6;

	width:100%;
	height:200px;
	background:center center #fff;
}
.gallery .video-preview{
	background:center top #fff;
}
.video-preview:hover{
}
.also .video-preview{
	margin:3px;
	border:1px solid #ddd;
	width:180px;
}
.also .video-preview:hover{
	border-color:#ccc;
}
	.video-preview .img{
		height:375px;
		text-align:center;
	}
	.also .video-preview .img{
		margin-top:15px;
		height:200px;
	}
		.video-preview .img img{
			max-width:100%;
			max-height:100%;
		}

	.video-preview h1{
		position:absolute;
		bottom:0;
		margin:0;
		padding:12px 3px;
		width:100%;

		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

		color:#fff;
		/*font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;*/
		font-size:15px;
		font-weight:300;
		text-align:center;
		text-shadow:0 1px 0 rgba(0,0,0,.3);
	}
	.also .video-preview h1{
		font-size:13px;
	}

	.video-preview p{
		position:absolute;
		top:0;
		margin:0;
		padding:10px 5px;
		width:100%;

		background:-moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 90%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(90%,rgba(0,0,0,0)));
		background:-webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
		background:-o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
		background:-ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
		background:linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );

		color:#ddd;
		/*font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;*/
		font-size:12px;
		font-weight:300;
		text-align:center;
		text-shadow:0 1px 0 rgba(0,0,0,.3);
	}



/* SEARCH */

.search-bar{
	position:fixed;
	left:0;
	top:150px;
	width:55px;
	height:55px;
	border-radius:0 5px 5px 0;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
	overflow:hidden;
}
.search-bar.active{
	width:300px;
}
	.search-bar .glyphicon{
		left:16px;
		line-height:55px;
		color:#fff;
		font-size:20px;
		vertical-align:middle;
	}
	.search-bar .search-text{
		position:relative;
		display:inline-block;
		left:26px;
		width:240px;
		vertical-align:middle;
	}



/* ARTICLES */

article.media{
	float:left;
	margin:0;
	padding:10px;
	width:50%;
}
	article.media .media-body{
		border-radius:5px;
		padding:10px;
		background:#fff;
		font-size:16px;
		font-weight:300;
	}
		article.media .media-heading{
			color:#333;
		}

		article.media .img{
			float:left;
			width:200px;
			height:150px;
			margin-right:10px;
		}
			article.media img{
				max-width:100%;
				max-height:100%;
				border-radius:3px;
			}




#vk_comments{
	margin-bottom:15px;
}


.shadow:before{
	content:'';
	position:absolute;
	bottom:-7px;
	left:-1px;
	display:block;
	width:inherit;
	height:7px;
	background:url(../i/film_shadow_left.png) left -1px no-repeat;
}
.shadow:after{
	content:'';
	position:absolute;
	bottom:-7px;
	right:-5px;
	display:block;
	width:inherit;
	height:7px;
	background:url(../i/film_shadow_right.png) right -1px no-repeat;
}



.src2bg{
	visibility:hidden;
}